最后修改时间：2026年8月10日
输入前景色和背景色（支持 HEX、RGB 和常见颜色名），立即得到 WCAG 2.1 对比度比率和 AA / AAA 合规判定，并预览实际显示效果。
适合网页设计师、前端工程师和无障碍审计，确保文字在不同光照和不同视力条件下都能清晰阅读。
填写颜色后即可查看检测结果。
sRGB 通道先做线性化处理：低于 0.03928 时按 c/12.92 计算，否则按 ((c+0.055)/1.055)^2.4 计算。这样得到的亮度才能正确反映人眼对不同颜色的敏感度。
| 等级 | 普通文本 | 大字体 | 适用范围 |
|---|---|---|---|
| AA（基础合规） | ≥ 4.5:1 | ≥ 3.0:1 | 大多数政府和商业网站 |
| AAA（增强合规） | ≥ 7.0:1 | ≥ 4.5:1 | 特殊人群可读性 |
大字体指 18pt（约 24px）以上，或 14pt（约 18.5px）以上且加粗。
对比度比率是前景色与背景色的相对亮度比值，范围从 1:1 到 21:1。WCAG 2.1 要求普通文本至少达到 4.5:1，大字体至少达到 3:1。
WCAG 是 Web 内容可访问性指南。AA 是基础合规级别，要求普通文本对比度 ≥ 4.5:1，大字体 ≥ 3:1；AAA 是增强级别，要求普通文本 ≥ 7:1，大字体 ≥ 4.5:1。
WCAG 把 18pt（约 24px）以上或 14pt（约 18.5px）以上加粗的文本视为大字体，对比度要求比普通文本低。
低对比度会让弱视、色盲或在强光下浏览的用户难以阅读文字，也会影响移动设备在户外或低亮度环境下的可读性。
计算依据：先把 sRGB 分量线性化并计算相对亮度，再用较亮颜色加 0.05 除以较暗颜色加 0.05 得到对比度。
输入口径：前景色与背景色使用最终渲染的十六进制颜色；透明度、图片背景和状态变化需先合成实际颜色再测试。
适用范围：适合按 WCAG 2.2 核对普通文本、大文本和非文本界面的静态颜色对比度。
结果限制：通过比值不代表页面整体可访问，字号、字重、渐变、焦点状态、色觉差异和交互语义仍需人工检查。
校验样例：回归样例：黑色 #000000 与白色 #ffffff 的对比度应为 21:1，是该公式可得到的最大值。