WCAG对比度

计算颜色对比度并检查WCAG合规性

WCAG 对比度检查器

示例文字 Aa 123

普通文本示例

#ffffff
#3b82f6

使用说明

选择前景色(文字色)和背景色,自动计算WCAG 2.0对比度比率。包含AA和AAA级别的合规检查(普通文本和大文本)。符合WCAG标准有助于提升网站无障碍体验。

使用步骤

  1. 输入前景色和背景色(HEX 或拾色器选择)。
  2. 工具自动计算对比度比值。
  3. 显示是否符合 WCAG AA/AAA 标准。
  4. 预览文字在实际背景上的显示效果。

常见问题

WCAG AA 和 AAA 有什么区别?

WCAG AA 要求对比度 ≥ 4.5:1(普通文字),AAA 要求 ≥ 7:1(更严格的无障碍标准)。

大字号可以降低对比度要求吗?

是的,18pt 以上或 14pt 粗体字,WCAG AA 仅要求 ≥ 3:1。工具会自动判断。

相关工具