Contrast for Figma

Contrast for Figma

Check color contrast against images, gradients, and solids.

2 followers

Visit website
Contrast makes it easy to check the contrast ratios of colors as you work in Figma. Select a layer and Contrast will immediately serve up the contrast ratio along with passing and failing levels from the WCAG. Works with images, gradients, and solids.
Contrast for Figma gallery image
Contrast for Figma gallery image
Contrast for Figma gallery image
Launch tags:
Design Tools•User Experience
Launch Team

What do you think? …

BDxoul
nice :) Keep the great work. using it
Alex Carr
Maker
Hey folks! After playing around with testing color contrast in Figma, I realized I wanted a solution that was as frictionless as possible so I could test colors as I work. That's why I built Contrast to "just work" as much as possible. Select an element, and Contrast figures out the color directly behind it and displays the contrast levels. Additionally, I wanted this to work on images and gradients as well, so in those situations, Contrast takes a sampling of colors and measures the contrast against all of them. I hope this makes it easier for folks to check contrast as they work and improve the experience for their users!