← 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 anywhereEnter 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).