对比度检查器
测量两种颜色的对比度,并判断正文、大号文字和界面元素是否满足 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()。
输入的内容不会上传到服务器,计算全部在浏览器本地完成。