Convert colors between HEX, RGB and HSL formats with a live color picker and preview. Instant, no signup.
Powerful features, completely free — no strings attached.
Three simple steps — no software, no waiting.
In digital design and web development, colors are expressed in different formats for different purposes. HEX is the most common format for web design — concise and universally supported in CSS and HTML. RGB values are intuitive when you think in terms of light mixing. HSL (Hue, Saturation, Lightness) is the most human-friendly format — it lets you describe colors the way humans perceive them.
HEX colors use a 6-digit hexadecimal code preceded by #. The first two digits control red intensity (00–FF), the next two control green, and the last two control blue. #FF0000 is pure red, #00FF00 is pure green, #0000FF is pure blue, #000000 is black, and #FFFFFF is white.
RGB specifies red, green, and blue channels as decimal numbers from 0 to 255. rgb(255, 0, 0) is red. RGB is useful in programming contexts and when working with digital image processing, as image data is natively stored in RGB channels.
HSL defines colors by Hue (0–360°, the color wheel position), Saturation (0–100%, color intensity), and Lightness (0–100%, from black to white). HSL is easier for designers — to make a color lighter, just increase lightness. To desaturate it (make it more grey), decrease saturation. Related tools: Grayscale Image converter applies 0% saturation to images.