结果仅供参考，可能包含错误。请自行核实重要信息。使用本工具风险自负。
这个工具能做什么
颜色对比度检测工具衡量文字在背景上的可读性。选择文字颜色和背景颜色后，它会显示对比度（从颜色相同时的 1:1 到白底黑字的 21:1）、实时预览，以及这组颜色是否通过 WCAG 的四个阈值：普通文本和大号文本各自的 AA 级与 AAA 级。
对比度采用 WCAG 2 的相对亮度公式计算：每个颜色通道先做线性化，再加权（绿色权重最大，蓝色最小），然后给两个亮度各加上 0.05，用较亮的除以较暗的。AA 级要求普通文本达到 4.5:1，大号文本（至少 24px，或 18.66px 粗体）达到 3:1。AAA 级则分别提高到 7:1 和 4.5:1。计算在你的浏览器中完成。
适用场景
- 为按钮选择品牌色，并确认上面的白色文字依然清晰可读。
- 修复 Lighthouse 或 axe 无障碍审计中报告的低对比度文本问题。
- 为次要文本挑选一种灰色：既要浅到看起来是次要内容，又要通过 AA 级。
- 设计深色主题，中间色调的强调色在深色背景上常常不达标。
示例
#3b82f6 背景上的 #ffffff
3.68:1 - AA large only
#ffffff 背景上的 #767676
4.54:1 - AA normal and large, fails AAA normal
#ffffff 背景上的 #1e293b
14.63:1 - passes all four
关于这个工具的问题
为什么亮蓝色按钮上的白色文字不达标？
饱和的中间色调亮度相当高，因此上面的白色文字对比度往往落在 3:1 到 4.5:1 之间。这对大号粗体标签来说可以通过，但对正文不行。把背景调暗一两级，直到对比度达到 4.5:1。
应该以 AA 还是 AAA 为目标？
大多数无障碍法规和政策引用的是 AA 级，所以应把它当作最低要求。AAA 是更严格的目标，对于需要长时间阅读的文本值得达到，但并不要求每个元素都满足。
对比度要求也适用于图标和边框吗？
WCAG 2.1 要求有意义的图形和界面组件至少达到 3:1，例如输入框边框、焦点环和承载信息的图标。对这些元素，可以参考大号文本的 AA 结果。
可以检查用 RGB 或 HSL 表示的颜色吗？
颜色选择器使用十六进制值。请先用 HEX 转 RGB 颜色转换器系列工具或颜色转换工具转换其他表示法，再粘贴十六进制代码。
这个工具免费吗？
是的，完全免费。无需注册或电子邮箱。结果直接显示在本页。
如何获取结果？
在此页面使用工具即可查看结果，无需通过电子邮件接收。