媒体工具 · 使用说明

颜色对比度检测

检查前景色与背景色的 WCAG 对比度。

colorcontrastwcagaccessibility
立即使用工具

这个工具能做什么

检查前景色与背景色的 WCAG 对比度。 工具直接在浏览器中运行，输入内容不会因为转换操作自动上传到服务器。

适用场景

适合设计检查、图片处理和二维码内容读取。

具体使用方法

  1. 设置文字前景色和背景色。
  2. 查看对比度数值及 WCAG AA/AAA 判定。
  3. 调整颜色直到目标字号对应等级通过。
  4. 复制最终颜色值用于设计或 CSS。

注意事项

大号文字与普通文字的合格阈值不同，不能只看颜色是否主观清晰。