颜色对比度检查器（WCAG）
以十六进制（#1f2937）或 rgb(31, 41, 55) 格式输入两种颜色。
结果
4.54:1对比度
- AA，普通文本（4.5:1）
- ✓
- AA，大号文本（3:1）
- ✓
- AAA，普通文本（7:1）
- ✕
- AAA，大号文本（4.5:1）
- ✓
- 读取的颜色
- #767676 / #ffffff
输入值
- 文本颜色
- #767676
- 背景颜色
- #ffffff
计算方法
根据线性化的 sRGB 通道计算每种颜色的相对亮度。
结果
对比度
- AA，普通文本（4.5:1）
- ✓
- AA，大号文本（3:1）
- ✓
- AAA，普通文本（7:1）
- ✕
计算方法
- 根据线性化的 sRGB 通道计算每种颜色的相对亮度。
- 比率 =（较亮的 L + 0.05）÷（较暗的 L + 0.05），范围为 1:1 至 21:1。
- 将未四舍五入的比率与 WCAG 2 阈值进行比较。
示例
白色背景上的 #767676 对比度为 4.54:1：普通文本达到 AA，但未达到 AAA。
注意事项
- 大号文本至少为 24 px，或粗体 18.66 px。
- 不考虑透明度和渐变。
适用场景
- 检查网页文本颜色与背景颜色是否易于阅读。
- 验证配色是否达到 WCAG AA 或 AAA 对比度目标。
常见问题
普通文本达到 WCAG AA 需要多少对比度？
WCAG 2 要求普通文本的对比度至少为 4.5:1。
WCAG 所说的大号文本是什么？
至少 24 CSS px，或粗体时约 18.66 CSS px。
检查器会计算透明度或渐变吗？
不会。工具比较输入的纯色，不会计算透明度或渐变效果。