对比度检查

仅在当前浏览器处理

文本上限:2000000 个字符

此工具不会上传你的输入。

工单说按钮字看不清。我们算比值。底图或半透明叠上去,数字过了也可能翻车。占位灰字 2.1:1 不够当关键信息。

评审说「这个标签 2.8:1」——重算相对亮度比。不是验收公司。真页面还有背景图、14px 对 24px、半透明叠层,数字过了也可能翻车。

截图取色走图片取色。新色板走配色生成。渐变走 CSS 渐变,叠字后再回来吸像素。

按钮字看不清

  • 两平色的比。照片上的字随像素变。
  • 常见口令:正文约 4.5:1,大字/部分 UI 3:1,AAA 正文约 7:1。不出符合性报告。
  • 占位符、版权小字、图表浅线是最容易被放过的坑。
  • 暗色主题要重新算,不要把浅色主题的比值直接抄过去。

怎么用

  1. 填前景、背景 hex。半透明先在预览里吸实际色。
  2. 对照 AA/AAA 行。
  3. 真页面再看一遍(背景图、字号、焦点态)。

使用前先看清的限制

不是免责声明,不是唯一算法,不是整站爬虫。通过比值不等于真页面一定合规。

常见问题

AA 和 AAA?

许多 WCAG 2.x 任务里,正文 AA 是 4.5:1,AAA 是 7:1。大号字常用 3:1 / 4.5:1。我们报数字,不出具证书。

能扫整站吗?

不能。只算你填的一对颜色。不是爬虫验收公司。

占位灰字?

关键信息不该靠 2.1:1 的灰。禁用态可以淡,但错误提示和价格不要靠浅灰。

半透明或背景图?

先吸成实际像素再算。渐变上的字随位置变,一对 hex 代表不了整段。

阴影能帮忙吗?

阴影不进对比度公式。字和底仍要自己过。阴影页只出 CSS。

相关工具