Color Converter & Contrast Checker

Convert any CSS color between HEX, RGB, and HSL, and check text/background contrast against the WCAG accessibility guidelines.

Convert a color

HEX—
RGB—
HSL—

Contrast checker (WCAG)

Large text 24px

Normal text — the quick brown fox jumps over the lazy dog.

— contrast ratio

What the badges mean

WCAG measures contrast as a ratio from 1:1 (identical) to 21:1 (black on white). Level AA — the common legal/professional bar — requires 4.5:1 for normal text and 3:1 for large text (18pt+, or 14pt bold). The stricter AAA level requires 7:1 and 4.5:1. If the text color has transparency, it is composited onto the background before measuring, just like the browser renders it.

Everything runs in your browser — nothing is uploaded and nothing is tracked.