颜色对比度检查器
检查两个十六进制颜色之间的 WCAG 颜色对比度 — AA 和 AAA 级别的通过/失败。
—
对比度
普通文本 (AA 4.5 / AAA 7)
AA —AAA —
大文本和界面 (AA 3 / AAA 4.5)
AA —AAA —
检查 WCAG 颜色对比度无障碍性
以十六进制格式输入前景色和背景色,系统将使用 WCAG 2.1 相对亮度公式即时计算对比度。工具显示四个无障碍检查点(普通文本和大文本或 UI 组件各自的 AA 和 AAA)的通过或失败。使用颜色选择器进行可视化选择,或直接输入值。
WCAG 定义了三个合规级别。AA 级是大多数网站的标准要求,普通文本需要至少 4.5:1 的比率,大文本(18pt 或 14pt 粗体)需要 3:1。AAA 级是增强标准,分别要求 7:1 和 4.5:1。最大可能比率为 21:1,由黑色文字在白色背景上实现。
常见问题
什么算作大文本? WCAG 将大文本定义为至少 18pt(24px)常规字重,或 14pt(约 18.67px)粗体字重。
是否支持 alpha 透明度? 不支持。该工具处理完全不透明的十六进制颜色。对于半透明颜色,请先将颜色与背景合成。