对比度检查
检查前景色与背景色的对比度,快速判断是否满足 WCAG AA / AAA,可用于按钮、正文、卡片和主题配色验收。
颜色输入
移动端优先单列输入颜色,桌面端再与预览区并排查看。
预览样式
Aa
The quick brown fox jumps over the lazy dog.
Contrast Preview
检测结果
统一展示比值、WCAG 结果和可复制摘要,手机上也能顺着往下看。
检测已完成
当前颜色组合已经完成对比度计算,可直接查看右侧 WCAG 结果;如果还在调色,可以继续修改任一颜色,结果会实时刷新。
对比度
17.74:1
AA 正文
通过
AA 大字
通过
AAA 正文
通过
WCAG 规则
AA 正文
≥ 4.5:1
AA 大字
≥ 3:1
AAA 正文
≥ 7:1
AAA 大字
≥ 4.5:1
下一步建议
如果目标是正文可读性,当前配色已经满足 AA 正文要求;若要继续冲击 AAA,可优先拉大明暗差。