大号文本
常规正文文本
小号说明文字
#000000 关于此工具
色彩对比度衡量两种颜色之间亮度的感知差异，以从 1:1（完全相同）到 21:1（纯黑配纯白）的数值表示。WCAG 2.x 公式会先对每个 sRGB 通道做线性化处理——在 0.03928 以下采用线性段，在其之上采用 2.4 次幂曲线——再按 0.2126 R / 0.7152 G / 0.0722 B 加权得到相对亮度，然后计算 (较亮 + 0.05) / (较暗 + 0.05)。Web Content Accessibility Guidelines 设定了四个阈值：AA 要求正文文字达到 4.5:1、大号文字达到 3:1（>=24px，或加粗时 >=18.66px）；AAA 则将这两个值提高到 7:1 和 4.5:1。
用它在发布前验证正文、按钮、链接和表单标签是否满足无障碍要求，用它调试被审计标记出的设计系统配色，或在不放弃现有调色板的前提下找到一个达标的替代色。在任一字段中输入任意 CSS 颜色——hex、rgb()、hsl() 或具名颜色——即可实时读取对比度和等级网格；当 AA 未达标时，应用所建议的前景色，它会将原始颜色的 OKLCH 亮度恰好调整到足以达到 4.5:1 的程度。
对比度只取决于亮度，而非色相——两种亮度相同的颜色在色彩上可以截然不同，却仍然不达标，因为色盲和低视力用户依赖的是亮度差异。
常见问题
通过 WCAG 需要多大的对比度？
WCAG 2.1 AA 级要求正文文字的对比度至少为 4.5:1，大号文字至少为 3:1（24px 或更大，或 18.66px 且加粗）。AAA 级要求正文文字达到 7:1，大号文字达到 4.5:1。
在对比度方面，什么算作大号文字？
大号文字是指加粗时为 18.66px（14pt）或更大，或常规字重下为 24px（18pt）或更大。它适用更低的对比度阈值，因为更大的字形即使在更低对比度下也能保持可读。
WCAG 对比度是如何计算的？
每种颜色的相对亮度是通过线性化其 sRGB 通道并按 0.2126 R + 0.7152 G + 0.0722 B 加权得到的。对比度则为 (较亮亮度 + 0.05) / (较暗亮度 + 0.05)，得出一个介于 1:1 到 21:1 之间的值，且与哪种颜色作为前景色无关。