达达工具

对比度检查器

测量两种颜色的对比度,并判断正文、大号文字和界面元素是否满足 WCAG 的 AA 与 AAA 标准。

仅在浏览器中处理免费使用
对比度
4.54:1

预览

这是常规字号的正文

大号文字

对比度

  • 正文通过 AA
  • 大号文字(18pt 或 14pt 粗体)通过 AAA
  • 界面元素通过 AA

文件在浏览器本地处理,不会上传到服务器。

使用方法

无需注册、无需安装,也没有使用次数限制,完全免费。

填入文字颜色和背景色,比值与判定会同步更新,预览会以两种字号展示这一组合。

WCAG 对不同对象设定了不同标准。正文 AA 需要 4.5:1,AAA 需要 7:1。大号文字(18pt 或 14pt 粗体)分别是 3:1 和 4.5:1。边框、图标等界面元素是 3:1。

比值采用向下取整而非四舍五入。把 4.499 显示成 4.50,会让本来没达标的组合看起来通过了。这是取整方向会改变结论的唯一场合。

不达标时会给出建议色。它不会直接跳到黑或白,而是沿着原色的明度移动,找到最接近且达标的颜色,因此设计的色相得以保留。

颜色可以写成十六进制(含三位缩写)或 rgb()。

输入的内容不会上传到服务器,计算全部在浏览器本地完成。

常与它一起使用的工具