明明看得清，为什么提示不通过？

标准按弱视、强光等场景更严。健康视力下「清楚」不等于达到 AA（正文通常 ≥4.5:1）。另请先看 AA；AAA 未达多数站可忽略。

AA 和 AAA 有什么区别？

AA 是多数网站的常用及格线（正文约 ≥4.5:1）；AAA 更严（正文 ≥7:1），多用于政务或无障碍专项。过了 AA 正文一般就够用。

对比度数字是什么意思？

表示字色与背景的明暗差距，写成 X:1。越大越好认；黑字白底约 21:1，同色约 1:1。

会上传颜色吗？

不会，计算在浏览器本地完成。

颜色对比度检测

检测文字与背景对比度是否达到 WCAG AA/AAA：输入 HEX，看清对比度含义与通过标准，本地计算适合 UI 无障碍自查。

使用记录 0 展开

使用工具或停止输入约 3 秒后会自动保存输入内容，点击列表可恢复。仅存于本浏览器。

文字在背景上好不好认：按国际无障碍标准 WCAG 算对比度。请先看 AA（常用及格）是否通过；下方 AAA 是更严可选档，未达不等于配色失败。 你眼睛觉得清楚，也可能正文 AA 不过（例如常见品牌蓝白底约 3.7:1）。色值互转用颜色转换。

对比度是什么？

字色与背景的明暗差距，写成「数字 : 1」。黑字白底约 21:1（最强），同色约 1:1。数字越大越好认。

先看 AA，再看 AAA

AA：多数网站及格线。AAA：加严，政务/专项才常强制。过了 AA 正文，一般就够用。

肉眼清楚 ≠ 过标

标准按弱视、强光等更严场景定门槛。中灰、亮品牌色白底常「看起来行」，但正文 AA（≥4.5:1）会挂。

文字颜色（前景）

背景颜色

改颜色后会自动检测。可试：字色 #3b82f6、背景 #ffffff（清楚但正文 AA 不过）。

预览（同色组合）

这是普通正文大小。对比够不够，看下面「AA · 普通正文」。

这是大号标题

这是略大的加粗字（近似「大字」门槛）

对比度数值

14.63 : 1

对比很强，黑白分明，多数场景都好认

主结论（看 AA）：正文 AA 已过，且达到 AAA。普通网站足够。

计算按国际无障碍常用标准。你觉得清楚且 AA 已过，一般可用于正文。

① 常用及格：AA（请优先看这两项）

AA · 普通正文

通过

需要 ≥ 4.5 : 1

网页正文、表单说明、列表文字等常规字号——多数产品只要过这一项

正文达到常用及格线（AA）

AA · 大号标题

通过

需要 ≥ 3 : 1

约 18pt（约 24px）及以上，或 14pt（约 18.5px）加粗的大字

大标题在 AA 标准下可读

② 可选加严：AAA（未达不必紧张）

多数商业站不强制；只有合同/验收写明 AAA 才需要盯这两项。

AAA · 普通正文

达到

需要 ≥ 7 : 1

加严档，多用于政务/无障碍专项；普通商业站未达也不算「配色失败」

正文达到更严的 AAA

AAA · 大号标题

达到

需要 ≥ 4.5 : 1

AAA 下对大字的要求，同样属于可选加严

大标题达到 AAA

使用说明

选择或输入文字色与背景色
先看 AA 正文是否通过，再看可选 AAA
对照数值与白话结论调整配色

颜色对比度怎么看

检测逻辑有没有问题？

本页按国际无障碍常用标准（WCAG）计算对比度。若你觉得「明明清楚却提示不通过」，常见不是算错，而是：

肉眼清楚 ≠ 达到 AA：标准按弱视、强光等场景更严。例如 #3b82f6 白底约 3.7:1，健康视力常觉得清楚，但正文 AA 要 ≥4.5:1。
先看 AA，别被 AAA 吓到：AAA 正文要 ≥7:1，很多站过了 AA 仍会显示「未达 AAA」——这是可选加严，不是配色失败。
字号影响判定用途：同一对色，大标题门槛更低（AA ≥3:1）；正文不够时，可只把这对色用在大标题上。

结果怎么读

对比度 X:1：数字越大越好认。黑底白字约 21:1，同色约 1:1。
AA · 普通正文：多数网站、App 的常用及格线（≥4.5:1）。请优先看这一项。
AA · 大号标题：约 24px+ 或约 18.5px 加粗（≥3:1）。
AAA：更严；未达时标签为「未达（可选）」，合同未要求可忽略。

阈值一览（WCAG 2.x）

级别	普通正文	大字（约 24px+ 或 18.5px 粗体）	谁在用
AA	≥ 4.5:1	≥ 3:1	大多数网站的及格线
AAA	≥ 7:1	≥ 4.5:1	政务/无障碍专项更常要求

和「颜色转换」的区别

本页：算字色与背景对比度，对照 WCAG，回答「好不好认」
颜色转换：HEX / RGB / HSL 互转，不判断可读性
印刷四色估算也可在「颜色转换」页的 CMYK 区完成（简易估算）