颜色对比度检测
计算前景色与背景色的 WCAG 对比度比值，判断是否达到 AA / AAA 无障碍标准。
核心结论
- 用途：「颜色对比度检测」属于「站长工具」分类，用于计算前景色与背景色的 WCAG 对比度比值，判断是否达到 AA / AAA 无障碍标准。
- 输入：需要填写 2 项——前景色（文字）、背景色。
- 运行方式：全部计算在浏览器本地完成，输入内容不上传服务器；永久免费，无需注册或安装。
- 结果口径：结果是发起查询那一刻的快照；DNS、证书等存在缓存，实际生效情况请以服务商为准。
温馨提示：本工具结果基于公开数据与算法，仅供参考，不构成专业意见。涉及隐私的查询均在本地完成，不会上传。
什么是颜色对比度检测
本工具按 WCAG 2.1 的相对亮度公式在本地计算对比度：比值范围 1–21。无障碍规范要求普通正文至少 4.5:1（AA）、大号文字（≥18pt 或 ≥14pt 粗体）至少 3:1，增强级 AAA 分别为 7:1 与 4.5:1。工具会同时给出修改建议，帮助你在保持品牌色的前提下达到可读性要求。
如何使用颜色对比度检测
- 在「前景色（文字）」中填写对应数值
- 在「背景色」中填写对应数值
- 点击「查询」按钮
- 在下方的「结果」区域查看颜色对比度检测的结果
颜色对比度检测与同类工具对比
| 工具 | 用途说明 | 适用关键词 |
|---|---|---|
| 颜色对比度检测（本工具） | 计算前景色与背景色的WCAG对比度比值，判断是否达到AA/AAA无障碍标准。 | 对比度,wcag,无障碍,配色检测,可读性 |
| 对比度检测（WCAG） | 计算两色对比度，并判断是否满足WCAGAA/AAA标准。 | 对比度,wcag,可访问性 |
| 对比度(WCAG) | 计算两色对比度。 | 对比度,无障碍 |
| 颜色对比度 | 按WCAG计算两色对比度并评级。 | 对比度,WCAG |
| 标题长度检测 | 检测网页标题长度是否在SEO推荐范围。 | 标题长度,seo,字数 |
| 随机颜色 | 点击查询随机生成颜色。 | 随机颜色,颜色生成,配色,hex |
常见问题
结果准确吗？
本工具在浏览器本地完成计算/生成，不上传任何数据；结果基于标准算法或内置数据，仅供参考。