Convert colors instantly between HEX, RGB, and HSL formats, with a live color preview.
This tool converts colors between HEX, RGB, and HSL formats — the three most common ways colors are specified in CSS, design tools, and image editors. Useful when you have a color from one source (say, a HEX code from a design file) and need it in another format for code or a different tool.
Example: the HEX code #00C9A7 (a teal) converts to rgb(0, 201, 167) and hsl(170°, 100%, 39%) — enter a value in any one field and the others update automatically.
HEX is a 6-digit code commonly used in web design and CSS. RGB expresses color as red, green, and blue intensity values (0-255 each). HSL expresses color as hue, saturation, and lightness, which can be more intuitive for adjusting a color's brightness or intensity.
HEX is a 6-digit code commonly used in web design and CSS.
RGB expresses color as red, green, and blue intensity values, each ranging from 0 to 255.
HSL expresses color as hue, saturation, and lightness, which can be more intuitive for adjusting a color's brightness or intensity.
Yes — a live color swatch updates as you type or adjust values, so you can see the actual color alongside its HEX, RGB, and HSL codes.
Yes — enter a color in HEX, RGB, or HSL format, and the other two are calculated and displayed automatically.