WCAG 颜色对比度计算器
测量前景色和背景色之间的 WCAG 对比度，以确认文字的可读性和无障碍合规性。
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0.0103 + 0.7152×0.0103 + 0.0722×0.0103 = 0.0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0.0103 + 0.05) = 17.40
这个计算器是如何工作的？
WCAG 对比度为（较亮亮度 + 0.05）/（较暗亮度 + 0.05），范围从 1:1 到 21:1。普通文本至少需要 4.5:1，大文本至少需要 3:1 才能达到 AA 级；或分别 7:1 和 4.5:1 才能达到 AAA 级。输入两个十六进制颜色即可立即检查。
公式
How this is calculated
输入前景色（文字）和背景色的十六进制代码。支持 3 位简写（#fff）和 6 位（#ffffff）两种形式，可选择是否带前导 '#'。
每种颜色都会转换为其相对亮度。8 位通道值除以 255，然后进行线性化：如果结果 s 小于或等于 0.03928，则除以 12.92；否则取 ((s + 0.055) / 1.055) 的 2.4 次方。线性化的红、绿、蓝值分别以 0.2126、0.7152 和 0.0722 加权求和，得到亮度 L。对比度为 (Llighter + 0.05) / (Ldarker + 0.05)，其中 0.05 项模拟环境眩光。比率范围从 1:1（相同颜色）到 21:1（纯黑色在纯白色上）。
WCAG 2.1 阈值决定通过结果：AA 要求普通文本至少 4.5:1，大文本至少 3:1（大约 18pt 或 14pt 粗体）；AAA 要求普通文本 7:1，大文本 4.5:1。计算是对称的，因此交换前景色和背景色会得到相同的比率。它仅评估颜色，不考虑不透明度、抗锯齿或重叠图层。
常见问题
普通正文文本至少 4.5:1，大文本（约 18pt 常规或 14pt 粗体）至少 3:1。对于更严格的 AAA 级，普通文本需要 7:1，大文本需要 4.5:1。
不重要。公式使用较亮和较暗的亮度，无论您将哪种颜色标记为前景色，因此交换两个输入会得到相同的比率。
纯白色的相对亮度为 1，纯黑色为 0。将这些代入 (1 + 0.05) / (0 + 0.05) 得到恰好 21，即可达到的最高对比度。
也称为
TG we-Calculate Editorial Team. (2026). WCAG 颜色对比度计算器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG 颜色对比度计算器." TG we-Calculate. 2026. https://we-calculate.com/zh/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG 颜色对比度计算器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG 颜色对比度计算器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
这个计算器对您有帮助吗？