Free WCAG Color Contrast Checker

Check HEX text and background contrast for WCAG AA and AAA. Procesamiento 100% en tu navegador. Privacidad total: los archivos no se suben ni salen de este dispositivo.

Drop an imagePixels stay on this device — Canvas extracts the palette locally

Contrast checker

WCAG text contrast for any two HEX colors, including palette swatches.

TextBackground

The quick brown fox

17.93:1 · normal AAA · large AAA

Color sampling uses the HTML5 Canvas API in this tab. Nothing is uploaded or stored.

The contrast checker compares two HEX colors and reports the WCAG contrast ratio, including swatches taken from a palette.

Large text can pass at a lower ratio than body text. Check the size you will actually use.

Questions

What ratio should body text hit?

WCAG AA asks for at least 4.5:1 for normal text and 3:1 for large text.

Can I start from a photo’s colors?

Yes. Extract a palette on the same page, then check a pair of those swatches.