← 设计与 CSS
设计与 CSS · 本地运行

WCAG 对比度检查器

计算两种颜色之间的对比度,并检查常见的 WCAG AA 和 AAA 文本阈值。

准备就绪。您的工作数据保留在此浏览器中。

为什么这个工具有用

当您需要计算两种颜色之间的对比度并检查常见的 WCAG AA 和 AAA 文本阈值时,请使用 WCAG 对比度检查器。结果会立即显示,并且在您重复使用之前很容易验证。

工作原理

输入 WCAG 对比度检查器要求的数值。浏览器会验证输入,在本地执行计算,并生成带有清晰错误提示的可复制结果。

实际示例

一种实用的做法是先在一个小样本上运行 WCAG 对比度检查器,确认输出结果,然后再处理完整的值或列表。

验证

计算是确定性的,并解释验证错误,而不是默默更改无效输入。

隐私边界

输入和输出保留在此标签页中。复制和下载通过浏览器API完成,无需上传到服务器。

结果护照

每次运行都会报告其工具模式、时间戳以及输入/输出大小,以便对转换后的数据进行审计。