颜色对比度检查器
在浏览器中即时检查前景色和背景色之间的WCAG AA和AAA对比度。确保您的设计符合无障碍标准。
广告
预览
敏捷的棕色狐狸跳过懒惰的狗
敏捷的棕色狐狸跳过懒惰的狗
对比度 —
WCAG AA
普通文字 —
大文字 —
WCAG AAA
普通文字 —
大文字 —
广告
常见问题
什么是WCAG对比度？
WCAG（网页内容无障碍指南）对比度衡量两种颜色之间感知亮度的差异。比值1:1表示颜色相同；21:1是最大值（黑色在白色上）。比值越高，对低视力人群的可读性越好。
WCAG AA和AAA阈值是什么？
WCAG AA要求普通文本对比度至少4.5:1，大文本（18pt或14pt粗体）至少3:1。WCAG AAA（增强）要求普通文本7:1，大文本4.5:1。
对比度如何计算？
每个颜色通道（R、G、B）从sRGB线性化，然后计算相对亮度L = 0.2126R + 0.7152G + 0.0722B。比值为（L_较亮 + 0.05）/（L_较暗 + 0.05），给出1到21之间的值。