Colour Contrast Analyser helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. A pass/fail assessment against WCAG 2.0 color contrast success criteria. MacBook Pro, Mac OS X (10.7.3) Posted on Apr 8, 2012 9:28 PM Reply I have this question too ( 588 ) I have this question too Me too (588) Me too.
1. Contrast Ratio
Perfect if you just want a quick and easy contrast measurement.
- Measure contrast quickly in this web app
- Very intuitive to use
- Open source if you want to contribute
Screenshot of Contrast Ratio
2. 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
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
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 a text color and the tool shows the minimum opacity needed to fulfill contrast requirement
Screenshot of material.io’s Color Tool
5. Accessibility Developer Tools – by Google
Perfect if you’re already using the Developer Tools in Chrome.
- Chrome plugin that adds a layer to the developer tools
- Shows color suggestions and lets you view them live on your site
- Also adds an “Accessibility Audit” that let’s you find other accessibility issues than color
Screenshot of Accessibility Developer Tools
6. Color Contrast – iOS app by UserLight
Perfect if you prefer working on iOS devices.
- App for iOS devices
- Test colors of apps, websites or screenshots
- Available in iOS Control Center (swipe up from bottom of screen) for quick live testing
Screenshot of Color Contrast iOS app
7. Android Accessibility Scanner – Android app by Google
Great if you work with Android apps.
- Scan apps with your Android device
- Points out other accessibility issues as well as contrasts
- Created and curated by Google.
Color Contrast Mac App Download
Screenshot of Android Accessibility Scanner
Get notified when we write new stuff
About once a month we write an article about accessibility or usability, that’s just as awesome as this one (#HumbleBrag)!
Best Mac App
Get notified by following us on Twitter @AxessLab or Facebook.
Or simply drop your email below!