On this page
About Color Contrast Checker by Snehal
Color Contrast Checker is a free Figma plugin published by Snehal in 2023. It works in Figma Design and has 14,641 users and 164 likes on the Figma Community. It ranks #18 in Accessibility on our lists.
In the developer's words
About
The Color Contrast CheckerPlugin helps designers and developers create accessible and visually appealing content by analyzing color combinations according to WCAG guidelines.
How to use
- Select 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.
What's new
Version 6 · released Apr 9, 2023
- This version adds support for a group and a component, in addition to selecting two objects. Now, you can compare the color contrast and accessibility levels between any two selected objects or a group or a component with solid fills."
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Color Contrast Checker ranks
Color Contrast Checker alternatives
- 1
Stark
by Stark
577K users10KFreeFix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
- 2
Contrast
by Alex Carr
515K users8.3KFreeQuickly check and scan for contrast issues on gradients, images, blends, and fills.
- 3
A11y
by Kelly Gorr
315K users4.7KFreeText color accessibility
- 4
UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites
by Aurélien Grimaud
92K users814Free + $8/mo upgradeColor Palettes that meet WCAG Guidelines and Operations (tailored for individuals)
- 5
Color contrast
by Aleksandra Walczak
82K users474FreeColor contrast checker
- 6
Contrast
by Roman Nurik
72K users341FreeQuickly run a visual contrast report on your design.
Color Contrast Checker FAQ
What does Color Contrast Checker do?
Ensure Accessibility with Ease. It's a Figma plugin by Snehal that runs in Figma Design.
Is Color Contrast Checker free?
Yes. Color Contrast Checker is free to install and run from the Figma Community, with no paid tier listed.
How do I install Color Contrast Checker?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Color Contrast Checker?
By user count, the closest alternatives are Stark, Contrast by Alex Carr and A11y. Compare all of them on the best Figma plugins for accessibility.
Built this plugin?
Use this page as a landing page for Color Contrast Checker: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/color-contrast-checker-snehalux/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Contrast Checker by Snehal on figmaplugins.co" width="220" height="48"></a>