导航菜单
👁

对比度检测

检测文字与背景对比度
🎨 设计/颜色 👁 28 次浏览
← 返回工具箱

👁️ 对比度检测

检测文字与背景对比度

文字色
背景色
预览文字 Preview Text

如何使用对比度检测

  • 分别填文字颜色和背景颜色(或取色)
  • 可输入字号、是否加粗
  • 点检测,显示对比度比值和 WCAG 等级
  • 根据 AA/AAA 是否达标调整颜色

对比度检测功能说明

  • 按 WCAG 标准计算前景背景对比度比值
  • 判定普通文本、大字号是否达到 AA/AAA
  • 不达标时给出调整方向

注意事项

  • 对比度按相对亮度公式计算,用于判断可读性
  • 正文建议至少 AA(4.5:1),大字号可放宽到 3:1
  • 色盲和强光屏幕下的实际可读性还需真机再看