WCAG 对比度检查器
输入前景色与背景色，实时计算对比度比值，判定 AA / AAA 是否达标，支持一键自动调整。纯浏览器本地处理。
前景色（文字）
背景色
—
对比度比值
正文预览：The quick brown fox jumps over the lazy dog。敏而好学，不耻下问。
大字号标题 24px Bold
按钮文字 Button怎么用
- 选颜色：用拾色器或直接输入 HEX 值设置前景色（文字）与背景色。
- 看比值：工具按 WCAG 2.1 公式实时计算对比度（1 到 21）。
- 对标准：正文文字 AA ≥ 4.5、AAA ≥ 7；大字号（≥24px 或 ≥18.66px 粗体）AA ≥ 3、AAA ≥ 4.5；按钮边框等 UI 组件 ≥ 3。
- 一键调整：不达标时点「自动调整前景色」，工具在保持色相的前提下把前景色调亮或调暗到刚好达标。
常见问题
对比度是怎么算出来的？
按 WCAG 2.1 标准：先把 RGB 各通道做伽马展开得到相对亮度 L，对比度 =（较亮色的 L + 0.05）/（较暗色的 L + 0.05），取值范围 1 到 21。纯黑对纯白正好是 21。
AA 和 AAA 有什么区别？
AA 是 WCAG 的基本达标线（正文 4.5:1，大字号 3:1），绝大多数无障碍规范与法律（如 ADA、EN 301 549）都要求达到；AAA 是增强级（正文 7:1），适合阅读类产品追求。日常网页以 AA 为底线即可。
什么算「大字号」？
WCAG 定义为 ≥ 18pt（约 24px）的常规字重，或 ≥ 14pt（约 18.66px）的粗体。大字号的达标线更宽松：AA 3:1、AAA 4.5:1。
「自动调整」会改变我的色相吗？
不会。工具只在保持色相与饱和度的前提下，把前景色向白色或黑色方向提亮/压暗（取改动更小的方向），刚好达到 4.5:1 停止。是否采用由你决定，结果会同步回拾色器。