对比度检查工具
输入文字颜色与背景颜色，即时计算 WCAG 对比度并显示 AA/AAA 是否通过，并提供实时预览效果。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 在第一个字段输入文字（前景）颜色，或使用色板选择器挑选颜色。
- 在第二个字段输入背景颜色，或使用色板选择器挑选颜色。
- 对比度数值与实际配色的实时预览会立即更新。
- 查看四个徽章，了解该配色是否通过普通与大号文字的 WCAG AA、AAA 标准。
功能特点
- 支持 hex、rgb()、hsl() 等颜色格式
- 精确计算 WCAG 2.x 相对亮度对比度
- 显示普通与大号文字在 AA、AAA 标准下的通过/未通过徽章
- 实时预览实际文字与背景的配色效果
- 100% 本地运行——您的颜色数据绝不会离开浏览器
常见问题
对比度是如何计算的？
对比度采用 WCAG 2.x 公式计算：先将每种颜色的 sRGB 通道线性化，组合成相对亮度值，再以 (L1 + 0.05) / (L2 + 0.05) 计算比值，其中 L1 是较亮颜色的亮度。比值范围从 1:1（无对比）到 21:1（黑与白）。
AA 与 AAA 有什么区别？
AA 是大多数网站采用的标准合规等级；AAA 是更严格的增强等级。AA 要求普通文字达到 4.5:1、大号文字达到 3:1；AAA 要求普通文字达到 7:1、大号文字达到 4.5:1。
WCAG 定义的“大号文字”是什么？
大号文字指至少 18pt（24px）的常规字重，或至少 14pt（18.66px）的粗体字重。由于更大更粗的笔画在较低对比度下依然清晰可读，因此大号文字的对比要求更宽松。
可以输入哪些颜色格式？
您可以输入 hex 色码（#000 或 #000000）、rgb()/rgba()，或 hsl()/hsla() 字符串，也可以使用各字段旁的色板选择器。
这个工具会存储或上传我的颜色数据吗？
不会。所有解析与对比度计算都在您的浏览器本地通过纯 JavaScript 完成，数据不会发送到服务器或被保存。