WCAG 的 AA 和 AAA 分别要求多少对比度？

AA 级要求正文至少 4.5:1、大号文字至少 3:1；AAA 级要求正文至少 7:1、大号文字至少 4.5:1。大号文字指不小于 24px（18pt），或不小于 18.66px（14pt）的粗体。按钮边框、图标、输入框轮廓等图形与界面组件（成功标准 1.4.11）要求至少 3:1。判定使用精确值，4.48:1 这类结果即使四舍五入看起来接近 4.5 也不算通过。

APCA 和 WCAG 2.x 对比度有什么不同？

WCAG 2.x 用相对亮度之比计算，简单但在深色背景上偏宽松、在中等亮度上偏严格。APCA 是 WCAG 3 草案中的新算法，按人眼感知计算亮度差 Lc，并区分深字浅底（正值）和浅字深底（负值），不同字号字重对应不同的最低 Lc。APCA 目前还不是正式标准，法规与验收仍以 WCAG 2.x 为准，可以把它作为设计上的补充参考。

推荐的达标颜色是怎么算出来的？

工具把颜色转换到 OKLCH 色彩空间，保持色相不变，只把亮度一点点调亮或调暗（彩度超出 sRGB 色域时自动收缩），分别找出两个方向上第一个达标的颜色，再取亮度变化最小的那个。这样得到的颜色和原色看起来最接近，品牌色的色调不会跑偏。

色盲模拟准确吗？

模拟采用学术界常用的 Machado、Oliveira 和 Fernandes（2009）模型，在线性 RGB 空间计算红色盲、绿色盲、蓝色盲的完全型（严重度 100%），全色盲按亮度灰度化。它能帮助你发现只靠颜色区分的问题，但每个人的色觉差异不同，重要信息请同时用文字、图标或形状来表达。

🔆

🔆颜色对比度检查器 - WCAG 2.x AA/AAA 与 APCA 可访问性检测

文字和背景的对比度不够，弱视用户、老年人以及在阳光下看手机的人都会读得很吃力。输入文字颜色和背景颜色（支持 HEX、rgb()、hsl()、oklch() 和常见颜色名，文字颜色可以带透明度），立即得到 WCAG 2.x 对比度，并逐项判断 AA 正文（4.5:1）、AA 大号文字（3:1）、AAA 正文（7:1）、AAA 大号文字（4.5:1）以及图形与界面组件（1.4.11，3:1）是否通过。同时按 APCA-W3 0.1.9 计算 WCAG 3 草案采用的 Lc 值，给出适合正文、标题、占位符等不同用途的分档建议。没达标时，工具会在 OKLCH 色彩空间里只调整亮度、保持色相不变，分别为文字色和背景色找出改动最小的达标颜色，一键应用。下方预览用真实字号展示正文、大号文字、按钮和图标效果，并用 Machado 2009 模型模拟红色盲、绿色盲、蓝色盲和全色盲看到的样子。调色板矩阵模式可以一次粘贴一组品牌色，查看任意两色搭配的对比度和是否达标。

免费 · 无需注册 · 浏览器本地处理最后更新：2026-10-26

正在加载工具...

如何使用颜色对比度检查

1输入或取色选择文字颜色和背景颜色
2查看 WCAG 对比度、各级别达标情况和 APCA Lc 值
3未达标时选择目标，应用推荐的最近达标颜色；需要时切换到调色板矩阵批量检查

常见问题

WCAG 的 AA 和 AAA 分别要求多少对比度？: AA 级要求正文至少 4.5:1、大号文字至少 3:1；AAA 级要求正文至少 7:1、大号文字至少 4.5:1。大号文字指不小于 24px（18pt），或不小于 18.66px（14pt）的粗体。按钮边框、图标、输入框轮廓等图形与界面组件（成功标准 1.4.11）要求至少 3:1。判定使用精确值，4.48:1 这类结果即使四舍五入看起来接近 4.5 也不算通过。
APCA 和 WCAG 2.x 对比度有什么不同？: WCAG 2.x 用相对亮度之比计算，简单但在深色背景上偏宽松、在中等亮度上偏严格。APCA 是 WCAG 3 草案中的新算法，按人眼感知计算亮度差 Lc，并区分深字浅底（正值）和浅字深底（负值），不同字号字重对应不同的最低 Lc。APCA 目前还不是正式标准，法规与验收仍以 WCAG 2.x 为准，可以把它作为设计上的补充参考。
推荐的达标颜色是怎么算出来的？: 工具把颜色转换到 OKLCH 色彩空间，保持色相不变，只把亮度一点点调亮或调暗（彩度超出 sRGB 色域时自动收缩），分别找出两个方向上第一个达标的颜色，再取亮度变化最小的那个。这样得到的颜色和原色看起来最接近，品牌色的色调不会跑偏。
色盲模拟准确吗？: 模拟采用学术界常用的 Machado、Oliveira 和 Fernandes（2009）模型，在线性 RGB 空间计算红色盲、绿色盲、蓝色盲的完全型（严重度 100%），全色盲按亮度灰度化。它能帮助你发现只靠颜色区分的问题，但每个人的色觉差异不同，重要信息请同时用文字、图标或形状来表达。