颜色对比检测
WCAG 2.1标准颜色对比度检测和可访问性验证
颜色选择
👁️ 实时预览
这是普通文本的示例 (14px)。WCAG AA要求对比度 ≥ 4.5:1
这是大文本的示例 (24px)。WCAG AA要求对比度 ≥ 3:1
WCAG标准设置
使用说明
WCAG标准：
- AA级：普通文本对比度 ≥4.5:1，大文本 ≥3:1
- AAA级：普通文本对比度 ≥7:1，大文本 ≥4.5:1
- 大文本定义：18pt或14pt粗体及以上
色盲模式：
- 红色盲：无法区分红色和绿色
- 绿色盲：对绿色感知减弱
- 蓝色盲：无法区分蓝色和黄色
- 全色盲：只能看到灰度
支持的颜色格式：
- HEX：#RGB 或 #RRGGBB
- RGB：rgb(r, g, b)
- HSL：hsl(h, s%, l%)