颜色对比度检查器

检查文字与背景颜色之间是否符合 WCAG 对比度标准。

大字体预览

普通字体预览文字效果如下。

对比度14.63:1
AA - 普通文字通过
AAA - 普通文字通过
AA - 大字体通过
AAA - 大字体通过

关于颜色对比度检查器

检查您的文字与背景颜色组合是否符合 WCAG 2.1 无障碍对比度要求。AA 是建议的最低标准,AAA 是提供更好可读性的增强标准。

这个工具是什么?

检查前景色(文字)与背景色的组合是否符合 WCAG 2.1 无障碍对比度标准。即时获取对比度数值,以及 AA 和 AAA 合规等级的通过/未通过结果。

使用方法

  1. 选择或输入前景色(文字)的十六进制色值。
  2. 选择或输入背景色的十六进制色值。
  3. 查看实时预览以及各 WCAG 等级的通过/未通过结果。

常见用途

使用技巧

检查文字与背景颜色之间的 WCAG 对比度。即时验证 AA/AAA 无障碍合规性,免费在线使用。

对比度检查器 · wcag对比度 · 颜色对比度 · 无障碍检查工具 · 在线工具