颜色对比度检查

检查文字在背景上是否易读,给出 WCAG 对比度以及 AA 和 AAA 的结果。如果不达标,会给出最接近且达标的颜色。

在你的浏览器中运行。文件从不上传,也不保存。

大号文字示例

这是正文在这组颜色下的效果。

对比度

  • AA,正文 ≥ 4.5:1
  • AA,大号文字 ≥ 3:1
  • AAA,正文 ≥ 7:1
  • AAA,大号文字 ≥ 4.5:1
  • 图标和按钮 ≥ 3:1

有功能不正常,或缺少某个选项?

如何使用颜色对比度检查

  1. 选择或输入文字颜色和背景颜色。
  2. 查看对比度和通过的等级。
  3. 如果不达标,使用建议的颜色。

常见问题

应该达到哪个等级?

AA 是常用的法规和设计标准:正文 4.5:1,大号文字 3:1。AAA 更严格。

我的文件会被上传吗?

不会。工具在你的浏览器中运行,页面被禁止向任何地方发送数据。你可以断开网络验证:它照样能用。

开源组件

此工具只使用浏览器自带的功能,不含任何第三方代码。

完整许可证文本