Color Contrast Tools

Accessibility Scanner

Accessibility Scanner is an Andriod app and suggests improvements such as enlarging small touch targets, increasing contrast, and providing content descriptions so that your app can be more easily used by individuals with accessibility needs. Designing for accessibility can allow you to reach a larger audience and provide a more inclusive experience.

Adobe Color Contrast Checker

Associated with Adobe’s Color tool, this contrast checker lets users input and adjust foreground and background colors and receive WCAG contrast ratio scores.

Color Contrast Analyzer

Downloadable tool (available for both PCs and Macs) using the WCAG guidelines, as well as a color vision deficiency simulator.

ContrasteLogo

Contraste

This is a downloadable program for Macs only, Contraste allows you to quickly know if a combination of colors, for a text and a background, passes accessibility thresholds defined by the W3C, and thus is accessible to users with visual impairments.

ColorContrastAppLogo

Color Contrast App

Mobile accessibility checker designed for the iPad (iOS), let’s you test colors of apps, websites, or screenshots using an eye dropper tool.

Color Contrast Checker

Color Contrast Checker is a free tool that you can use to test the contrast on your foreground and background colors. Developed by Mari Johannessen, you simply type in your color HEX codes and it gives you a color contrast ‘score’.

Color Oracle

Color Oracle is a free color blindness simulator for Windows, Macs, and Linux that takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.

Leonardo

Relatively new project from Adobe for creating, managing, and sharing accessible color systems for user interface design and data visualization. It also has an open API that will enable you to use colors in your development environment.

Material.io Color Tool

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

Monsido Contrast Checker

No downloads necessary, basic contrast checking with multiple possible input methods.

Sim Daltonism

App available through the iTunes store, this tool lets you visualize colors as they are perceived with various types of color blindness. Move the Sim Daltonism window over something on the screen and see what it looks like with a color blindness.

Tanaguru Contrast Finder

RGB and Hex color input models with options to adjust the contrast ratio. It doesn’t have a full interactive color wheel like some other tools, but it gives suggestions on how to create a consistent palette.

Vischeck

Vischeck simulates colorblind vision. It is a way of showing you what things look like to someone with color vision deficiency.

WebAIM

Great, simple color contrast checker that requires the user to input HEX colors for foreground and background objects. It then returns a pass/fail score based on WCAG guidelines.

Some of the sites and apps collected here appeared in a June 2022 blog post from axess lab.

Close