Color Converter

Convert between HEX, RGB and HSL instantly. Paste any color — see every format. Private, offline, free.

#3b82f6
☕ Support this tool on Ko-fi
← Toolkit | Color Palette | Base64 | JSON Formatter | Premium · Privacy · About
More tools: Color Palette · Image Resizer · Markdown Preview · Css Minifier

Color Converter — HEX, RGB, HSL in One Click

This free color converter turns any color between its three most common formats: HEX (#3b82f6), RGB (rgb(59,130,246)), and HSL (hsl(217,91%,60%)). Paste or pick a color and every format updates instantly, along with a live preview. Everything runs in your browser — nothing is uploaded and it works offline.

HEX, RGB and HSL Explained

HEX is a 6-digit base-16 code (with an optional 8-digit alpha form) used widely in HTML and CSS. RGB describes a color by the intensity of red, green and blue light, each from 0 to 255 — the model behind your screen. HSL describes a color by hue (the angle on the color wheel, 0–360), saturation (0–100%), and lightness (0–100%). HSL is often the most intuitive for designers because it separates the "what color" from the "how vivid" and "how light".

How to Use the Converter

Type or paste a color in any supported format — #ff0000, rgb(255,0,0), or hsl(0,100%,50%) — into the box, or use the color picker on the right. The converter recognizes the format, shows a preview, and immediately outputs the other representations. Click any result row to copy it. Perfect for translating between a design tool, a CSS variable, and a color that reads well in code.

Color Converter FAQ

Which formats are supported? HEX, RGB and HSL, including alpha where applicable. Is my color sent anywhere? No — conversion is fully client-side. Can I convert an 8-digit HEX? Yes, 4- and 8-digit shorthand is recognized. Why use HSL? It makes it easy to adjust lightness or saturation while keeping the hue fixed, which is ideal for theming and accessible color ramps.