为什么需要对比度检查
网页文字看不清，多半是前景色和背景色对比度不够。WCAG（Web 内容无障碍指南）对文本对比度有硬性门槛：普通文字至少 4.5:1，大号文字至少 3:1。不达标不仅伤眼，还可能踩无障碍合规红线。
本工具输入前景色和背景色，立刻算出对比度比值，并判定是否通过 AA / AAA（普通文本与大文本分别判定），附带实时预览。
概念与公式
对比度基于相对亮度（relative luminance）。先把颜色转成 sRGB 线性值，再算亮度：
L = 0.2126·R + 0.7152·G + 0.0722·B（R/G/B 为线性化后的分量）
对比度：
C = (L_light + 0.05) / (L_dark + 0.05)
WCAG 门槛：
- AA 普通文本：≥ 4.5:1
- AA 大文本（≥18pt 或 ≥14pt 粗体）：≥ 3:1
- AAA 普通文本：≥ 7:1
- AAA 大文本：≥ 4.5:1
细分场景
- 设计走查：定稿前确认配色能过无障碍。
- 暗色模式：深色背景上的浅字最容易不达标。
- 合规自查：满足《无障碍环境建设法》等要求。
怎么用本工具
用颜色选择器或直接输入 HEX（如 #1a1a1a / #ffffff）设定前景与背景，对比度比值和 AA/AAA 判定即时显示，下方有真实文字预览。可切换「普通 / 大文本」看不同门槛。
常见场景与实例
例：黑底白字
前景 #ffffff、背景 #000000 → 对比度 21:1，远超 AAA。
例：灰底灰字
#999999 on #cccccc → 约 1.8:1，未过 AA，需加深对比。
相关工具：颜色转换、HTML 转 Markdown。
隐私说明
全程浏览器本地计算，不联网、不上传你选择的颜色。