对比度检测
免费在线对比度检测工具：输入前景色与背景色，按 WCAG 2.1 标准计算对比度，判定 AA/AAA 是否达标，并给出真实文字预览。
对比度（WCAG 2.1）
—
AA 正文（≥ 4.5）
—
AA 大字（≥ 3.0）
—
AAA 正文（≥ 7.0）
—
AAA 大字（≥ 4.5）
—
The quick brown fox jumps over the lazy dog · 示例正文 16px
示例大字号 24px Bold
使用指南
- 设置前景色
填入文字颜色的 HEX，或用取色器直接从设计稿取色。
- 设置背景色
填入背景色 HEX；不确定时可点击「交换」快速对比反向配色。
- 看四项判定
结果区给出对比度数值与 AA/AAA 四项通过情况，下方是真实字号预览。
常见问题
WCAG 要求的对比度是多少？
AA 级要求正文 4.5:1、大字（18pt 或 14pt 粗体以上）3:1；AAA 级要求正文 7:1、大字 4.5:1。
为什么我的配色对比度总是不达标？
常见原因是浅灰字配白底、或品牌色直接当文字色。把文字调深一档或把背景提亮一档通常就能达标。
大字和正文的判定标准一样吗？
不一样。字号达到 18pt（24px）或 14pt（18.66px）粗体以上算大字，门槛更低，只要 3:1 即可通过 AA。
对比度达标就等于无障碍了吗？
不是。无障碍还包括字号、行距、焦点可见性、屏幕阅读器语义等。对比度只是其中最基础也最容易量化的一环。