Developer tools
Color converter
Type a color as HEX, RGB, or HSL and the other formats update instantly, with a live swatch and alpha support. Everything runs in your browser - nothing is uploaded.
How it works
Type a color in any format - HEX, RGB, or HSL - and the others update instantly, with a live swatch so you can see exactly what you are building. HEX is the familiar #rrggbb form used across the web, RGB describes the same color as red, green, and blue channels from 0 to 255, and HSL expresses it as hue, saturation, and lightness, which is often the easiest way to nudge a color lighter, darker, or more muted by hand.
An alpha control sets opacity from 0 to 1 and flows into every format: an 8-digit #rrggbbaa hex, an rgb() with a slash alpha, and the matching hsl(). Everything runs in your browser, so nothing you paste is uploaded, and you can copy any format straight into your CSS.
Example. Enter #3eaaf2 and you get rgb(62 170 242) and hsl(204 87% 60%). Drag the alpha to 0.5 and the same blue becomes #3eaaf280, rgb(62 170 242 / 0.5), and hsl(204 87% 60% / 0.5).
FAQ
How do I convert HEX to RGB?
Each pair of hex digits is one channel written in base 16: in #3eaaf2, 3e is 62 red, aa is 170 green, and f2 is 242 blue. This tool does the conversion both ways, so you can paste a hex code and read off the RGB channels, or type RGB values and copy the hex.
What is HSL and when is it useful?
HSL stands for hue, saturation, and lightness. Hue is the position on the color wheel from 0 to 360, saturation is how vivid the color is, and lightness is how light or dark it is. It is handy for adjusting a color by hand: lower the lightness for a darker shade or drop the saturation for a muted version, without juggling three separate RGB channels.
How does alpha and the 8-digit hex work?
Alpha is opacity, from 0 (fully transparent) to 1 (fully opaque). In hex it becomes a fourth pair of digits, so #3eaaf280 is the same blue at 50 percent. In rgb() and hsl() the alpha is written after a slash. When alpha is 1 the tool shows the shorter 6-digit hex and the alpha-free forms.
Is my color data sent anywhere?
No. The conversions are simple math that runs entirely in your browser. Nothing is uploaded, logged, or stored, so you can use the tool offline once the page has loaded.