颜色对比度检查器

测试颜色组合的 WCAG 2.1 AA/AAA 无障碍合规性。即时计算对比度比率。适合设计师和开发者确保文本可读性。纯客户端处理。

前景色
背景色
对比度比率
21.00:1
Excellent
WCAG AA
普通文本
通过
≥ 4.5:1
WCAG AA
大文本
通过
≥ 3.0:1
WCAG AAA
普通文本
通过
≥ 7.0:1
WCAG AAA
大文本
通过
≥ 4.5:1
实时预览

普通文本样例(16px)

大文本样例(18pt 粗体)

快速测试预设

关于颜色对比度检查器

Web 内容无障碍指南(WCAG)定义了对比度比率要求,以确保文本对视障人士可读。此工具计算两种颜色之间的对比度比率,并评估是否符合 WCAG 2.1 AA 和 AAA 标准。所有计算都在浏览器中运行 — 数据不会发送到任何服务器。

功能特点

常见问题

什么是 WCAG 对比度比率?

WCAG 对比度比率衡量前景(文本)和背景颜色之间的亮度差异。计算公式为 (L1 + 0.05) / (L2 + 0.05),其中 L1 是较浅颜色的相对亮度,L2 是较深颜色的相对亮度。AA 合规要求普通文本的对比度至少为 4.5:1。

AA 和 AAA 有什么区别?

WCAG AA 级要求普通文本的对比度至少为 4.5:1,大文本至少为 3:1。AAA 级更严格,要求普通文本至少 7:1,大文本至少 4.5:1。大多数组织以 AA 合规为目标,而 AAA 推荐用于增强无障碍性。

什么算作"大文本"?

大文本定义为 18 点(24 像素)或更大,或 14 点(18.67 像素)或更大且为粗体。大文本的对比度要求较低,因为较大的文本自然更易读。

为什么这对我网站很重要?

在许多司法管辖区,颜色对比度合规是法律要求(美国 ADA、欧洲 EAA)。它还能提高所有用户的可读性,特别是视力低下、色盲或在强光下查看屏幕的用户。良好的对比度使每个人都受益。