Monu Tools

颜色对比度检查器

对照 WCAG AA 和 AAA 无障碍级别检查两种颜色之间的对比度。

如何使用 对比度检查器

  1. 01

    选择文字颜色和背景颜色。

  2. 02

    查看对比度以及 WCAG 通过或未通过的标记。

  3. 03

    调整颜色,直到达到你需要的级别。

常见问题

我需要多大的对比度?

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。请查看我们的隐私政策