填两个颜色，得到四档判定
选好前景色和背景色（取色器或十六进制都行），实时给出对比度比值，以及四档结论：AA 正文（≥4.5:1）、AAA 正文（≥7:1）、AA 大字（≥3:1）、UI 组件（≥3:1）。
下方还有一段文字预览，直接用你选的两个色渲染一段正文，模拟真实阅读场景 —— 数字过关但看着费劲的情况，在预览里一眼就能发现。
数字是怎么算出来的
按 WCAG 的相对亮度公式：先把 sRGB 的每个通道做线性化，再按 0.2126 R + 0.7152 G + 0.0722 B 加权得到相对亮度（绿色权重最高，因为人眼对绿最敏感）。
对比度就是 (较亮 + 0.05) ÷ (较暗 + 0.05)，结果写成 N:1。这不是主观评价，是可复算的公式 —— 同一个配色在任何合规工具里都该得到同一个数。
差一点的时候用「自动修正」
点一下修正按钮，工具会保持前景色的色相和饱和度，只调明度：亮背景就把前景往暗调，暗背景就往亮调，一步步试到刚好达到 4.5:1 为止。
如果调到极限仍然过不了，它会直接告诉你要换背景色或降低饱和度 —— 有些配色（比如中灰配浅灰）在数学上就是不可能达标的，与其给你一个假的结果，不如说清楚。
几组常见配色的实际表现
纯黑 #000000 配纯白 #ffffff 是 21:1（满分）；常见的浅灰文字 #999999 配白底只有约 2.8:1，达不到正文要求，这也是很多网站「看着挺清楚但就是不合格」的原因。
品牌色常踩坑：饱和的青绿、亮橙配白底往往只有 2 到 3 之间。要么把文字加深，要么把这类颜色用在非文字元素（图标、装饰块）上。
为什么值得花这两分钟
对比度不达标不只是「看起来累」：信息无障碍在国内属于有明确要求的方向，政务、金融、教育类产品的验收通常会查这一项。提前算好，比上线后被要求返工省事得多。
顺带一提，弱视用户、在强光下看手机的用户受益最明显 —— 这不是为了应付检查，是真的有人因此读不到内容。
它只看两个颜色
判定不考虑字号、字重和字体：3:1 那档默认你用的是大号字（约 18pt 常规或 14pt 粗体以上），小字请一律按 4.5:1 要求自己。
也不做色盲模拟、不看半透明叠加后的实际颜色。带透明度的文字请先算好叠加后的实际色值再填进来。
常见问题
4.5 和 3 到底该用哪个？
常规正文用 4.5:1；大号文字（约 18pt 常规或 14pt 粗体以上）和 UI 组件的边界可用 3:1。拿不准就按 4.5:1 要求自己。
#999 灰字配白底合格吗？
不合格，约 2.8:1，达不到正文的 4.5:1。这类浅灰是最常见的违规配色，建议加深到 #767676 以上。
自动修正改了什么？
只调明度，保持色相和饱和度不变：亮背景往暗调、暗背景往亮调，直到达到 4.5:1。调不到会提示换背景或降饱和。
半透明文字能直接算吗？
不能直接算。请先算出叠加到背景后的实际颜色，再把结果填进来，否则得到的是未叠加的原始色值。