Skip to content

◇ On your device

Color contrast checker

Calculate the contrast ratio between two colors and compare WCAG AA and AAA text thresholds.

How it works

Paste the input described above.
Set the options and run the tool.
Check the result, then copy or download it.

Related tools

CSS gradient generator

Generate a validated linear-gradient CSS declaration from an angle and 2–8 hex colors.

CSS box-shadow generator

Generate a validated CSS box-shadow declaration from offsets, blur, spread, color and opacity.

Resize image

Set image dimensions in pixels while keeping the original proportions.