对比度检测
即时检测文字与背景颜色的 WCAG 对比度。
100% 隐私保护——一切都在浏览器中运行
广告
使用方法
- 1
用取色器或输入十六进制色值设置文字颜色与背景颜色。
- 2
WCAG 对比度即时计算并显示。
- 3
查看四个徽章，确认达到哪些 WCAG 级别。
- 4
点击"交换"可检测反过来的组合。
示例
白底深色文字
输入
文字 #111827 · 背景 #FFFFFF输出
对比度 17.74 : 1 — 所有字号均通过 AA、AAA低对比度灰色
输入
文字 #9CA3AF · 背景 #FFFFFF输出
对比度 2.54 : 1 — 正文未通过 AA常见问题
对比度应达到多少？
WCAG 建议正文至少 4.5:1（AA）、7:1（AAA）；大号文字（18pt 或 14pt 加粗）至少 3:1。
对比度是如何计算的？
按照 WCAG 2.x 公式 (L1 + 0.05) / (L2 + 0.05)，其中 L1、L2 是较亮和较暗颜色的相对亮度，结果为 1:1 到 21:1。
能检测色盲友好度吗？
不能。对比度只衡量亮度差异，对比度达标的颜色组合对色觉障碍人群仍可能难以区分。