前景（文字）

背景

对比度比率 —

AA · Normal — 文字 < 18pt 或 < 14pt 粗体 ≥ 4.5 : 1

AA · Large — 文字 ≥ 18pt 或 ≥ 14pt 粗体 ≥ 3.0 : 1

AA · UI — 图标、边框、焦点环 ≥ 3.0 : 1

AAA · Normal — 增强正文对比度 ≥ 7.0 : 1

AAA · Large — 增强标题对比度 ≥ 4.5 : 1

预览点击编辑

The Quick Brown Fox

Jumps over the lazy dog. 此示例展示您的颜色组合在不同大小下的外观。

小号文字 — 11px 说明文字

22px — 大号文字 · AA Large, AAA Large 14px — 普通文字 · AA Normal, AAA Normal 11px — 低于 AA 标准

对比度比率按 WCAG 2.1 计算。所有计算在您的浏览器中运行。

颜色对比度检查器 (WCAG 2.1)

输入前景色（文字）和背景色的 HEX 值，或使用颜色选择器。工具即时计算 WCAG 2.1 对比度比率，并检查五个合规级别：AA 普通文字、AA 大文字、AA UI 组件、AAA 普通文字和 AAA 大文字。实时预览展示颜色组合的实际效果。