對比度檢查

檢查兩色 WCAG 對比度。

Interactive controls load with JavaScript. Processing stays in your browser—nothing is uploaded.

正在載入工具…

如何使用

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

限制

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

適合什麼時候用

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

什麼時候別用

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

隱私說明

颜色值不离开浏览器。

參考

常見問題(5)

依据什么标准?

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

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

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

颜色会上传吗?

不会,比值在本地计算。

只检查前景/背景?

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

AA/AAA 数字从哪来?

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