颜色对比度检查器

WCAG 标准说明
AA级（最低要求）: 正常文本 ≥ 4.5:1, 大文本 ≥ 3:1
AAA级（更高要求）: 正常文本 ≥ 7:1, 大文本 ≥ 4.5:1

大文本指: 18pt+ 或 14pt+加粗
桂ICP备2026011573号

关于 颜色对比度检测工具

颜色对比度检测工具根据WCAG 2.1无障碍标准，计算文本颜色与背景颜色的对比度比值，评估是否达到AA级（4.5:1）或AAA级（7:1）合规要求，帮助设计师确保界面对视力障碍用户友好可读。

✨ 核心功能

  • 精确计算前景色与背景色对比度
  • WCAG 2.1 AA/AAA级评级
  • 区分普通文本和大号文本标准
  • 实时颜色效果预览
  • 提供颜色改进建议

📖 使用步骤

  1. 选择文本颜色（前景色）
  2. 选择背景颜色
  3. 工具自动显示对比度比值
  4. 查看WCAG评级和合规建议

🎯 适用场景

对比度检测用于网页和App无障碍设计审查；政府教育网站WCAG合规验证；设计系统颜色规范制定；前端代码审查；面向老年人或视障用户的产品优化等场景。

💬 常见问题

❓ AA和AAA标准区别？
AA级：普通文本≥4.5:1，大文本≥3:1（行业最低推荐）；AAA级：7:1/4.5:1（更严格，适用于公共服务网站）。
❓ 对比度多少才合适？
至少达到AA级（4.5:1），面向老年人或视障用户建议达到AAA级（7:1）。
❓ 黑字白底是最高对比度吗？
是的，黑色（#000）配白色背景（#fff）对比度为21:1，是理论最高值。