颜色对比度检查
检查前景与背景色对比度是否符合 WCAG AA/AAA 标准。
使用说明
- 用取色控件选择前景色（文字颜色）与背景色，或直接在输入框里填写 HEX 值。
- 页面会按 WCAG 公式实时计算对比度比值（范围 1–21）。
- 查看下方判定表：正常文本 AA/AAA 与大号文本 AA/AAA 四项分别以绿色「通过」、红色「未通过」标示。
- 示例预览区用当前配色渲染正常与大号两档文字，直观感受可读性。
- 想比较反色搭配时，点「交换前景 / 背景」一键互换两色。
常见问题
对比度比值是怎么算出来的？
先把 HEX 颜色转为 sRGB，再按 WCAG 定义把每个通道线性化后加权求和得到相对亮度 L（R 0.2126、G 0.7152、B 0.0722），最后用较亮颜色的 L 加 0.05 除以较暗颜色的 L 加 0.05，结果范围是 1 到 21。
AA 和 AAA 有什么区别？
它们是 WCAG 的两档无障碍等级：AA 是大多数法规与审核要求的底线（正常文本 4.5、大号文本 3），AAA 是更严格的增强级（正常文本 7、大号文本 4.5）。正式产品至少应满足 AA。
什么算「大号文本」？
WCAG 定义为字号至少 24px（18pt）的常规字重文本，或至少 18.66px（14pt）的加粗文本。大号文本对对比度的要求更低，因此达标线更宽松。
对比度达标但看起来还是累怎么办？
对比度只衡量亮度差异，不覆盖字距、行高与字体本身。可以适当提高字号与行高、避免纯黑配纯白的高刺激组合，或让正文颜色与背景保持至少 7:1 以获得更舒适的阅读体验。