Developer / Quick tool

Color Contrast Checker

Measure WCAG contrast for two HEX colors and report common thresholds.

● Processed locally in your browser
Processed locally in your browser
Current: Color Contrast Checker · Switch to 89 other tools in this workbench
Contrast report Choose an action to process the input.
How to useHow to use Color Contrast Checker

Measure WCAG contrast for two HEX colors and report common thresholds.

  1. 1

    Paste content, enter parameters or choose the files you need in “Foreground and background”.

  2. 2

    Choose “Check contrast” for the job. Processing runs in this browser.

  3. 3

    Review the result under “Contrast report”, then copy or download it after checking the output.