跳转到正文

颜色对比检查

免费在线颜色对比检查工具。验证WCAG AA/AAA标准对比度,检测网页无障碍等级。浏览器处理,无需安装。

免费在线颜色对比度检查器,测试两种颜色之间的对比度是否符合WCAG 2.1无障碍标准(AA、AAA)。浏览器中处理,无服务器通信。网页无障碍合规和UI设计验证必备。

前景色
背景色
21.00:1
对比度
普通文本
AA (4.5:1)通过
AAA (7:1)通过
大文本
AA (3:1)通过
AAA (4.5:1)通过
预览

你好世界 快速的棕色狐狸跳过懒狗 1234567890

你好世界 快速的棕色狐狸跳过懒狗 1234567890

lock 文件不会上传到服务器

如何使用颜色对比检查?

  1. 输入前景色(文本)和背景色。
  2. 查看对比度和WCAG等级(AA/AAA)。
  3. 根据需要调整颜色以满足标准。

颜色对比检查常见问题

WCAG AA和AAA有什么区别?

AA要求普通文本4.5:1,大文本3:1。AAA更严格,分别要求7:1和4.5:1。

如果对比度不达标怎么办?

调整颜色使其更亮或更暗以增加对比度。工具实时显示结果。