Contrast — Color Accessibility 4+

Samuel Soffes

    • 3.2 • 48 Ratings
    • Free



Make sure the text you're designing isn't too light in your interface designs with Contrast. Combine this simple little menu bar app with your favorite design tool and design with accessibility in mind.

Enter hex codes manually or use the built in color picker for sampling colors directly from your designs.

Tear the app from the menu bar and use it as a floating window wherever you'd like. It'll stay on top of your active design tool for quick access to the WCAG contrast scores.

What’s New

Version 1.3.2

Update our data privacy. Before we had some analytics to anonymously track how many times Contrast was opened just because we were curious. We never did anything with this data and haven't looked at it in years. Some asked why there was some tracking, so we decided to just remove it altogether. Now, Contrast doesn't collect any information. In fact, Contrast can't even connect to the Internet anymore. Enjoy!

Ratings and Reviews

3.2 out of 5
48 Ratings

48 Ratings

CrashHound ,

dated wcag rules incorrect values

A, AA, AAA scoring still based on 2.0.
As others have said, it did used to pick color accurately, but has since switched to showing an invalid color. I manipulated my monitor color scheme and confirmed that I get consistent picker results. It very literally thinks #6c = #7f, I think.

When color pickers 'mess that up', it's usually because they grab the literal color (like pantone pickers, which are for art and make sense to do that) vs the rendered color. That's the reason I initially picked Contrast, because it was NOT grabbing the color based on my monitor color profile values, but grabbing a rendered value. But now it seems to be choosing a color at random, or from a limited color database... or something.

So yeah, I have to move on and will now use inspector scores, since google added it recently, but thank you for providing this tool! It was very helpful when Accessibility testing was in its infancy. Hope you update it some day, since it was nice to use on comps and other text.

chryw ,

Love the UI but the color value is completely off

Unfortunately the color picker doesn't work. Like many other said, the value is completely wrong, hence the contrast ratio is not reliable. I can't really use it. The reason that I need a handy desktop app is so that I can pick a color on my screen. Otherwise I can just use any free web color contrast tool to enter the hex values and calculate.

arronhunt ,

Useful tool

This is a very useful tool that should be apart of every inclusive designer’s toolbox. However, there is room to approve

* Rapid color picking, would be nice to pick primary and secondary colors without having to return to the tooltip
* rgba, hsl, and more color modes should be supported
* Keyboard shortcuts

App Privacy

The developer, Samuel Soffes, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.

Data Not Collected

The developer does not collect any data from this app.

Privacy practices may vary, for example, based on the features you use or your age. Learn More