All tools
Color picker
Convert between HEX, RGB, and HSL.
Questions
What does this tool do?
The Color picker shows one colour as HEX, RGB and HSL at once: pick it visually or paste any of the three, and the other two follow. Each format has a copy button that hands you a CSS-ready string.
What is the difference between HEX, RGB and HSL?
The same colour written three ways. HEX is the compact six-character form used in design tools and CSS. RGB names each red, green and blue channel from 0 to 255. HSL describes hue (0–360°), saturation and lightness — handy when you want the same colour but lighter.
Short or long HEX?
Both three-character (#abc) and six-character (#aabbcc) HEX are accepted, with or without the # prefix.
Are conversions exact?
HEX to RGB and back is exact. RGB to HSL and back has small rounding when it passes through whole numbers, which is normal for the formats.