Colour formats explained
| Format | Example | Used in |
|---|---|---|
| HEX | #1E90FF | CSS, design tools |
| RGB | rgb(30, 144, 255) | CSS, screens |
| HSL | hsl(210, 100%, 56%) | CSS — easy to make lighter or darker |
| HSV / HSB | hsv(210, 88%, 100%) | Photoshop, Figma colour pickers |
| CMYK | cmyk(88%, 44%, 0%, 0%) | Print (approximate conversion) |
Type any valid CSS colour — HEX with or without #, 3- or 8-digit HEX, rgb(), hsl() or one of the 148 colour names such as dodgerblue. The tool also tells you whether white or black text is more readable on that colour.
Note: CMYK is calculated mathematically; real print colours depend on the printer profile.
Frequently asked questions
What is the HEX code of a colour name?
Type the name, e.g. "tomato", and the converter shows its HEX value (#ff6347).
Is the CMYK value exact for printing?
It is a standard mathematical conversion. Ask your printer for profile-specific values.
Does it support transparency?
Yes, 8-digit HEX and rgba() values keep their alpha channel.