🎨 Color Converter — HEX, RGB, HSL
Type any colour as HEX, RGB or HSL and get every other format instantly, along with a nine-step shade ramp you can click. The contrast panel shows the WCAG ratio against white and black so you know whether text will be readable.
HEX
—RGB
—HSL
—CMYK
—Shades
Contrast
Aa—
Aa—
🔒 Runs 100% in your browser. Your data never leaves your device.
How to use
- Type a colour in any format — #3b6ef6, rgb(59,110,246) or hsl(224,91%,60%) — or use the picker.
- Copy the format you need: HEX, RGB, HSL or CMYK.
- Click any shade to make it the current colour, and check the WCAG contrast below.
FAQ
Why is CMYK approximate?
CMYK depends on the printer's ink and paper profile. The value here is the standard naive conversion — good for a rough idea, not for print production.
What does the WCAG ratio mean?
It measures contrast between your colour and white or black. 4.5:1 passes AA for body text, 7:1 passes AAA, and 3:1 passes AA for large text.
Which colour formats are accepted?
3- and 6-digit HEX (with or without #), rgb()/rgba() and hsl()/hsla().