Contrast Checker

无障碍 · 157 likes

Check contrast in your UI design

Check contrast in your UI design based on Contrast Success Criteria 1.4.3 and 1.4.6 of the Web Content Accessibility Guideline (WCAG). How it works: Select colors; Confirm the colors; The application will inform you if the contrast is good for normal sized texts and large text (above 18 points); The reset button clears the interface, but it doesn't need to be pressed for you to recheck. For informational purposes: Level A: Bad, ineffective; Level AA: Good, effective; Level AAA: Great, excellent. Created as an object of study.

适用场景

Contrast Checker 属于 无障碍 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Lucas Amorim。Figma 社区发布者:Lucas Amorim。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件