颜色对比度检查

根据 WCAG 2.0 标准检测颜色对比度

选择颜色

检测结果

示例文字 Sample Text

选择颜色后自动检测

功能介绍

WCAG 标准颜色对比度检测工具,检查前景色和背景色的对比度是否符合无障碍访问标准。适用于网站适老化改造和无障碍合规检查。

关键特点

  • WCAG 2.0/2.1 AA 和 AAA 标准检测
  • 实时显示对比度数值
  • 显示是否通过各等级标准
  • 提供改进建议

使用教程

  1. 使用颜色选择器分别设置前景色(文字)和背景色
  2. 点击「检查对比度」或等待自动检测
  3. 查看对比度数值及 WCAG AA/AAA 等级判定结果
  4. 如果未通过标准,参考改进建议调整颜色值
  5. 点击「复制结果」保存检测报告到文档中

使用示例

输入示例:

前景色: #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。

相关工具

颜色转换器 | ASCII 表查询 | 文件大小转换