Home » Tools »

Contrast Contrast

A macOS app for quick access to WCAG color contrast ratios.

Accessibility Visual design

Visit site »

WCAG what?

The Web Content and Accessibility Guidelines are provided as a means to create more accessible interfaces for all, especially those with visual impairment.

Instant

The entire app UI updates instantly when picking colors, making it easy to get the color contrast information you need to make informed decisions about the color of your text.

Guess no more

With this app you can see the contrast score as soon as colors are picked. No more disrupting your design flow by going online to check contrast.


UX Lift newsletter

Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.

Get the newsletter


Alternatives to Contrast

Accessible Colours

We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.

Visual design Accessibility

Accessible brand colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Visual design Accessibility

Accessible color palette builder

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.

Visual design Accessibility

Button contrast checker

Enter your domain and we test if your buttons have enough contrast and are compliant with WCAG 2.1.

Accessibility

Color Oracle

Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.

Accessibility Visual design

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

Visual design Accessibility

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Accessibility Visual design

Colorable

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

Visual design Accessibility

Colorblind Web Page Filter

Use the Colorblind Colorlab to select safe colors earlier in the design process.

Visual design Accessibility

Colorbox

Comprehensive colour palette generator, now sponsored by Lyft.

Accessibility Visual design

Leonardo

Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.

Visual design Accessibility

Sim Daltonism

The color blindness simulator.

Visual design Accessibility