WCAG 颜色对比度检查工具

什么是 颜色对比度检查？

检查文字色与背景色的对比度，辅助 WCAG 可访问性判断。

• 计算对比度
• 检查 WCAG AA/AAA 建议
• 对比文字色和背景色

如何使用？

1. 粘贴需要处理的 HEX、WCAG、对比度 内容。
2. 根据需要调整质量、尺寸或输出选项。
3. 点击按钮完成检查颜色对比度，在页面中预览结果。
4. 确认无误后复制结果或下载生成文件。

适合哪些场景？

• 整理开发调试、接口联调、文档编写中的文本数据。
• 在提交配置、分享代码片段或导入表格前快速清理格式。
• 需要隐私优先、不希望文件或内容离开浏览器的场景。

官方标准与适用范围

WCAG 2.2 定义相对亮度，以及本页报告的 4.5:1、3:1 和 7:1 文本对比度阈值。本计算器仍使用旧版 0.03928 sRGB 分界值；WCAG 2.2 已改为 0.04045，并注明该修订对指南计算没有实际影响。两种颜色的计算结果不等于完整无障碍审计；文字尺寸与字重、例外情形、交互状态、图片、渐变、透明度及非文本对比度仍需结合页面复核。

• WCAG 2.2 成功标准 1.4.3：最低对比度 - W3C Web Accessibility Initiative (WAI)
• WCAG 2.2 成功标准 1.4.6：增强对比度 - W3C Web Accessibility Initiative (WAI)
• WCAG 2.2 定义：相对亮度 - W3C Web Accessibility Initiative (WAI)

来源核验日期：2026 年 7 月 27 日。标准可能更新，正式集成或合规判断前请再次查看原始来源。

需要注意什么？

• HEX、WCAG、对比度 的浏览器支持情况会影响预览和导出结果。
• 如果输入格式不合法，工具会尽量给出错误提示，但不会自动猜测缺失字段。
• 结果生成后请先预览，再用于正式发布或提交。

FAQ