颜色对比度检查器 (WCAG)
如何检查颜色对比度?
结果
使用方法
- 在上方的输入框中填写您的数值。
- 点击“计算”即可立即查看结果。
- 使用“分享”按钮复制结果链接。
关于此计算器
本工具计算前景色与背景色之间的WCAG对比度,其值从1:1(颜色完全相同,毫无对比)到21:1(纯黑配纯白),由两种颜色各自的相对亮度算出。随后它把这个比值对照官方的AA和AAA无障碍阈值——AA级通常要求正文4.5:1、大号文字3:1,AAA级的下限更严——来判断某个文字与背景的搭配是否真的清晰到足以满足无障碍标准。
网页设计师和前端开发者在配色方案上线前会用它检查,因为低对比度文字是最常见的无障碍投诉之一,在某些法域还可能不符合法定的无障碍要求。无障碍审计人员按WCAG审查网站或应用时用的也是同一套计算,而设计系统往往直接把通过AA的配色对内置进组件库,从根本上避开这个问题。
Was this helpful?
最多可以选择 3 个表情反应。
热门计算器
贷款计算器
月供、总利息和完整的还款计划。
百分比计算器
百分比变化、占比和比例计算。
折扣计算器
计算最终价格、节省金额和折扣金额。
BMI 计算器
根据身高和体重计算身体质量指数(公制或英制)。
年龄计算器
根据出生日期计算精确到年、月、日的年龄。
复利计算器
计算复利的最终金额和获得的利息。
所有计算器
未找到计算器
Comments (0)