Color contrast:
Plug-ins & Tools to help you designing accessible UI 🎨

Feel free to contact me to suggest a resource.

Screen copy of combinations of colors being tested for compliance with WCAG 2.0

Color Contrast Grid by EightShapes

This online tool tests if the color combos are compliant with WCAG 2.0 minimum contrast. I like using it to test color combinations for buttons and text colors on different background colors.

Color contrast WCAG

Making a Palette Accessible

When a designer revises an existing corporate palette for accessibility, the real challenge is to sell it to stakeholders. The Designer Colin Shanley shares his insights about testing a color palette for accessibility and how to persuade stakeholders to adopt the changes.

Illustration: Colin Shanley

Color contrast Design

Color Oracle

About 10% of the population - mostly males - has a form of colorblindness.
Color Oracle is a free color blindness simulator for Windows, Mac OS and Linux. It shows in real time what people with common color vision impairments see.

101 Toolbox Color contrast

Colorable

Another good tool to test color-contrast ratio quickly.

Color contrast

Accessible material design palettes with Color Tool

A classical tool, made by Google in 2014, to help you to build accessible color palette for your user interfaces and measure the accessibility of your own color combinations.

101 Toolbox Color contrast

Color Review

Find, test & explore accessible colors. A pleasant and intuitive tool to help designers to build color palettes. Certainly the tool I use the most when I'm doing visual design.

Color contrast

Tanaguru contrast finder

A tool to help designers to find color combinations that provide the best color contrast ratio.

Color contrast