TPG Colour Contrast Analyser

Colour contrast is important because many people cannot distinguish differences in colour if the contrast is not sufficient. The Colour Contrast Analyser (CCA) is a tool that helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.

TPG Colour Contrast Analyser

Colour contrast is important because many people cannot distinguish differences in colour if the contrast is not sufficient. The Colour Contrast Analyser (CCA) is a tool that helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.


How to use

How to use

The Colour Contrast Analyser features WCAG 2.1 compliance indicators, support for alpha transparency on foreground colours, a colour blindness simulator, and three  ways to set colours:

  • Raw text entry (accepts any valid CSS colour format)
  • RGB sliders
  • Colour picker (Windows and macOS only)

After installing the Colour Contrast Analyser, you can learn how to use the tool by watching this tutorial.

The Colour Contrast Analyser features WCAG 2.1 compliance indicators, support for alpha transparency on foreground colours, a colour blindness simulator, and three  ways to set colours:

  • Raw text entry (accepts any valid CSS colour format)
  • RGB sliders
  • Colour picker (Windows and macOS only)

After installing the Colour Contrast Analyser, you can learn how to use the tool by watching this tutorial.


How to access

How to access

You can download and install either a Windows or MacOS version of the Colour Contrast Analyser.

You can download and install either a Windows or MacOS version of the Colour Contrast Analyser.


Explore more

Explore more