什么是颜色对比度检查器？
颜色对比度检查器帮助您检测前景色（文字）和背景色之间的对比度是否符合 WCAG 2.1 无障碍标准。根据 WCAG 标准，AA 级要求普通文字对比度 >= 4.5:1，大文字（>=18pt 或 >=14pt 粗体）>= 3:1；AAA 级要求普通文字 >= 7:1，大文字 >= 4.5:1。工具实时计算对比度比值，显示是否通过 AA/AAA 标准，并提供颜色选择器和实时预览。适用于 UI 设计师、前端开发者和无障碍合规检查。基于 WCAG 2.1 相对亮度公式计算。
使用场景
- ◆UI 设计中检查文字可读性
- ◆前端开发中验证无障碍合规
- ◆品牌色彩方案的无障碍测试
- ◆深色/浅色模式对比度验证
- ◆配色方案的 WCAG 合规审查
如何使用？
- 1选择或输入前景色（文字颜色）
- 2选择或输入背景色
- 3实时查看对比度比值和 WCAG 合规状态
- 4根据结果调整颜色直到达标
功能特点
- ✓免费使用
- ✓WCAG 2.1 标准
- ✓实时计算
- ✓AA/AAA 检测
- ✓颜色选择器
- ✓实时预览
- ✓一键复制色值
- ✓响应式设计
常见问题
WCAG 对比度标准是什么？
WCAG 2.1 标准：AA 级要求普通文字对比度 >= 4.5:1，大文字（>=18pt 或 >=14pt 粗体）>= 3:1；AAA 级要求普通文字 >= 7:1，大文字 >= 4.5:1。对比度比值范围是 1:1（相同颜色）到 21:1（黑底白字）。
如何计算对比度？
使用 WCAG 2.1 相对亮度公式：先计算每个颜色的相对亮度 L（将 sRGB 转换为线性 RGB，再应用 gamma 校正），然后对比度 = (L1 + 0.05) / (L2 + 0.05)，其中 L1 是较亮颜色的亮度。
什么是大文字？
WCAG 定义的大文字是至少 18pt（24px）或 14pt（18.66px）粗体的文字。大文字的对比度要求较低（AA 级 3:1，AAA 级 4.5:1）。
这个工具免费吗？
完全免费，无需注册或登录。打开网页即可使用所有对比度检查功能。
可以检查渐变背景的对比度吗？
当前版本仅支持纯色背景。对于渐变背景，建议使用渐变中最暗和最亮的颜色分别测试。
对比度不达标怎么办？
调整前景色或背景色，增加两者的亮度差异。工具会实时显示对比度变化，帮助您快速找到达标颜色。