颜色对比度检查器 (WCAG)

如何检查颜色对比度?

使用方法

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

关于此计算器

本工具计算前景色与背景色之间的WCAG对比度,其值从1:1(颜色完全相同,毫无对比)到21:1(纯黑配纯白),由两种颜色各自的相对亮度算出。随后它把这个比值对照官方的AAAAA无障碍阈值——AA级通常要求正文4.5:1、大号文字3:1,AAA级的下限更严——来判断某个文字与背景的搭配是否真的清晰到足以满足无障碍标准。

网页设计师和前端开发者在配色方案上线前会用它检查,因为低对比度文字是最常见的无障碍投诉之一,在某些法域还可能不符合法定的无障碍要求。无障碍审计人员按WCAG审查网站或应用时用的也是同一套计算,而设计系统往往直接把通过AA的配色对内置进组件库,从根本上避开这个问题。

Was this helpful?

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

Comments (0)

  • Be the first to comment.

热门计算器

所有计算器