返回

颜色对比度检测

WCAG 颜色对比度计算,AA/AAA 达标判定(含大字体)

开发工具
使用说明
用途计算两个颜色的 WCAG 对比度,判断是否达到 AA / AAA 无障碍标准。
怎么用输入前景色与背景色(HEX/RGB/HSL 均可)→ 实时显示对比度比值与四档达标判定。
什么时候用无障碍配色设计、前端检查文字可读性、UI 审核前自检。
注意WCAG 2.1:正文 ≥ 4.5:1、大字号 ≥ 3:1 达标 AA;AAA 要求更高(7:1 / 4.5:1)。

颜色对比度检测是一款免费在线工具,WCAG 颜色对比度计算,AA/AAA 达标判定(含大字体),无需下载安装、无需注册登录,打开网页即可使用,输入内容仅在浏览器本地处理。

常见问题
Q:颜色对比度检测收费吗?
完全免费,且无需注册账号,打开页面即可使用。
Q:使用颜色对比度检测会泄露我的数据吗?
不会。该工具的所有计算都在你的浏览器本地完成,输入内容不会上传到服务器。
Q:手机、平板上能用吗?
可以。页面自适应手机、平板与电脑,浏览器打开即用,无需安装 App。
Q:为什么我的操作没有得到结果?
请检查输入内容是否符合格式要求。正确用法:输入前景色与背景色(HEX/RGB/HSL 均可)→ 实时显示对比度比值与四档达标判定。仍有问题可通过页面底部的联系方式反馈。
使用提示
  • WCAG 2.1:正文 ≥ 4.5:1、大字号 ≥ 3:1 达标 AA;AAA 要求更高(7:1 / 4.5:1)。
  • 处理结果可通过「复制结果」一键复制,或用「下载 TXT」保存到本地。