Figma plugin

Color Contrast Checker by Snehal

Ensure Accessibility with Ease

by Snehal

users
15K
likes
164
saves
1.5K
comments
2
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v6 · Apr 9, 2023
First published
Mar 17, 2023
Publisher
Snehal
On this page
Overview

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.

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

  1. Select the two objects that you want to compare for color contrast and accessibility. These objects should have a solid fill.
  2. Then click on the "Plugins" menu in the Figma app menu bar. Select "Color Contrast Checker"from the list of installed plugins.
  3. 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.
Changelog

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."
Trust

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.

Compare

Color Contrast Checker alternatives

  1. 1

    Stark

    by Stark

    597K users10KFree

    Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

    View details
  2. 2

    Contrast

    by Alex Carr

    527K users8.5KFree

    Quickly check and scan for contrast issues on gradients, images, blends, and fills.

    View details
  3. 3

    Color Palettes

    by Manthankumar Satani

    450K users4KFree

    A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥

    View details
  4. 4

    A11y

    by Kelly Gorr

    322K users4.8KFree

    Text color accessibility

    View details
  5. 5

    Vectorized

    by HurryFlash

    242K users1.2KFree

    Convert bitmap-type images into vector graphics

    View details
  6. 6

    Image To Figma Design

    by Crafttor

    148K users863Free

    Turn any UI screenshot into fully editable Figma layers — real components, auto layout, text & color

    View details
FAQ

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 Color Palettes.

For developers

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.

Color Contrast Checker by Snehal on figmaplugins.co

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>

Want it featured on figmaplugins.co? Submit it for review