对照 WCAG AA 和 AAA 无障碍级别检查两种颜色之间的对比度。
如何使用 对比度检查器
选择文字颜色和背景颜色。
查看对比度以及 WCAG 通过或未通过的标记。
调整颜色,直到达到你需要的级别。
常见问题
WCAG AA 要求正常文字 4.5:1,大字号文字(18pt 或 14pt 加粗)3:1。AAA 分别要求 7:1 和 4.5:1。
至少 24px(18pt)的文字,或加粗时 18.66px(14pt)。大字号文字允许更低的对比度。
根据每种颜色的相对亮度,使用官方 WCAG 公式计算,得出从 1:1(无对比)到 21:1(白底黑字)的值。
一款 WCAG 颜色对比度检查器,显示文字与背景颜色之间的精确对比度,以及它是否满足 AA 和 AAA 无障碍级别。
用色块或十六进制代码选择颜色,并查看实时预览。良好的对比度让你的网站可读且无障碍。
相关工具
我们使用必要的 Cookie 来运行网站。经您同意后,我们还会加载 Google AdSense,这会设置广告 Cookie。请查看我们的隐私政策。