Skip to Main Content

Color Contrast Analysis

Color contrast is an often overlooked aspect of web accessibility evaluations. Ensuring sufficient color contrast allows for greater participation from individuals who may have differences in how they view and see colors. There are two color contrast tools that can help provide an indication as to whether or not the desired colors provide sufficient color contrast.

Colour Contrast Analyser

The Colour Contrast Analyser is a free desktop application (Win/mac OS) to aid in determining appropriate color contrast levels. Using an eye-dropper tool, color palette, or by entering color values,  you can set foreground and background colors and evaluate the level of contrast between them. The Colour Contrast Analyser can be helpful in selecting colors during the development and design process.

 

YouTube Video from MIT Training Videos

 

WCAG Contrast Checker

The WCAG Contrast Checker that is a Firefox extension and useful for when evaluating color contrast from within the browser. The WCAG Contrast Checker will identify potential color contrast issues throughout the website and offer simulations for different color-blindness conditions as well (red-blind, blue-blind, etc.).