# Colour Contrast Checker

> Contrast checker for background and text, with AA and AAA grades

- Category: UI components (`components`)
- Tags: `free`, `open-source`
- Official: https://colourcontrast.cc/
- GitHub: https://github.com/Pushedskydiver/Colour-Contrast-Checker
- Wunderlust: https://wunderlust.xyz/r/colour-contrast-checker
- Image: https://wunderlust.xyz/media/colour-contrast-checker-poster.jpg
- Video preview: https://wunderlust.xyz/media/colour-contrast-checker.webm
- Added: 2026-11-06

## What it is

Colour Contrast Checker measures the contrast between a background color and a text color and shows AA and AAA results, for large and normal text. It accepts RGB and HSL values and has a Chrome extension.

## What it’s for

For checking whether a color pairing has enough contrast to be read.

## Benefits

- AA and AAA results for large and normal text
- RGB and HSL fields, with options to reverse and save colors
- Chrome extension
- A Google font picker for the sample text

## Caveats

- The code on GitHub is MIT-licensed; the page offers an optional donation (“Buy me a coffee”) and doesn't state a price.

## Similar on Wunderlust

- [Realtime Colors](https://wunderlust.xyz/r/realtime-colors.md): Tests a color palette and typography on a sample page in real time
- [Tiptap](https://wunderlust.xyz/r/tiptap.md): Open-source headless text editor framework for the web
- [ProseMirror](https://wunderlust.xyz/r/prosemirror.md): Toolkit for building rich text editors on the web
- [Design.md Chrome](https://wunderlust.xyz/r/design-md-chrome.md): A Chrome extension that extracts a site's design into DESIGN.md or SKILL.md
- [daisyUI](https://wunderlust.xyz/r/daisyui.md): Tailwind CSS plugin with ready-made components and themes, in pure CSS
- [Open UI](https://wunderlust.xyz/r/openui.md): Open standard for generative UI: AI answers become charts and interactive dashboards