对比度检查简介
前景色与背景色的对比度直接影响可读性与无障碍访问。WCAG 等标准要求文字与背景的对比度达到一定比值（如 4.5:1、7:1）以满足 AA/AAA 级别。
本工具支持输入前景色与背景色，实时计算对比度比值并判断是否满足 WCAG 要求，便于在设计与开发时快速校验可读性与合规性。
色彩对比度计算器
色彩对比度在线演示页面
Contrast Ratio，色彩对比度，文本颜色与背景颜色的对比差异，良好的对比度对色弱用户拥有极大的帮助。
在 Web Content Accessibility Guidelines (WCAG) 中规定，针对 AA 级别，对比度需大于 4.5:1，大号字体对比度需大于 3:1。针对 AAA 级别，对比度需大于 7:1，大号字体需大于 4.5:1。
根据 WCAG 规范，其计算公式为 (L1 + 0.05) / (L2 + 0.05)，L1/L2 为二者的明亮度(Luminance)。以下为实时计算公式：
(0.9547598590513481 + 0.05) / (0.24498416588930616 + 0.05) = 3.406148448755679
R
G
B
A
AaAA Large
3.406148448755679
R
G
B
A
使用说明
设置前景与背景
分别选择或输入前景色（通常是文字）与背景色，支持 HEX、RGB 等格式。页面会实时显示两者叠加的预览与对比度数值。
查看对比度与等级
工具会显示对比度比值（如 4.5:1）以及是否满足 WCAG 2.x 的 AA（正文 4.5:1、大字 3:1）或 AAA 要求，便于调整配色直到达标。
微调与建议
若对比度不足，可微调前景或背景的明度、饱和度；部分工具会给出「再深一点」「再浅一点」等建议，或推荐满足标准的最接近色。
常见问题
Q: 对比度怎么算的？
通常采用 WCAG 定义的相对亮度公式：先算两种颜色的相对亮度，再按 (L1+0.05)/(L2+0.05) 得到比值，其中 L1 为较亮者。
Q: AA 和 AAA 分别指什么？
AA 要求正文对比度至少 4.5:1、大号文字至少 3:1；AAA 要求更高（正文 7:1、大号 4.5:1）。满足 AAA 可读性更好，尤其适合无障碍场景。
Q: 透明色怎么算？
若前景或背景含透明度，需考虑与下层叠加后的实际颜色再算对比度；部分工具支持带 Alpha 的输入或模拟底层色。