颜色对比度检查器 — WCAG AA/AAA
在浏览器中计算两种颜色的 WCAG 对比度,并查看 AA/AAA 是否达标。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
对比度—
这个工具有用吗?点一下表达心情
关于此工具
这款检查器计算文字颜色与背景颜色之间的 WCAG 对比度,并告诉你该组合在普通文本和大号文本下是否通过 AA 与 AAA。调整任一颜色,对比度和达标徽章都会实时更新,让你快速找到无障碍且易读的配色。它完全在浏览器中运行。
常见问题
要通过 WCAG 需要多大的对比度?
WCAG AA 要求普通文本至少 4.5:1、大号文本至少 3:1,而 AAA 要求 7:1 和 4.5:1。大号文本大约指 18pt,加粗时为 14pt。对比度越高,在强光下或低视力人群中都越易阅读。
通过 AA 就意味着我的设计完全无障碍了吗?
对比度是重要的一环,但并非全部。通过 AA 表示你的文字在其背景上清晰可读;完整的无障碍还取决于字号、焦点状态、键盘操作、替代文本等,因此请把它当作快速可靠的对比度检查。
我的数据会被发送到任何地方吗?
不会。对比度在你的浏览器中计算,你测试的颜色绝不会发送到任何地方。