🎨 颜色对比度检查器

文字看得清吗？输入前景与背景色，按 WCAG 2.1 计算对比度比值，判定是否达到 AA/AAA 无障碍标准。

前景色（Hex）

背景色（Hex）

文字类型

📚 深度解析：颜色对比度检查（WCAG）

WCAG 阈值

正文文本（<18pt）需对比度 ≥ 4.5:1（AA），大文本（≥18pt 或 ≥14pt 粗体）≥ 3:1，UI 组件与图形 ≥ 3:1。对比度 = (L亮+0.05)/(L暗+0.05)，L 为 sRGB 经伽马解码后的相对亮度。

典型组合

白底黑字对比度约 21:1；#767676 灰字配白底约 4.54:1（刚过 AA 正文线）；#999 灰字约 2.8:1 不达标，需加深。

对比度公式怎么算？: 先按 sRGB→线性光转换得到相对亮度 L，对比度 = (L1+0.05)/(L2+0.05)。工具已内置，你只需输入前后景色。
AA 和 AAA 区别？: AA 是主流合规底线（正文 4.5:1）；AAA 更严（正文 7:1、大文本 4.5:1）。多数站点做到 AA 即可，政府/医疗等强无障碍场景要求 AAA。

⚠️ 使用说明与注意事项