Free design tool

Every color, every format.

Pick a color and copy it as HEX, RGB, or HSL. Check contrast for accessibility.

Pick a color

Or type a hex value

HEX

RGB

HSL

Contrast checker

Text color

Background color

—contrast ratio

AA normal AA large AAA normal AAA large

The quick brown fox jumps over the lazy dog.

WCAG needs 4.5:1 for normal text (AA), 3:1 for large text, and 7:1 for AAA normal text.

Good to know. Contrast ratios follow the official WCAG formula, so a "pass" here means your text meets accessibility guidelines. Everything runs in your browser — no uploads.

Built by Tools2Go · Expect more.