检查颜色对比度(WCAG)

测量两种颜色之间的 WCAG 2.1 对比度,查看它们是否通过 AA、AA Large 和 AAA 的无障碍文字标准。完全在你的浏览器中运行。

隐私优先:每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。

对比度是无障碍要求,而非审美偏好

WCAG 要求正文文本与背景的对比度达到 4.5:1(AA),AAA 则为 7:1 —— 对许多机构而言这是法律范畴。叠在图像上的文字之所以频频不达标,是因为设计师对着图像的平均色判断对比度,而用户却对着它最亮的那一块来阅读。

对着真实图像去测量

选好你的文字颜色,再从图像本身取样真实背景;检查器会算出对比度,并按正文和大号文字的 AA、AAA 阈值给它评级。通过加深叠层或提亮文字来修正不达标之处 —— 然后反复测量,直到通过。全程本地,不上传任何内容。

常见问题

分析图片时会上传吗?
不会。颜色提取、直方图和对比度检查全部在你的浏览器中本地运行。
我可以获得哪些颜色信息?
主色调、可复制的调色板(带十六进制代码和占比),以及完整的 RGB 和亮度直方图。
对比度检查器有什么用?
它测量两种颜色之间的 WCAG 2.1 对比度,并显示它们是否通过 AA、AA Large 和 AAA 的无障碍文字标准。
我可以复制颜色代码吗?
可以。点击任意色块可复制其十六进制代码,或一次性复制整个调色板。