设计核对 · 本地计算

文字颜色对比度检查

先确认文字与底色的数值对比,再回到真实页面检查字号和状态。

输入颜色

只接受 #RGB 或 #RRGGBB,不处理透明度、渐变或图片背景。输入留在当前浏览器,不上传或自动保存。

计算结果

对比度 10.35:1

普通文字:这段说明是否容易读清?

大号文字:核对标题效果
  • 普通文字 AA · 4.5:1达到
  • 大号文字 AA · 3:1达到
  • 普通文字 AAA · 7:1达到
  • 大号文字 AAA · 4.5:1达到

怎样理解结果

按 WCAG 2.2 的 sRGB 相对亮度公式计算,普通文字 AA 至少 4.5:1,大号文字 AA 至少 3:1;AAA 分别为 7:1 和 4.5:1。界面显示两位小数,阈值判断使用未四舍五入的值。

这是单对不透明颜色的检查,不自动扫描网页。透明叠加、图片纹理、渐变、字重、字号、悬停与禁用状态要在实际页面另行核对;通过数值不代表整个页面满足无障碍要求。

阅读教程:深色正文配浅色底,怎样核对文字对比度 →