HEX to RGB Converter

HEX, RGB, and HSL — the same color, three ways

Web colors can be written in several formats, and this tool converts between them instantly with a live picker and preview. Pick a color or type a hex code and you'll get the RGB and HSL equivalents.

• HEX — #6366f1: two hex digits each for red, green, blue. The most common format in CSS and design tools.
• RGB — rgb(99, 102, 241): red, green, blue as 0–255 values.
• HSL — hsl(239, 84%, 67%): hue (0–360°), saturation, lightness. Great for tweaking colors intuitively — change lightness to make shades and tints.

FAQ

When should I use HSL?

HSL is the easiest format for adjusting a color: keep the hue, lower the lightness for a darker shade, or drop the saturation for a muted version. It's perfect for building color scales and hover/active states from a single base color.

Is the color converter free and private?

Yes, it's free with no sign-up, and the conversion runs entirely in your browser. No color values are uploaded or stored.

Does it support 3-digit hex shorthand?

Yes. CSS shorthand like #fff expands to #ffffff, where each digit is doubled. The tool reads both the 3-digit and 6-digit forms and gives you the full RGB and HSL equivalents.

What does the HSL hue number mean?

Hue is an angle on the color wheel from 0 to 360 degrees: roughly 0 is red, 120 is green, and 240 is blue. Saturation and lightness are percentages, so changing only the hue rotates the color while keeping it equally vivid and bright.

Does it handle transparency or alpha?

This converter focuses on solid HEX, RGB, and HSL values and does not include an alpha channel. For transparency you'd add an alpha component manually, such as rgba() or an 8-digit hex code.

Does it work on mobile?

Yes. The picker and converter are responsive, so you can grab and convert colors on a phone or tablet as easily as on a desktop.