输入前景与背景色
选两个颜色，工具在浏览器本地计算 WCAG 对比度，分别给出普通正文（4.5:1）与大字号（3:1）的结果。只支持 3 或 6 位 hex，不联网、不上传。
大字号示例 24px
普通正文示例 14px，用于检查 4.5:1。
已计算。
内置自检运行中…
判定口径
| 项目 | 规则 | 边界 |
|---|---|---|
| 输入 | 3 或 6 位 hex，可带 # | 不支持 alpha、rgb()、颜色名 |
| 相对亮度 | sRGB 分量线性化后按 0.2126/0.7152/0.0722 加权 | 不是感知均匀空间 |
| 对比度 | (L1+0.05)/(L2+0.05) | 与前景/背景顺序无关 |
| 普通正文 | AA ≥4.5:1，AAA ≥7:1 | 不判断字号是否真的达到正文 |
| 大字号 | AA ≥3:1，AAA ≥4.5:1；≥24px 或 ≥18.66px 粗体 | 字号由页面决定，工具不读取 |
| 不判断 | 图片/渐变/半透明背景、APCA、色盲模拟 | 需要像素采样或人工复核 |
公式与 Node 断言在 scripts/test_contrast_check.js，共 13 项；页面内置 3 项自检。
为什么先查对比度
站内390px 字号审计发现 4 站加权中位 12px、20/24 站有行高低于 1.4；小字号与浅灰文字叠加时，对比度问题会被放大。先算颜色比值，再决定字号与字重；触控目标可参考390px 触控审计。
隐私
颜色解析与计算都在本页完成，没有网络请求；输入不会保存或发送。带 #sample 打开会填入 #767676 / 白示例。
常见问题
工具会上传颜色吗？
不会。颜色解析与比值计算全部在浏览器里完成，没有网络请求；输入不会保存或发送。
4.5:1 与 3:1 有什么区别？
WCAG 2.x 对普通正文要求 4.5:1，对大字号（≥24px，或 ≥18.66px 且粗体）要求 3:1；AAA 对应普通 7:1、大字 4.5:1。工具同时给出两档结果。
支持透明度、图片或渐变背景吗？
不支持。输入只接受 3 或 6 位 hex，按不透明纯色计算；图片、渐变、半透明与视频背景需要像素采样或人工判断。
为什么 #767676 通过而 #777777 不通过？
#767676 对白色约 4.54:1，刚过 4.5:1；#777777 约 4.48:1，差一点。工具保留完整精度，显示两位小数。
AAA 也需要看吗？
AAA 是更严格的目标：普通正文 7:1、大字号 4.5:1。多数项目以 AA 为底线，正文可优先冲 7:1。
公式能复核吗？
可以。按 sRGB 相对亮度公式计算，Node 断言在 scripts/test_contrast_check.js，共 13 项；页面内置自检 3 项。