色彩对比度检查器:输入前景/背景颜色,计算 WCAG 对比度并给出 AA/AAA 通过情况(本地运行不上传)。
示例文本
The quick brown fox jumps over the lazy dog. 0123456789
Aa
检查结果
对比度:
-
AA(普通文本)≥ 4.5
-
AA(大号文本)≥ 3.0
-
AAA(普通文本)≥ 7.0
-
AAA(大号文本)≥ 4.5
-
建议前景色
使用黑色:
-
使用白色:
-
如何使用
- 点击“前景色”和“背景色”色块选择颜色,或直接输入 HEX 颜色代码。
- 查看计算出的对比度比率(如 4.5:1)。
- 检查 WCAG 2.1 AA 和 AAA 标准的通过情况(普通文本 vs 大号文本)。
- 使用“色盲模拟”下拉菜单预览不同色觉障碍下的显示效果。
常见问题与提示
- WCAG AA 标准要求普通文本对比度至少为 4.5:1,大号文本至少 3.0:1。
- WCAG AAA 标准要求普通文本对比度至少为 7.0:1,大号文本至少 4.5:1。
- 如果对比度不足,尝试点击“建议前景色”中的黑/白选项快速修复。
- 所有计算均在浏览器本地完成,保障您的隐私。