Color Contrast Checker
by Snehal
Ensure Accessibility with Ease
Installs
1,476
Likes
165
Users
14,935
Views
20,179
Preview
About this plugin
AboutThe Color Contrast Checker Plugin helps designers and developers create accessible and visually appealing content by analyzing color combinations according to WCAG guidelines.
How to useSelect the two objects that you want to compare for color contrast and accessibility. These objects should have a solid fill.
Then click on the "Plugins" menu in the Figma app menu bar. Select "Color Contrast Checker" from the list of installed plugins.
The plugin will open a UI window that displays the color contrast ratio, the accessibility level, and the colors selected for the two objects you selected in step 1.
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