HEX / RGB Color Converter

Color converter between HEX, RGB and HSL with preview.

HEX
r
g
b
HEX
#3a7bd5
RGB
rgb(58, 123, 213)
HSL
hsl(215, 65%, 53%)

The color converter translates a color between HEX, RGB and HSL formats and shows a live swatch right away. Enter a HEX code (#3a7bd5), RGB channel values, or HSL coordinates, and the other representations recalculate instantly. Both shorthand HEX (#f80) and full HEX (#ff8800) are supported.

Different formats matter in different places: HEX is used on the web and in CSS, RGB is common in graphics editors and when working with transparency (rgba), and HSL makes it easy to adjust hue, saturation and lightness independently — for example, lightening a color without changing its tone. The converter helps designers and developers move a color from a mockup into code and back with no guesswork.

Everything is calculated right in your browser, and the swatch updates on the fly. No data is sent anywhere.

Frequently asked questions

A HEX code consists of three pairs of hexadecimal digits — red, green, blue. For example, #ff8800 = R:255, G:136, B:0. Just paste the code into the HEX field.
The Hue-Saturation-Lightness color model. It's more convenient than RGB for picking shades: change only the hue (H) and you get colors of the same brightness.
They're the same color. The shorthand 3-digit notation expands by doubling each digit: #f80 → #ff8800. Both formats are supported.

You may also need

Number baseData sizeUnix timeDate calculatorE-books