← All tools
Design

Color Converter — HEX, RGB, HSL

Convert colors between HEX, RGB, and HSL formats live, with an instant preview swatch.

🔒 Runs entirely in your browser — no data is ever sent anywhere
Enter a color (HEX, RGB, or HSL)
Preview
HEX
RGB
HSL

Frequently asked questions

What's the difference between RGB and HSL?

RGB defines a color by its red, green, and blue light intensities. HSL (hue, saturation, lightness) describes the same color space more intuitively for humans — hue is the color itself on a wheel, saturation is intensity, and lightness is how close to black or white it is. HSL is often easier for tweaking a shade lighter/darker or more/less saturated.

Can I paste any of these formats directly into CSS?

Yes — all three output formats (hex like #3457d5, rgb(), and hsl()) are valid CSS color values and can be pasted directly into a stylesheet.

Does this tool support alpha/transparency?

Not currently — it converts fully opaque colors between HEX, RGB, and HSL. For transparency you'd add an alpha channel manually (e.g. rgba() or an 8-digit hex).