WCAG 颜色对比度检查工具
输入前景（文字）颜色和背景颜色，即可获得精确的 WCAG 2.1 对比度，并给出 AA 和 AAA 级别、普通文字和大号文字的通过/未通过结果，外加实时预览。颜色可以用十六进制或 rgb() 格式输入，也可以用每个输入框旁边的取色器选择。
敏捷的棕色狐狸跳过了懒狗
用于对比的普通正文文字示例。
对比度17.74:1
WCAG AA - 普通文字(4.5:1)通过
WCAG AA - 大号文字(3:1)通过
WCAG AAA - 普通文字(7:1)通过
WCAG AAA - 大号文字(4.5:1)通过
常见问题
对比度是如何计算的？
使用真实的 WCAG 2.1 相对亮度公式作用于每种颜色的 sRGB 通道，然后把较亮和较暗的亮度按 (L1 + 0.05) / (L2 + 0.05) 进行比较。结果范围从 1:1（完全相同的颜色）到 21:1（纯黑配纯白）。
AA 和 AAA 有什么区别？
AA 是大多数无障碍要求（包括许多法律标准）所依据的标准 WCAG 合规级别：普通文字为 4.5:1，大号文字为 3:1。AAA 是更严格的可选级别：普通文字为 7:1，大号文字为 4.5:1。
什么算作「大号文字」？
WCAG 将大号文字定义为常规字重的 18pt（24px）及以上，或粗体的 14pt（约 18.66px）及以上。大号文字的对比度要求更低，因为更大、更粗的笔画在较低对比度下依然清晰可辨。
我可以用 RGB 而不是十六进制输入颜色吗？
可以，前景和背景输入框都支持十六进制（#3b82f6）或 rgb(59, 130, 246) 格式，你也可以使用每个输入框旁边的取色器。