对比度检查

检查两色 WCAG 对比度。

交互控件由 JavaScript 加载。处理留在浏览器内——不会上传。

正在加载工具…

如何使用

  1. 打开对比度检查 — 打开工具页。
  2. 输入颜色 — 填写前景色与背景色。
  3. 查看比值 — 对照 WCAG AA/AAA(普通或大号文本)判断。
  4. 调整再测 — 调整颜色直到达到目标。

限制

只检查一对颜色。渐变、图片、透明度需另测。通过 ≠ 整站无障碍认证。

适合什么时候用

上线前检查文本颜色对比度,且不想上传设计稿。

什么时候别用

需要完整 WCAG 审计、读屏测试或整站爬虫时。

隐私说明

颜色值不离开浏览器。

参考

常见问题(5)

依据什么标准?

对比度参考 WCAG(https://www.w3.org/TR/WCAG22/)。AA 与 AAA 阈值不同;大号文本通常要求更宽松。

通过就代表整站无障碍合规?

不。对比度只是一项检查,键盘操作、语义结构等仍需另行验证。

颜色会上传吗?

不会,比值在本地计算。

只检查前景/背景?

本工具检查你输入的一对颜色。实际界面若有渐变、图片或透明度,需另行评估。

AA/AAA 数字从哪来?

来自 WCAG 对比度成功标准;请以 W3C 原文为准。