颜色对比度检测
检测前景/背景色对比度,给出 WCAG AA/AAA 结果。
预览
示例文本 Aa
建议搭配正文与标题进行可读性检查
对比度
17.74
普通文本
AA 通过AAA 通过
普通文本 AA ≥ 4.5,AAA ≥ 7
大号文本
AA 通过AAA 通过
大号文本 AA ≥ 3,AAA ≥ 4.5
关于此工具
颜色对比度检测器可帮助你快速评估文字与背景的可读性。输入前景色与背景色,即可获得 WCAG 对比度比值,并分别给出普通文本和大号文本的 AA/AAA 达标情况。适用于无障碍设计、UI 配色与品牌视觉检查。所有计算均在浏览器本地完成。
功能特点
- ⚖️ 计算 WCAG 对比度比值
- ✅ AA/AAA 等级判定(普通/大号文本)
- 🎨 HEX 输入与颜色选择器
- 🧪 实时预览前景与背景
- 🔒 本地处理,隐私安全