🎯WCAG色彩对比度检查
计算字色和背景色的明度对比比,判定是否通过WCAG AA/AAA标准。常用于设计可访问性审查、政府/公共机构网站(无障碍必需)、关怀视障用户、移动可读性确认。
🔒 浏览器内处理✓ 无水印✓ 无需注册
使用方法
- 1选择字色和背景色。
- 2对比比和通过标准即时显示。
常见问题
标准是什么?+
WCAG 2.1中,普通文本AA 4.5:1、AAA 7:1。大文本(18pt以上)AA 3:1、AAA 4.5:1。
AA vs AAA区别?+
AA为标准推荐,AAA是更严格的标准。政府/公共机构通常以AA为义务。
为何对设计很重要?+
保障视障/老花眼/色弱/低光环境(户外阳光)下的可读性。对普通用户也是更舒适的画面。
灰字配白底为何不好?+
设计看似整洁但对比度低,视觉弱者难以阅读。正文文本建议#767676以上对比。
在韩国是法律义务吗?+
公共机构/政府网站按《残疾人歧视禁止法》和'KS X 6385'标准强制适用可访问性。民间作为社会责任也建议遵守。
色盲设计也要另行检查?+
本工具只看明度对比。如需色盲模拟,请用专门工具/设计工具(Figma插件等)。