对比度
颜色对比度检查器
检查WCAG无障碍对比度
对比度
17.45:1
AA
AAA
正常文本
通过
通过
大号文本
通过
通过
什么是颜色对比度检查器？
颜色对比度检查器根据 WCAG 2.1 无障碍标准评估前景色与背景色之间的对比度。它能即时告知您的配色方案是否符合 AA 或 AAA 级别的普通文本和大文本要求。
使用方法
- 第一步——通过取色器或输入 HEX/RGB 值设置前景（文字）颜色。
- 第二步——以同样方式设置背景颜色。对比度和 WCAG 合规等级会实时更新。
- 第三步——查看 AA 和 AAA 级别的通过/未通过标识，调整颜色直到所有相关标准均通过。
结果
一位设计师测试深灰色文本 (#333333) 在浅蓝色背景 (#E3F2FD) 上的效果——工具显示对比度为 10.5:1，所有文本尺寸均通过 WCAG AA 和 AAA 标准。