WCAG 对比度检测

WCAG 对比度检测的使用场景

• 设计稿配色上线前检查文字是否看得清
• 深色模式换色后复核可读性
• 无障碍验收需要给出对比度数值依据

WCAG 对比度检测怎么用

1. 分别选择或输入前景、背景色（HEX 或 RGB）
2. 读取对比度比值
3. 查看 AA / AAA 达标表与提亮压暗建议

常见问题

达标线是多少？

普通文本 AA 需 ≥4.5:1、AAA 需 ≥7:1；大字号（≥18pt 常规或 ≥14pt 粗体）AA 需 ≥3:1、AAA 需 ≥4.5:1；非文本的界面图形与控件边界 AA 需 ≥3:1。

对比度是怎么算的？

先把 sRGB 各通道线性化并求相对亮度 L，再用 (L浅+0.05)/(L深+0.05) 得出比值，范围从 1:1 到 21:1。

通过就一定好看吗？

不一定。对比度只衡量明暗差异，字号、字重、色觉障碍与背景纹理仍会影响实际阅读体验，建议结合真机预览。