Color Contrast Tools

Here are some tools that specifically check for color contrast accessibility issues on websites. And a few related links below. Know any others?

Last updated April 2021. Please comment with corrections.

• WebAIM contrast checker
• Link Contrast Checker by WebAIM (for stubborn designers who won’t underline text links)
• Colour Contrast Analyser app by TPG
• Stark – for Figma, Sketch and Adobe XD
• Colour Contrast Check by Snook
• Juicy Studio Accessibility Firefox add-on (no longer exists)
• Chrome Color Contrast Analyzer plug-in
• Colorable – interactive web tool
• Contrast Ratio – by Lea Verou
• Tanaguru Contrast-Finder – web tool that offers solutions
• CheckMyColors – enter URL – by Giovanni Scala
• WCAG Contrast checker – Firefox add-on by Rumoroso
• Colour Contrast Determinator (beta) by Vision Australia
• ColorA11y Chrome extension by Matt Long
• A11y Color Palette by Matt Long
• Color Contrast Analyzer – Chrome extension by NCSU/Greg Kraus *supports gradients and advanced CSS attributes
• Text on background image a11y check – great for text over images
• Color Contrast Tester by Joe Dolson, supports alpha
• Contrast-A by Annika Hamann (requires Flash)
• Accessible color palette builder by “toolness”
• Hex Naw by The Scenery
• Contrast calculation – Javascript in CodePen by Heydon Pickering
• Color Contrast iOS app ($.99) by UserLight Ltd.
• Contrast Finder by Asqatasun (GitHub)
• WCAG Contrast Checker by Acart Communications
• HTML Color Codes by Dan’s Tools, supports alpha
• Contrast Checker by Fog Creek via Glitch
• Color by Cloudfare Design
• Color.Review by Anton Robsarve
• Contrast Grid by Eightshapes
• Pa11y – Create Accessible Color Palettes
• Button Contrast Checker by ADITUS
• Who can use this color combination? by Corey Ginnivan
• Color Palette Contrast Checker by Deque Systems
• Deque Color Contrast Analyzer by Deque Systems
• The Contrast Triangle by Chip Cullen

More:

• NoCoffee vision simulator – Chrome extension
• ColorZilla color picker for Firefox and Chrome
• Eye Dropper Chrome extension
• Adobe Photoshop accessibility
• Color Contrast for Better Readability article by Viget
• Contrast — Color Accessibility Mac OS X app ($6.99) by Nothing Magical Inc.