⚖️

颜色对比度检测

检测前景/背景色对比度,给出 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 输入与颜色选择器
  • 🧪 实时预览前景与背景
  • 🔒 本地处理,隐私安全