Contrast Checker

Add the widget to any frame. Choose the settings, hit the Edit icon to add a foreground color to compare against. And it will tell you if you pass.

Easy testing

Test any frame and any color against WCAG AA or AAA Contrast Guidelines. Great for creating design systems and easily being able to keep your scores up to date.

See how to use it with the Contrast Checker Playground.

Contributing

The plugin is open source on Github

Submit a Figma resource now!

Newsletter

Never miss a thing! Sign up for our newsletter to stay updated.

About

Figma Hunt curates the best new Figma resources, every day. Discover the latest Figma templates, plugins and resources all in one place, updated constantly.

Submit