颜色对比度检查: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 的浏览器中运行,无需安装应用。
如何使用颜色对比度检查
- 输入或选取文字颜色和背景颜色。
- 查看对比度以及是否通过。
- 如果未通过,点击一个能通过的推荐颜色。
常见问题
- 需要多高的对比度?
- 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 标准。
- 颜色对比度检查免费吗?
- 是的。可以免费使用,无需注册,也无需安装。