WCAG 对比度检测器
检测前景色与背景色的对比度是否符合 WCAG 2.1 无障碍标准
前景色（文字）
背景色
✓ 对比度结果
14.68:1
对比度比率
AA 普通文本
✅ 通过
≥ 4.5:1
AA 大文本
✅ 通过
≥ 3:1
AAA 普通文本
✅ 通过
≥ 7:1
AAA 大文本
✅ 通过
≥ 4.5:1
👁️ 实时预览
普通文本 (16px)：这是一段示例文字，用于预览颜色对比效果。
大文本 (24px)
粗体大文本 (18.66px bold)
对比度检测器使用说明
WCAG 2.1 标准
- AA 普通文本：对比度 ≥ 4.5:1
- AA 大文本：对比度 ≥ 3:1（18px+ 或 14px+ 粗体）
- AAA 普通文本：对比度 ≥ 7:1
- AAA 大文本：对比度 ≥ 4.5:1
使用场景
- 网页文字与背景配色检查
- UI 组件无障碍审查
- App 界面色彩合规性验证
- 设计稿交付前的无障碍评估