Color contrast matrix
by Mischa
Check WCAG contrast compatibility of your whole color palette.
Installs
64
Likes
7
Users
591
Views
514
Preview
About this plugin
Need to test your color palette for WCAG 2.1 AA compliance? Not sure which of your color combos are accessible? Enter the hex values of your palette, and this will output a matrix showing the compatibility of EVERY color combination. Red / cross for fail, green / tick for 4.5:1 contrast (AA compliant for all text/UI elements), and yellow / warn for 3:1 contrast (AA compliant for large text/UI elements, but not small text).
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility