检查 color contrast for WCAG accessibility compliance
Measure contrast 比率之间 foreground 和背景 colors 和验证它 meets WCAG AA 或 AAA thresholds.
- 1
WCAG requires 最小值 contrast ratios: 4.5:1 为正态文本 (AA), 3:1 为大 文本, 7:1 为正态文本 (AAA). Insufficient contrast makes 内容 unreadable 为 low-vision users. Automated checking ensures 合规.
- 2 颜色对比度检查器 →
Enter foreground 和背景 colors. tool computes contrast 比率和 reports 通过/失败为 WCAG AA (正态, 大) 和 AAA (正态, 大).
- 3 颜色转换器 →
如果你的 colors 是在 不同 formats, 转换它们这里第一 — contrast checker needs consistent 输入.
常见问题
- 什么 counts as '大文本' 为 WCAG?
- 大文本是 18pt (24px) regular 或 14pt (18.66px) bold. 大文本有 下 contrast 阈值 (3:1 为 AA) because larger 大小 compensates 为下 contrast.
- contrast 比率 account 为 transparency?
- 否 — 比率是 computed 开 opaque colors. 如果你的 foreground 有 alpha, composite 它针对背景第一 (fg×alpha + bg×(1-alpha)) 之前 checking contrast. tool 可以此 automatically 如果你 提供两者 colors 具有 alpha.