颜色对比度检查 使用指南
WCAG 要求正文对比度至少 4.5:1、大字 3:1。输入两色即算对比度并提示是否达标 AA/AAA，设计无障碍必备。
核心功能
- 前景/背景色对比度计算
- 输出 WCAG 等级(AA/AAA)
- 支持普通文本与大文本阈值
- 实时预览
- 本地计算
适用场景
- 检查网页文字可读性
- 设计无障碍合规
- 选配色避免低对比
使用步骤
- 输入前景色与背景色(HEX/RGB)
- 查看对比度比值
- 核对 AA/AAA 是否通过
实用技巧
- 比值 ≥4.5 过 AA 正文、≥7 过 AAA
- 大文本(≥18px 或 14px 粗)只需 3:1
- 对比度低可用更深的文字色
常见问题
- AA 和 AAA 区别？
- AAA 更严(7:1)，AA 是最低合规线(4.5:1)。
- 能给个例子吗？
- 黑字(#000)白底(#fff)对比度 21:1，远超 AAA。