这个 WCAG 对比度检查器可以免费使用吗？

是的，完全免费，无需注册，没有付费墙，也没有使用限制。打开页面即可立即开始检查颜色。

它可以在离线或没有互联网连接的情况下使用吗？

是的。所有计算都在您的浏览器中运行，使用 JavaScript。页面加载后，您可以断开互联网连接，工具仍可继续工作。不会将任何数据发送到任何服务器。

我的颜色数据是私密的吗？会上传任何内容吗？

您的颜色永远不会离开您的浏览器。不会对您输入的颜色进行任何分析，不会上传，也不会与第三方共享。您最近的颜色组合仅保存在您的浏览器的 localStorage 中。

WCAG AA 和 AAA 有什么区别？

AA 是大多数法规（例如 ADA、EN 301 549）要求的最低标准。正常文本需要 4.5:1 的比例；大文本（24 像素或粗体 18.67 像素）需要 3:1。AAA 是增强的无障碍性：正常文本需要 7:1，大文本需要 4.5:1。在所有生产设计中，至少应达到 AA 标准。

我可以使用三位数的十六进制简写（如 #fff）检查颜色吗？

可以。该工具接受三位数简写（#rgb）和完整的六位数（#rrggbb）十六进制代码。只需输入或粘贴您的颜色，检查器会自动将其展开并验证。

此工具会上传我的数据吗？

不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。

🌗 颜色对比度检查器（WCAG AA / AAA）

立即检查您的文本和背景颜色配对是否符合WCAG 2.x AA或AAA可访问性标准 — 直接在您的浏览器中，免费，且您的数据永远不会离开您的设备。选择或输入任何十六进制颜色，查看精确的对比度比例，并获得正常文本、大文本以及两种合规级别的明确通过或失败徽章。

文本颜色

背景颜色

对比结果

—

对比度比例

实时预览

隐私优先设计. 此工具完全在您的浏览器中运行 — 您输入的任何内容都不会上传或存储，并且可以离线使用。

关于

WCAG（网页内容可访问性指南）对比度公式使用IEC 61966-2-1 sRGB标准计算每种颜色的相对亮度，然后计算一种颜色比另一种颜色亮多少。4.5:1或更高的比例满足正常文本（16像素）的AA标准，而7:1或更高则满足AAA标准。大文本（24像素或18.67像素粗体）的阈值较低：AA为3:1，AAA为4.5:1。此工具在您的浏览器中完全运行WCAG 2.x算法 — 没有服务器、没有账户、没有跟踪。结果存储在本地，因此当您返回时，上次的颜色配对会等待着您。

如何使用

使用颜色选择器选择您的文本颜色，或在文本颜色字段中输入十六进制代码（例如 #1a2b3c）。
以相同方式在背景颜色字段中选择背景颜色。使用交换按钮可以快速切换这两种颜色。
阅读以大字体显示的对比度比例，并检查四个通过/失败徽章：正常文本和大文本的 AA 和 AAA。
在最终确定设计之前，在实时预览部分查看您的文本在所选背景上的实际显示效果。

常见问题

这个 WCAG 对比度检查器可以免费使用吗？: 是的，完全免费，无需注册，没有付费墙，也没有使用限制。打开页面即可立即开始检查颜色。
它可以在离线或没有互联网连接的情况下使用吗？: 是的。所有计算都在您的浏览器中运行，使用 JavaScript。页面加载后，您可以断开互联网连接，工具仍可继续工作。不会将任何数据发送到任何服务器。
我的颜色数据是私密的吗？会上传任何内容吗？: 您的颜色永远不会离开您的浏览器。不会对您输入的颜色进行任何分析，不会上传，也不会与第三方共享。您最近的颜色组合仅保存在您的浏览器的 localStorage 中。
WCAG AA 和 AAA 有什么区别？: AA 是大多数法规（例如 ADA、EN 301 549）要求的最低标准。正常文本需要 4.5:1 的比例；大文本（24 像素或粗体 18.67 像素）需要 3:1。AAA 是增强的无障碍性：正常文本需要 7:1，大文本需要 4.5:1。在所有生产设计中，至少应达到 AA 标准。
我可以使用三位数的十六进制简写（如 #fff）检查颜色吗？: 可以。该工具接受三位数简写（#rgb）和完整的六位数（#rrggbb）十六进制代码。只需输入或粘贴您的颜色，检查器会自动将其展开并验证。
此工具会上传我的数据吗？: 不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。