免费在线色彩对比度检查器(WCAG) tool icon
WCAG Contrast • 本地计算

免费在线色彩对比度检查器(WCAG)

输入前景色与背景色,计算对比度并查看 WCAG 2.1 AA/AAA 通过情况,附带简单色盲模拟预览。

色彩对比度检查器:输入前景/背景颜色,计算 WCAG 对比度并给出 AA/AAA 通过情况(本地运行不上传)。

示例文本
The quick brown fox jumps over the lazy dog. 0123456789
Aa
检查结果
对比度: -
AA(普通文本)≥ 4.5 -
AA(大号文本)≥ 3.0 -
AAA(普通文本)≥ 7.0 -
AAA(大号文本)≥ 4.5 -
建议前景色
使用黑色: - 使用白色: -

如何使用

  • 点击“前景色”和“背景色”色块选择颜色,或直接输入 HEX 颜色代码。
  • 查看计算出的对比度比率(如 4.5:1)。
  • 检查 WCAG 2.1 AA 和 AAA 标准的通过情况(普通文本 vs 大号文本)。
  • 使用“色盲模拟”下拉菜单预览不同色觉障碍下的显示效果。

常见问题与提示

  • WCAG AA 标准要求普通文本对比度至少为 4.5:1,大号文本至少 3.0:1。
  • WCAG AAA 标准要求普通文本对比度至少为 7.0:1,大号文本至少 4.5:1。
  • 如果对比度不足,尝试点击“建议前景色”中的黑/白选项快速修复。
  • 所有计算均在浏览器本地完成,保障您的隐私。