颜色对比度检查(WCAG)

计算前景与背景对比度,判定 AA/AAA 是否达标并给出修正建议色

选择颜色
检测结果
--
对比度(最高 21:1)
效果预览
这是 16px 的正常正文示例文字
这是 24px 大号文字
调整颜色后自动给出建议

常见问题

达标标准是多少?

WCAG AA 要求正文 4.5:1、大号文字 3:1;AAA 要求正文 7:1、大号文字 4.5:1。

不达标会给出建议吗?

会,工具会自动沿明度方向调整前景色直到达到 4.5:1,并可一键应用建议色。

渐变或半透明怎么算?

对比度只看最终渲染出来的颜色,请把半透明或渐变混合后的实际颜色填入检测。