WCAG对比度
计算颜色对比度并检查WCAG合规性
WCAG 对比度检查器
示例文字 Aa 123
普通文本示例
#ffffff#3b82f6使用说明
选择前景色(文字色)和背景色,自动计算WCAG 2.0对比度比率。包含AA和AAA级别的合规检查(普通文本和大文本)。符合WCAG标准有助于提升网站无障碍体验。
使用步骤
- 输入前景色和背景色(HEX 或拾色器选择)。
- 工具自动计算对比度比值。
- 显示是否符合 WCAG AA/AAA 标准。
- 预览文字在实际背景上的显示效果。
常见问题
WCAG AA 和 AAA 有什么区别?
WCAG AA 要求对比度 ≥ 4.5:1(普通文字),AAA 要求 ≥ 7:1(更严格的无障碍标准)。
大字号可以降低对比度要求吗?
是的,18pt 以上或 14pt 粗体字,WCAG AA 仅要求 ≥ 3:1。工具会自动判断。