首页›文本·编码·数据›颜色对比度检查器

颜色对比度检查器

颜色对比度检查器输入文字色与背景色后计算相对亮度比值,对照 WCAG 给出大号与正文分别是否达 AA/AAA,帮设计师在前端写样式时确保阅读无障碍,而不靠肉眼猜对比够不够。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 选择文字颜色与背景色
  2. 查看计算出的对比度比值
  3. 对照 AA/AAA 阈值看是否达标
  4. 不够时调亮或调暗直到通过

典型场景

正文配色确保达到无障碍标准
按钮文字与底色对比校验
整改色弱用户可读性问题

常见问题

AA 与 AAA 差别?

AAA 要求更高对比度,AA 为普遍适用的底线。

大号字标准不同吗?

是,大号字阈值更宽松,工具分开判定。

支持透明度吗?

半透明会先与背景合成再算实际对比。

相关工具