颜色工具

颜色对比度检查:WCAG AA 和 AAA – 免费

免费,无需注册,直接在浏览器中使用。 通过 WCAG 对比度检查文字在背景上是否清晰可读,查看普通文字、大号文字和控件的 AA 与 AAA 结果,并获取最接近且能通过的颜色。

大号文本看起来是这样

普通正文看起来是这样。敏捷的棕色狐狸跳过了懒狗,下方还有像图片说明这样的小字。

小号文本:14px 说明文字。

按钮
对比度13.08:1
  • 普通文本,AA:通过正文,至少 4.5:1
  • 普通文本,AAA:通过增强级,至少 7:1
  • 大号文本,AA:通过18pt 以上,或 14pt 以上粗体,至少 3:1
  • 大号文本,AAA:通过增强级,至少 4.5:1
  • 图标和控件,AA:通过按钮、边框、图表线条:3:1

使用 WCAG 2 对比度公式。比值从不向上取整,因此 4.49:1 不算作 4.5:1。在您的设备上检查。

为什么选择颜色对比度检查

完全免费
想用多少次都可以。无需注册,没有水印,无需安装。
隐私至上
您输入的内容只保留在浏览器中,绝不会发送给我们。
适用于任何设备
可在 Windows、Mac、Linux、Android 和 iPhone 的浏览器中运行,无需安装应用。

如何使用颜色对比度检查

  1. 输入或选取文字颜色和背景颜色。
  2. 查看对比度以及是否通过。
  3. 如果未通过,点击一个能通过的推荐颜色。

常见问题

需要多高的对比度?
WCAG AA 要求普通文字为 4.5:1,大号文字以及按钮、图标等界面元素为 3:1。AAA 分别要求 7:1 和 4.5:1。
什么算大号文字?
常规字重至少 18 磅 (24px),或粗体至少 14 磅(约 18.7px)。
支持透明的文字颜色吗?
支持。半透明的文字颜色会先与背景混合,再测量对比度。
为什么 4.49:1 不通过?
WCAG 规定对比度不得向上取整,因此低于 4.5:1 的都不符合普通文字的 AA 标准。
颜色对比度检查免费吗?
是的。可以免费使用,无需注册,也无需安装。