颜色对比度计算器

检查两种颜色的对比度以确保无障碍性。

使用方法

  1. 在上方的输入框中填写您的数值。
  2. 点击“计算”即可立即查看结果。
  3. 使用“分享”按钮复制结果链接。

关于此计算器

本计算器使用 (L1 + 0.05) / (L2 + 0.05) 计算两种颜色之间的 WCAG 对比度,其中 L1 和 L2 分别是较亮和较暗颜色的相对亮度,二者均由 sRGB 通道值通过 WCAG 的伽马校正亮度公式得出。结果范围从 1:1(相同的颜色)到 21:1(白底上的纯黑),并对照《网页内容无障碍指南》的阈值进行检查——AA 级要求普通文本为 4.5:1、大号文本为 3:1,更严格的 AAA 级则分别为 7:1 和 4.5:1。

网页设计师、前端开发人员和无障碍审核人员用它来确保文本和界面元素符合针对低视力或色盲用户的法律及可用性无障碍标准(WCAG 2.1、ADA、第 508 条合规)。输入两个十六进制颜色,即可得到对比度及通过/未通过状态。

Was this helpful?

最多可以选择 3 个表情反应。

Comments (0)

  • Be the first to comment.

热门计算器

所有计算器