对比度检查器
读出对比度，以及 AA 和 AAA 通过与否。
免费 - 无需注册 - 在您的设备上运行
在您的浏览器标签页中运行
- 2个颜色
- 1个对比度
- AA与 AAA
- 0次上传
对比度检查器 规格一览
- 输入
- 文字色与背景色两个颜色
- 输出
- 对比度与两种字号的判定
- 方法
- WCAG 相对亮度与对比度
- 它没有涵盖的
- 只看一组配色的对比度
- 价格
- 免费
- 需要账户
- 无
- 处理位置
- 在您的设备上
对比度检查器 怎么用
- 1
设定两个颜色
设定两个颜色。
- 2
读出对比度
读出对比度。
- 3
调到通过为止
调到通过为止。
常见问题
对比度通过就等于无障碍吗？
不等于。它只说明一组配色够不够看得清。焦点状态、标签、阅读顺序和替代文本，都还要自己检查。
为什么大字号分开判定？
字体大一点，较低的对比度也读得清，所以标准对它的要求宽一些。面板两种都标，您能看到自己过了哪一种。
应该填哪两个颜色？
文字实际画出来的颜色，以及正后方的背景色。文字压在渐变或图片上时，背景没有单一数值可以测。
有内容被发送出去吗？
没有。两个颜色在这个浏览器标签页内比较，不会上传，也不会存入任何账户。
诚实地读这个结果
设定两个颜色。对比度会连同 AA 与 AAA 的判定一起出现，普通字号和大字号分开标注，下面还有这组配色的实时样例。
- 文字压在半透明层上时，先算出实际呈现的颜色再测。
- 占位文本、禁用状态和图标也带着信息，各自当一组来测。
- 只有大字号才通过的配色，一被拿去做正文就会不通过。
- 对比度只是众多要求之一，通过不代表符合规范。
完整规格
| 输入 | 一个前景色和一个背景色。 |
|---|---|
| 输出 | 对比度，以及普通字号与大字号的 AA、AAA 判定。 |
| 方法 | 先算 WCAG 相对亮度，再算两色之间的对比度。 |
| 它没有涵盖的 | 无障碍检查的其他部分：焦点、顺序、标签与替代文本。 |
| 价格 | 免费。由工作区外明确标注的广告支持。 |
| 需要账户 | 不需要。 |
| 处理位置 | 在您的浏览器标签页中。您的输入永远不会上传。 |
用同一批文件继续做
全部色彩工具： SPOTTOOLS 的色彩工具