颜色对比度检查
根据 WCAG 2.0 标准检测颜色对比度
选择颜色
检测结果
示例文字 Sample Text
选择颜色后自动检测
功能介绍
WCAG 标准颜色对比度检测工具,检查前景色和背景色的对比度是否符合无障碍访问标准。适用于网站适老化改造和无障碍合规检查。
关键特点
- WCAG 2.0/2.1 AA 和 AAA 标准检测
- 实时显示对比度数值
- 显示是否通过各等级标准
- 提供改进建议
使用教程
- 使用颜色选择器分别设置前景色(文字)和背景色
- 点击「检查对比度」或等待自动检测
- 查看对比度数值及 WCAG AA/AAA 等级判定结果
- 如果未通过标准,参考改进建议调整颜色值
- 点击「复制结果」保存检测报告到文档中
使用示例
输入示例:
前景色: #333333 / 背景色: #FFFFFF
输出结果:
对比度: 10.8:1
WCAG AA 级 (普通文字): ✅ 通过
WCAG AA 级 (大文字): ✅ 通过
WCAG AAA 级 (普通文字): ✅ 通过
WCAG AAA 级 (大文字): ✅ 通过
常见问题
什么是 WCAG 对比度标准?
WCAG 建议正文文字对比度至少 4.5:1(AA 级),大文字至少 3:1。AAA 级要求更严格,分别为 7:1 和 4.5:1。