颜色对比度检测
实时计算颜色对比度并给出 WCAG AA/AAA 结果。
颜色对比度检测
前景色
背景色
对比度
17.74:1
数值越高，可读性越强
普通文本
AA通过
AAA通过
大号文本
AA通过
AAA通过
预览
可读性示例标题
这是一段用于测试前景色与背景色对比度的示例文本。
关于此工具
这款颜色对比度检测工具专为可访问性与视觉可读性评估而设计。选择前景色与背景色后，系统会计算对比度比例并按 WCAG 2.1 标准标记普通文本与大号文本的 AA/AAA 通过情况，同时提供实时预览区，帮助你快速判断配色是否适用于网页、移动端与品牌规范。
功能特点
- 📊 实时计算：即时显示对比度比例与数值变化
- ✅ 标准对照：覆盖 WCAG AA/AAA 普通与大号文本
- 🌓 一键交换：前景与背景颜色快速互换
- 👁️ 预览区：在真实文本块中检查可读性
- 🎯 设计友好：适用于 UI 设计与品牌规范校验
- 🛡️ 本地运行：所有计算均在浏览器完成