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 WCAG

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.

July 22, 2021
Color contrast Design

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

June 2, 2021
ColorOracle logo
101 Toolbox Color contrast

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.

September 16, 2020
Testing the color-contrast ratio of red vermillon with Colorable
Color contrast

Colorable

Another good tool to test color-contrast ratio quickly.

August 2, 2020
Logo of Material Design website
101 Toolbox 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.

July 23, 2020
Color Review
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.

July 17, 2020
Tanaguru logo is a smilling red dragon
Color contrast

Tanaguru contrast finder

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

July 16, 2020