You are using an outdated browser. Please upgrade your browser to improve your experience.
Color Contrast

Color Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2

Color Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2

Color Contrast

by Philip Strain
Color Contrast
Color Contrast

What is it about?

Color Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2.1 and 3.0 (Silver)

App Details

Version
4.1
Rating
(10)
Size
8Mb
Genre
Graphics & Design Photo & Video
Last updated
March 20, 2021
Release date
March 30, 2016
More info

Color Contrast is FREE but there are more add-ons

  • $0.99

    Remove Ads

App Screenshots

Color Contrast screenshot-0
Color Contrast screenshot-1
Color Contrast screenshot-2
Color Contrast screenshot-3
Color Contrast screenshot-4
Color Contrast screenshot-5
Color Contrast screenshot-6
Color Contrast screenshot-7

App Store Description

Color Contrast is a tool to measure the contrast between two colors in a screenshot or mobile website, helping ensure your app meets the internationally recognized recommendations in the Web Content Accessibility Guidelines (WCAG), for both versions 2.1 and 3.0 (Silver)

Color Contrast has the following features:
+ Verify that the color contrast between two colors in an app, website or photo is sufficient to pass WCAG 2.1 accessibility guidelines / Section 508.
+ View suggested colors
+ Generate a report that can be shared using SMS, Email or Notes.
+ Verify color contrast directly from Safari and Photos app.
+ Audit web pages for compliance using AXE.

To use Color Contrast

1. Load an image or website by tapping the icon in the top right corner. The image can be an existing image from the Photo Library or a new picture taken with the camera. Enter a URL to load a mobile website.
2. Move each color picker in turn to select two colors.
You can also pan around the image by swiping left/right/up/down or pinch to zoom in/out.
3. The Color Contrast results will be displayed at the bottom of the screen.
4. Tap the 'Share' icon to create a report that can be emailed, added to notes, copied or saved to your Photo Library.

About WCAG 2.1

WCAG 2.1 accessibility guidelines have three levels of compliance, A, AA and AAA. When considering large text (i.e. text which is above 18pt or larger), the minimum AA color contrast ratio is 3:1 and for AAA the ratio is 4.5:1. For normal text, the AA color contrast ratio is 4.5:1 and for AAA the color contrast ratio is 7:1.

For more information about WCAG 2.1, see https://www.w3.org/TR/WCAG21/

* WCAG 3.0 (Silver) *
The W3C Accessibility Guidelines 3.0 (Silver) reference an experimental color algorithm known as S-LUV Advanced Perceptual Contrast (SAPA) or Advanced Perceptual Contrast Algorithm. This algorithm can be enabled within the app via left-hand menu. To re-iterate, this algorithm is experimental and is likely to change in future.

For more information on SAPC-APCA, visit https://github.com/Myndex/SAPC-APCA/

Copy colors to clipboard

With Color Contrast you can also copy the current color to the clipboard in the follow formats:
- HTML Hex (e.g. #EEFFEE)
- UIColor from RGBA (e.g. UIColor(red:0, green:0, blue:0, alpha:0) )
- UIColor from HSB (e.g UIColor(hue:0, saturation:0, brightness:0, alpha:0))

We are continually iterating on Color Contrast, if you have any questions or feedback, please contact [email protected]

Disclaimer:
AppAdvice does not own this application and only provides images and links contained in the iTunes Search API, to help our users find the best apps to download. If you are the developer of this app and would like your information removed, please send a request to [email protected] and your information will be removed.