颜色对比检测
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%)