11 converters
Color Converters
Hex, RGB, HSL, HSV, CMYK, RGBA and Pantone are seven ways of writing down the same thing. These convert between them live. And each page shows the arithmetic and a worked example, so you can do it by hand when you need to.
Turn a hex color code into its RGB values.
RGB HEXTurn RGB values into a hex color code.
HEX HSLConvert a hex code to hue, saturation and lightness.
HSL HEXConvert hue, saturation and lightness back to a hex code.
RGB HSLConvert RGB values to hue, saturation and lightness.
HEX HSVConvert a hex code to hue, saturation and value.
HEX CMYKConvert a hex code to approximate CMYK print values.
RGB CMYKConvert RGB values to approximate CMYK.
CMYK RGBConvert CMYK print values to RGB for screen.
HEX RGBAConvert a hex code to RGBA with an opacity value.
HEX PANTONEFind the closest Pantone match to a hex color.
Which format should you use?
Hex and RGB are the same information in different notation, and both compile identically in CSS. Pick whichever your team reads more easily; RGB has a small edge because you can add transparency without changing notation.
HSL and HSV exist to be edited. Making a color 10% lighter is a one-number change in HSL and a three-channel recalculation in hex. That is why design token systems almost always store HSL.
CMYK describes ink, not light, and its gamut is smaller than sRGB. saturated blues, greens and oranges cannot be reproduced and come back duller. Convert late, with a color profile, and proof before you print.
Pantone names a premixed physical ink. There is no exact conversion in either direction, because the same ink measures differently on coated and uncoated stock. Any hex-to-Pantone result is a nearest match, and this site shows you how near.