Axess Lab | Top seven free color contrast checkers & analyzers

Top seven free color contrast checkers & analyzers

Here are seven great free tools that help you measure color contrasts and create beautiful, accessible color schemes that fulfill the contrast requirements in the Web Content Accessibility Guidelines (WCAG).

1. Contrast Checker (Monsido)

Contrast Checker (monsido.com)

Perfect if you just want a quick and easy contrast measurement without having to download anything.

  • Measure contrast quickly in this web app
  • Very intuitive to use
  • Multiple ways to input colors

Screenshot of Contrast Checker (Monsido)

2. Tanaguru Contrast Finder

Tanaguru Contrast Finder

Perfect if you want to find a new accessible color combination if your combination fails.

  • Web app that measures contrasts
  • Suggests alternative colors if your combination fails
  • Open source if you want to contribute

Screenshot of Tanaguru Contrast Finder

3. Colour Contrast Analyser – by The Paciello Group

Colour Contrast Analyser

Perfect if you’re measuring contrasts a lot.

  • Desktop application for Mac and PC
  • Analyze any colors appearing anywhere on your screen with the “Colour Picker”
  • Shows how contrast varies with different types of color blindness

Screenshot of Colour Contrast Analyser

4. Color Tool at material.io – by Google

Color Tool (material.io)

Perfect if you want to create a complete color palette.

  • Web app created and curated by Google
  • Create an accessible color palette from scratch
  • Choose [...]

Read article at axesslab.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65