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.

Open in Figma

Related plugins