对比度检查器

怎么用

1. 填入前景色与背景色，HEX、RGB、HSL 都认。
2. 页面会直接给出对比度数值，以及是否通过 AA / AAA 普通文本与大字标准。
3. 不达标时，用色样预览看实际文字效果，再调色直到通过。

常见用法

• 上线前自查 —— 设计稿的正文颜色是否达到 AA。
• 改深浅色主题 —— 深色背景下把文字提亮到可读。
• 验收他人设计 —— 拿到一个配色，先量对比度再讨论好不好看。

常见问题

问：AA 和 AAA 差多少？ 答：AA 要求普通文本对比度 ≥ 4.5:1、大字（18pt 以上或 14pt 粗体）≥ 3:1；AAA 对应提高到 7:1 与 4.5:1。绝大多数产品做到 AA 就够。

问：对比度算出来合格就一定无障碍吗？ 答：不是。对比度只是其中一项，色彩不能是唯一的信息载体，还要考虑字号、字重与是否依赖颜色传达含义。

问：半透明文字怎么算？ 答：先把它与背景合成出最终颜色，再算对比度 —— 半透明本身会让结果失真。