返回首页

颜色对比度检查 - MyTools在线工具

🧰 MyTools

颜色对比度检查

文字颜色
HEX
背景颜色
HEX
14.68:1
AA 正文 ≥4.5 ✓AA 大字 ≥3 ✓AAA 正文 ≥7 ✓AAA 大字 ≥4.5 ✓UI 组件 ≥3 ✓

普通正文(16px):The quick brown fox jumps over the lazy dog. 中英文混排示例 0123456789。

大号加粗文字(24px bold):Abc 123

小号文字(12px):辅助说明与标签文字

颜色对比度检查工具:按 WCAG 2.x 标准计算前景/背景色对比度,判定 AA/AAA 无障碍达标等级,网页配色合规检查。

适用场景

  • 检查正文文字与背景的对比度是否达到 AA(4.5:1)标准
  • 设计浅色按钮/占位符文字时确认可读性
  • 深色模式配色方案的合规验证

常见问题

AA 和 AAA 分别要求多少对比度?

常规正文 AA 要求 ≥ 4.5:1,AAA 要求 ≥ 7:1;大号文字(约 18pt 以上或 14pt 加粗)AA 降至 3:1。图形与 UI 组件按 WCAG 1.4.11 要求 ≥ 3:1。

为什么我的灰字在深色背景上看不清却"通过"了大字号标准?

大字号阈值低是 assuming 佩戴矫正视力的用户在良好条件下阅读大字。正文与长时间阅读内容建议一律按 4.5:1 执行,别用大字标准放行正文。

相关工具