Color Contrast Checker

Check WCAG AA and AAA contrast with live samples.

FREE - NO SIGN-UP - RUNS ON YOUR DEVICE

Runs locally in your browser

  • Liveresult
  • 0uploads
  • 1 tapto save
  • Freeno account
Specification

Color Contrast Checker at a glance

Input
Foreground and background colours.
Output
Contrast ratio and AA or AAA results for
Method
WCAG relative luminance and contrast cal
Price
Free
Where processing happens
On your device
How to

How to use Color Contrast Checker

  1. 1

    Add your input

    Add the requested input.

  2. 2

    Choose the result

    Adjust and review the result.

  3. 3

    Copy or download

    Copy or download the result.

Questions

Frequently asked questions

Does this work without uploading anything?

Yes. The tool processes your input inside the browser tab. Nothing is sent to a processing server or stored in an account.

Can I change the result before saving it?

Yes. Adjust any available control and the result updates. Copy or download only when the output matches what you need.

Which browsers are supported?

Current versions of Chrome, Edge, Firefox and Safari support the browser features used here. Very old browsers may lack a required API.

Background

Get a clean result

Enter or choose your input and the result updates in the working area. Review the output, then copy or download it when ready.

  • Check the input format and selected options before copying or downloading.
  • Keep the original input when the output will be used in a larger workflow.

Full specification

Specification of the Color Contrast Checker tool
InputForeground and background colours.
OutputContrast ratio and AA or AAA results for two text sizes.
MethodWCAG relative luminance and contrast calculations.
PriceFree. Supported by clearly labelled ads outside the working area.
Where processing happensIn your browser tab. Your input is never uploaded.
Next step

Keep going with the same files

All colour tools: Colour tools on SPOTTOOLS