颜色对比度检查器
检查前景色和背景色组合的可读性与 WCAG 指引。
颜色组合符合 AAA
预览用于检查可读性的文字
检查前景色和背景色组合的可读性与 WCAG 指引。
检查结果符合 AAA
13.77:1
对比度WCAG AA
普通文字通过
大号文字通过
WCAG AAA
普通文字通过
大号文字通过
调色板对比
| 文字 / 背景 | #1F2233 | #F5EFE7 | #78B5E4 | #79C06B |
|---|---|---|---|---|
| #1F2233 | 1.00 | 13.77 | 7.14 | 7.17 |
| #F5EFE7 | 13.77 | 1.00 | 1.93 | 1.92 |
| #78B5E4 | 7.14 | 1.93 | 1.00 | 1.00 |
| #79C06B | 7.17 | 1.92 | 1.00 | 1.00 |
关于此工具
检查前景色和背景色组合的可读性与 WCAG 指引。
- 此工具在浏览器中处理。文件和输入内容不会为了处理而上传到服务器。
使用场景
- 发布前检查可读性和无障碍相关线索
- 确认设计变更后是否增加了问题
- 把结果分享给团队或相关人员
常见问题
- 这个工具可以做什么？
- 检查前景色和背景色组合的可读性与 WCAG 指引。
- 输入内容会如何处理？
- 处理在你的浏览器中完成。文件和输入内容不会为了处理而发送到服务器。
- 仅凭这个结果就能证明达标吗？
- 它适合作为参考。最终判断还应结合实际画面、内容和上下文。