Color converter
HEX, RGB, HSL, HSV and CMYK — every format, kept in sync.
#B8481F
HEX
RGB
RGB (modern)
HSL
HSV / HSB
CMYK
Integer
Android
Swift
How it works
Every format here describes the same colour; they differ in what they make easy to reason about.
- RGB / HEX
- How screens actually work — additive mixing of red, green and blue light. Hex is just RGB in base 16.
- HSL
- Hue, saturation, lightness. Designed for humans: change lightness and you get the same colour, lighter. This is why design-system ramps are generated in HSL.
- HSV / HSB
- Similar but with brightness instead of lightness — full brightness plus full saturation gives the pure hue rather than white. It is what most colour pickers use internally.
- CMYK
- Subtractive, for print. Ink absorbs light rather than emitting it, which is why the model is inverted and why bright screen colours cannot be printed.
CMYK conversion is only an approximation
A true conversion needs an ICC profile describing the specific paper, ink and press. The naive formula used here is fine for a rough idea and wrong for production printing — if the colour matters, get a proof.
Relative luminance
Luminance is not the same as lightness. It weights green far more heavily than blue, because human vision is most sensitive in the green part of the spectrum. That weighting is what drives WCAG contrast ratios, and why yellow text on white is unreadable while blue text on white is fine.