Color Converter
Convert any colour between HEX, RGB, HSL, HSV and CMYK. Paste any format and get all the others plus a live swatch.
How to use it
- Paste a colour in any format — #4f46e5, rgb(79,70,229) or hsl(243,75%,59%) all work.
- Every other format updates instantly and can be copied with one click.
- The tints and shades strip gives you a ready-made scale from the same hue.
Examples
| #5b53e8 | rgb(91, 83, 232) · hsl(243, 75%, 62%) |
Paste a colour in any of five formats — HEX, RGB, HSL, HSV or CMYK — and every other format updates instantly, alongside a live swatch and a tints-and-shades scale built from the same hue.
Which format for which job
| Format | Looks like | Where it's used |
|---|---|---|
| HEX | #5b53e8 | CSS, design tools, most web contexts |
| RGB | rgb(91, 83, 232) | CSS, canvas/graphics code |
| HSL | hsl(243, 75%, 62%) | CSS when you want to reason in hue/saturation/lightness |
| HSV/HSB | H:243° S:64% V:91% | Design and photo-editing software colour pickers |
| CMYK | C:61 M:64 Y:0 K:9 | Print production |
HEX to RGB by hand
Split the six hex digits into three pairs and convert each pair from base 16 to base 10. #5b53e8 → 5b=91, 53=83, e8=232 → rgb(91, 83, 232). Each pair ranges from 00 to FF, i.e. 0–255 in decimal, which is why RGB values never exceed 255.
Why CMYK is separate from the rest
HEX, RGB, HSL and HSV all describe light-based colour, as displayed on a screen. CMYK describes ink-based colour, for print — it's subtractive rather than additive, so full black (K:100) isn't the same underlying idea as RGB's rgb(0,0,0), even though both render as black. Use CMYK values when sending artwork to a printer, not for on-screen design.
Questions people ask
How do I convert HEX to RGB manually?
Split the six hex digits into three pairs and convert each from base 16 to base 10. #5b53e8 → 5b=91, 53=83, e8=232 → rgb(91, 83, 232).
Also searched for
People find this page looking for rgb color.
Last updated 17 August 2026