对比度检查器
输入两种颜色，得到对比度，以及 WCAG 分别评定的每一种字号的结论。当一对颜色不达标时，它会在不改动你色相的前提下找出最近的合格颜色，让修正仍然符合品牌。较新的 APCA 数值并列显示，并明确标注它尚未成为标准。
| 用在哪里 | 最低要求 | AA | AAA |
|---|
大号文字，24px 及以上
普通字号的正文，这才是大多数页面真正必须通过的情形。
这个比值究竟量的是什么
每种颜色都会先转换成相对亮度：撤销 sRGB 伽马曲线后，把红、绿、蓝三个通道加权求和，其中绿色权重最大，因为人眼对它最敏感。比值就是较亮的那个亮度加上一个小常数，除以较暗的那个加上同一个常数。正是这个常数使得面对纯黑时刻度不会跑到无穷大，也正是它让这个公式对深色背景比大多数人的眼睛更宽容。
为什么同一对颜色会有好几个结论
WCAG 不会只评定一次。大号文字的门槛比正文低，因为字号替对比度分担了一部分工作；而界面元素——复选框的描边、聚焦圈——又要另行评定。一套在正文上不合格的配色，用在标题上可能完全正确，所以表格给出每一种情形，而不是一个笼统的通过或不通过。
修正时保住色相
对付不合格的配色，人们的惯常做法是换一个更深的灰，而这会不声不响地把品牌的颜色抽干。这里的建议只动明度，用刚好越过门槛的最小一步，色相和饱和度仍留在你设定的位置。还是同一个颜色，只是往前挪到了能读清的地步。
关于 APCA 这个数值
APCA 是为下一版指南开发中的对比度模型。它顾及了 WCAG 2 的比值顾不到的东西——极性、字重、深色背景上感知对比度的衰减——在旧公式与你的眼睛不一致的地方，它通常与眼睛一致。这里显示它，是因为它确有参考价值；明确标注它，是因为衡量你的并不是它。今天的合规看的是比值，不是 Lc。
常见问题解答
多大才算大号文字？
18 磅，约合 24 像素；或 14 磅加粗，约合 18.66 像素加粗。低于这个尺寸就算普通文字，需要更高的比值。
我的灰色在白底上合格，在深色底上却不合格。为什么？
WCAG 2 的公式并不像知觉那样对称。深底浅字在眼中的对比度低于比值给出的印象，而这正是 APCA 想要填补的缺口之一。如果一对颜色在深色底上刚刚踩线通过，请相信自己的眼睛，再加一点。
图标和边框也适用这个比值吗？
适用，标准是 3:1，属于非文本对比度这条规则。它覆盖控件中你必须看清才能操作的部分——输入框的轮廓、开关、聚焦指示——但不包括装饰性图形和标志。
我在这里输入的内容会被发送出去吗？
不会。颜色始终不离开这个页面，不上传也不保存任何内容。