颜色对比度和无障碍检查

根据 WCAG 标准检查文本与背景的对比度。

前景色
#FFFFFF
背景色
#3B82F6
对比度
3.67:1
较差

对比度检查器

这是预览文本示例,用于检查对比度是否舒适可读。

AA 普通文本WCAG AA 标准
AAA 普通文本WCAG AAA 标准
AA 大号文本WCAG AA 标准
AAA 大号文本WCAG AAA 标准

使用说明

  • 选择或输入前景色(文字颜色)。
  • 选择或输入背景色。
  • 系统会自动计算对比度并给出 WCAG 合规性得分。
  • 通常,普通文本需要至少 4.5:1 的对比度才能通过 AA 级。

什么是对比度?

WCAG 标准

Web 内容无障碍指南 (WCAG) 规定了文本与背景之间的最小对比度要求,以帮助视力障碍用户。

对比度计算

对比度的计算基于两种颜色的相对亮度。取值范围从 1:1(完全相同)到 21:1(黑白对比)。