对比度修复器

输入文字色和背景色,自动生成可通过 WCAG 的修复方案
切换到 APCA
修复方案
选择一个方案,查看色值并应用到当前项目
实际样张
检查标题、正文和按钮在修复后的真实阅读效果

对比度修复工具使用说明

WCAG对比度自动修复工具,输入文字色和背景色,一键生成满足AA(4.5:1)或AAA(7:1)标准的修正方案,色相风格保持不变。 输入一组不达标的文字色和背景色,系统会自动计算出最接近原色相、同时满足 AA 或 AAA 标准的替代色值。

适合在无障碍审查中发现某组配色不达标时快速找到修复方案,不必凭经验反复试色,也不会因为改动过大而偏离原本的品牌色调。

常见问题

  • 对比度不达标的颜色怎么修? 输入文字色和背景色,工具在保持色相的前提下,把亮度调整到刚好达到 WCAG AA(4.5:1)或 AAA(7:1)所需的最小幅度。
  • 我需要多大的对比度? WCAG AA 要求正文 4.5:1、大号文字 3:1;AAA 分别要求 7:1 和 4.5:1。
  • 修对比度会改变我的品牌色吗? 只改亮度——色相保持不变,结果仍是同一种颜色,只是足够浅或足够深以保证可读。