← 云枢 AI 导航 · 工具库
颜色对比度：把"需人工核验"变成确定计算
无障碍扫描工具遇到颜色对比度只能标"需人工核验"，因为它算不准。这个工具正好补上那一块。
立即使用 →
English
WCAG 对对比度的要求是硬的：正文至少 4.5:1，大字号（≥18pt 或 ≥14pt 粗体）至少 3:1，AAA 则要到 7:1。这些数字不是建议，是 A/AA 级的判定标准。
问题在于，很多"看起来还行"的配色其实差一点点：#777777 在纯白背景上是 4.48:1——差 0.02 就不达 AA。肉眼完全看不出来，只有算才知道。
它会检查什么
- 对比度比值（1:1 到 21:1）
- 正文 AA/AAA、大字 AA/AAA 四项判定
- 相对亮度（WCAG 公式的中间量）
- 不达标时给出保持色相、只调明度的替代色
- 支持 #rgb / #rrggbb / rgb() / rgba() / 常用颜色名
常见问题
- 为什么 #777 在白色上不过 AA？
- 因为它的对比度是 4.48:1，而正文 AA 要求 4.5:1。这是最经典的"差一点点"案例——视觉上完全正常，但按标准不达标。工具会给出一个刚好过线的替代色。
- 替代色是怎么算的？
- 保持色相不变，只在明度上做二分逼近，找到刚好达到 4.5:1 的颜色。直接换色相会破坏品牌色，改明度的影响最小。
- 半透明颜色怎么算？
- 按你给的 alpha 直接换算成 #rrggbbaa，不模拟与背景混合后的实际观感。如果你要做叠加效果，需要先把叠加结果算成一个不透明色再进来。
相关工具