🎨 颜色对比度检测

检测两种颜色对比度并评估 WCAG 可访问性等级

21.0 : 1
示例文字 Aa 用于预览对比效果

关于此工具

免费在线颜色对比度检测工具，输入前景与背景颜色，自动计算 WCAG 对比度比率并评估 AA/AAA 可访问性等级，浏览器本地计算。

所有处理均在浏览器本地完成，文件不会上传到任何服务器。

如何使用

  1. 选择颜色

    用取色器或输入框设置前景色与背景色。

  2. 自动计算

    自动计算对比度比率。

  3. 查看等级

    查看是否满足 WCAG AA/AAA 等级。

使用场景

网页设计

确保文字与背景可读性

UI 无障碍

满足 WCAG 无障碍标准

品牌规范

校验官方配色对比度

常见问题

对比度怎么算的？

采用 WCAG 相对亮度公式计算。

什么是 AA/AAA？

WCAG 无障碍标准的对比度等级。

支持透明色吗？

仅支持纯色（HEX）。