对比度检查

2026年 阅读约 5 分钟 效率工具 / 转换器

在线检查前景色与背景色的对比度是否符合WCAG标准(AA/AAA),帮助设计无障碍友好的配色方案。

WCAG标准

WCAG(Web Content Accessibility Guidelines)定义了文字与背景的最低对比度要求:

级别普通文字大文字(≥18pt/14pt粗)
AA(最低)4.5:13:1
AAA(推荐)7:14.5:1

对比度不足会导致文字难以阅读,特别是视力障碍用户在低亮度屏幕上。

使用方法

选择前景色和背景色,工具自动计算对比度比值并判定是否达标。支持:

  • HEX/RGB/HSL输入
  • 颜色选择器取色
  • 实时预览文字效果
  • 显示AA/AAA达标状态
提示:不达标时,工具会建议调整方向(加深前景或减淡背景),帮助你快速找到合规配色。

开始使用

在线免费使用对比度检查,无需安装,即开即用。

目录
WCAG标准 使用方法
热门标签