颜色对比度检测器

预览颜色并检查 WCAG 2.2 对比度

文字／前景色

背景色

—

AA 普通文字 ≥ 4.5:1

AA 大号文字 ≥ 3:1

AAA 普通文字 ≥ 7:1

AAA 大号文字 ≥ 4.5:1

非文本界面元素 ≥ 3:1

大号文字指至少 24 px 的常规文字或约 18.7 px 的粗体文字。界面元素的结果仅供参考，组件边界和相邻颜色还需单独检查。仅通过对比度检测并不保证整体无障碍。

大标题：一条重要信息

普通文字：这是页面文字的阅读示例。

小字：说明文字和细节也需要足够的对比度。

保持背景不变，将文字颜色向黑色或白色调整，达到普通文字 AA 标准（4.5:1）。最接近原色的选项排在前面。

颜色对比度是两种颜色在感知亮度上的差异。它会影响文字的可读性，尤其是在小屏幕、强光环境中，或对视力较弱的人而言。看起来协调的配色不一定容易阅读。

《网页内容无障碍指南》为普通文字、大号文字和有意义的界面图形规定了最低对比度要求。更高的对比度可能让阅读更轻松，但字号、字重、间距及周围颜色同样重要。颜色还应放在实际使用场景中检查。

设计师制作按钮、标签和网页时，通常会比较文字与背景颜色。尝试更亮或更暗的替代色，既能保留原有配色风格，也能让文字更清晰。制作演示文稿和文档时也可以进行这样的检查。