对比度检查器
选择前景色和背景色即可实时查看对比度,并检查其是否符合WCAG AA和AAA无障碍标准对普通文本和大号文本的要求。实时预览可让你直观看到这一配色组合的实际效果。
前景色
背景色
快速的棕色狐狸跳过懒狗
普通文本
AA 通过 AAA 通过
大号文本
AA 通过 AAA 通过
工作原理
通过颜色选择器或输入十六进制代码来选择前景色和背景色。对比度根据两种颜色的相对亮度计算,并与WCAG标准中普通文本(AA为4.5:1,AAA为7:1)和大号文本(AA为3:1,AAA为4.5:1)的阈值进行比较。
小提示
如果某个组合未通过,可以尝试把较深的颜色调得更深,或把较浅的颜色调得更浅 — 即使是很小的调整也可能让比率跨过下一个阈值。
什么算作"大号文本"?
WCAG将大号文本定义为至少18pt(24px),或加粗14pt(约18.5px) — 标题等类似的醒目文本可以使用更宽松的大号文本阈值。