对比度检查器

选择文字颜色和背景颜色,即可查看精确的 WCAG 对比度,以及是否通过 AA 或 AAA 标准。

--

大号文字预览(18pt 以上)

正常文字预览,也就是大多数正文使用的字号。

标识含义说明

根据 WCAG 2.1,要达到 AA 标准,正常文字需要 4.5:1 的对比度,大号文字(18pt 以上,或加粗 14pt 以上)需要 3:1。AAA 标准更严格:正常文字需要 7:1,大号文字需要 4.5:1。

常见问题

AA 和 AAA 有什么区别?

AA 是大多数网站的基础目标:正常文字要求 4.5:1,大号文字(18pt 以上,或加粗 14pt 以上)要求 3:1。AAA 标准更严格,主要面向视力较弱的用户:正常文字 7:1,大号文字 4.5:1。

这个工具只检查纯色,还是也能检查图片?

只检查两种纯色,也就是文字颜色和背景颜色。如果文字叠加在照片或渐变背景上,应该分别针对它可能出现的最深和最浅区域检查对比度。

这和浏览器、审计工具用的公式一样吗?

是的。这里使用的是标准的 WCAG 2.1 相对亮度和对比度公式,与 Lighthouse 和 axe 使用的公式相同。