颜色对比度检查器
检查文字与背景颜色之间是否符合 WCAG 对比度标准。
大字体预览
普通字体预览文字效果如下。
对比度14.63:1
AA - 普通文字通过
AAA - 普通文字通过
AA - 大字体通过
AAA - 大字体通过
关于颜色对比度检查器
检查您的文字与背景颜色组合是否符合 WCAG 2.1 无障碍对比度要求。AA 是建议的最低标准,AAA 是提供更好可读性的增强标准。
这个工具是什么?
检查前景色(文字)与背景色的组合是否符合 WCAG 2.1 无障碍对比度标准。即时获取对比度数值,以及 AA 和 AAA 合规等级的通过/未通过结果。
使用方法
- 选择或输入前景色(文字)的十六进制色值。
- 选择或输入背景色的十六进制色值。
- 查看实时预览以及各 WCAG 等级的通过/未通过结果。
常见用途
- 在设计上线前验证文字与背景颜色是否符合无障碍指南
- 为按钮、链接和正文文字选择可读性良好的颜色组合
- 审查现有网站或应用的无障碍合规性
使用技巧
- AA(4.5:1)是大多数网站在普通文字上应达到的最低标准。
- 大字体(18pt 以上,或 14pt 以上粗体)由于在较低对比度下仍易于阅读,所需比例较低。
检查文字与背景颜色之间的 WCAG 对比度。即时验证 AA/AAA 无障碍合规性,免费在线使用。
对比度检查器 · wcag对比度 · 颜色对比度 · 无障碍检查工具 · 在线工具