Color Converter & Contrast Checker
Convert HEX to RGB and HSL with a live preview, and check WCAG contrast ratios against white and black text.
WCAG Contrast Checker
Contrast ratio of the selected color used as text against solid white and solid black backgrounds.
| Background | Ratio | AA Normal Text (≥4.5:1) | AA Large Text (≥3:1) |
|---|---|---|---|
| White (#fff) | — | — | — |
| Black (#000) | — | — | — |
How to use this color converter
Type a HEX value into the input, or use the color picker for a visual pick — both stay in sync. The tool instantly computes the equivalent RGB and HSL values, renders a large preview swatch, and runs a WCAG contrast check comparing your color against pure white and pure black, showing the exact contrast ratio and whether it passes the AA threshold for normal and large text.
Why contrast ratio matters
Text that doesn't contrast enough with its background is hard to read for everyone, and fails accessibility guidelines for users with low vision. WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt+, or 14pt+ bold) to meet the AA standard — this checker computes the exact ratio using the same relative-luminance formula the spec defines, so you can verify a color choice before it ships.