工具说明
颜色对比检查：适合日常高频工作的浏览器工具
检查前景色和背景色是否满足 WCAG AA 可读性对比度阈值。
这个页面适合处理临时文本、开发调试、内容整理和发布前检查。工具在浏览器本地运行，适合快速完成小任务。
典型场景：检查前景色和背景色是否满足 WCAG AA 可读性对比度阈值。；也可以和相关工具组合完成更完整的工作流。
实际工作流
这个工具适合放在哪些真实场景里
使用场景
- 发布 UI 改动前，检查按钮、徽章和仪表盘标签颜色。
- 把前景色和背景色与常见 WCAG AA 可读性阈值对比。
- 如果对比度不合格，可配合颜色转换工具寻找相邻颜色。
复核要点
- 颜色对比只是无障碍的一部分，不能替代完整无障碍审查。
- 悬停、禁用和选中状态如果颜色不同，需要分别检查。
本地优先
这个页面按浏览器工具设计。输入内容会尽量在当前页面中处理，不需要账号，也没有面向工具流程的主动上传步骤。
使用判断
什么时候使用颜色对比检查
适合使用
- 发布 UI 改动前，检查按钮、徽章和仪表盘标签颜色。
- 把前景色和背景色与常见 WCAG AA 可读性阈值对比。
- 如果对比度不合格，可配合颜色转换工具寻找相邻颜色。
复制前复核
- 颜色对比只是无障碍的一部分，不能替代完整无障碍审查。
- 悬停、禁用和选中状态如果颜色不同，需要分别检查。
换用更严谨流程
如果原始文件需要保留质量、元数据或法律证据价值，请不要只保存压缩输出。
相关指南
继续了解这个工作流
相关工具
继续使用相邻的常用工具
FAQ
颜色对比检查常见问题
这个工具会上传我的数据吗？
不会。当前工具设计为在浏览器本地运行，输入内容不会由工具主动上传到服务器。
这个工具适合工作场景使用吗？
可以，但如果内容涉及密钥、客户数据、生产系统或合规信息，请先遵守你所在组织的数据处理规则。
这个工具免费吗？
是的。当前 Toolkits 工具可以免费使用，不需要账号。未来如果接入广告，应当清晰标注，并远离主要操作按钮。