工具

对比度检查器

检查颜色对比度是否符合 WCAG 标准

文本颜色

背景颜色

对比度

8.42

非常好

  • 小文本

    WCAG AA

    通过

  • 大文本

    WCAG AA

    通过

  • 小文本

    WCAG AAA

    通过

  • 大文本

    WCAG AAA

    通过

色盲模拟

第一色盲7.9
第二色盲7.9
第三色盲7.9
全色盲8.6

信息：
小文本：18pt 以下。大文本：18pt 以上或粗体 14pt 以上。

浅色背景

引用 n. 26

格奥尔格·克里斯托夫·利希滕贝格

深色背景

引用 n. 26

格奥尔格·克里斯托夫·利希滕贝格

小文本

大文本

Check a whole palette

Paste hex colours (comma or space separated) to check every pair at once.

对比度历史

了解 WCAG 和可访问性标准

WCAG 标准

Web 内容可访问性指南 (WCAG) 由万维网联盟 (W3C) 制定，旨在使 Web 内容对残障人士更加可访问。引入对比度要求是为了确保有视觉障碍的用户能够阅读文本。

发展

WCAG 1.0 于 1999 年发布，建立了第一个对比度要求。WCAG 2.0 (2008) 用更精确的公式完善了这些标准。WCAG 2.1 (2018) 添加了额外的成功标准。当前的对比度公式是基于对人类视觉感知和色彩科学的研究而开发的。

为什么重要

适当的对比度确保每个人都能阅读文本，包括色盲、低视力用户或在明亮阳光下查看内容的用户。这使网络对全球数百万用户更具包容性和可访问性。

公式

对比度使用颜色的相对亮度计算。范围从 1:1（无对比度）到 21:1（最大对比度，如白底黑字）。WCAG AA 要求普通文本为 4.5:1，大文本为 3:1。WCAG AAA 要求普通文本为 7:1，大文本为 4.5:1。