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
无障碍 · 157 likes
Check contrast in your UI design
Related plugins
- Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
- Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
- Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- A11y - Color Contrast Checker
Text color accessibility
- Color Designer
- Vectorized (PNG to SVG)
Convert bitmap-type images into vector graphics