design
免费
无需注册
颜色对比度检查器
检查前景色/背景色对的WCAG 2.1对比度，即时获取通过/失败结果。
正在加载工具…
关于此工具
使用十六进制颜色选取器或文本框输入前景色和背景色。工具计算WCAG 2.1对比度，并显示所有四个阈值的通过/失败徽章：AA普通文字（4.5:1）、AA大型文字（3:1）、AAA普通文字（7:1）和AAA大型文字（4.5:1）。实时预览以普通和大型两种尺寸渲染示例文字并使用您选择的颜色。每种颜色的相对亮度也会显示。如果当前颜色未通过AA，工具会建议调整后的颜色（加深或减淡）以满足标准。
使用方法
- 1 使用颜色选取器或输入十六进制值来选择前景色。
- 2 以同样方式选择背景色。
- 3 读取对比度并检查哪些WCAG级别通过或失败。
- 4 查看实时文字预览，如有需要，使用建议颜色以实现AA合规。