Color Converter

Type a color in any format — HEX, RGB, HSL or HSV — and see it in every other format instantly, with a live preview.

🔒 100% private — nothing is uploaded

How the color converter works

Edit any field and the rest update the moment you type — every conversion runs locally with exact color math.

1

Enter a color

Type a HEX code, an rgb(), hsl() or hsv() value, or use the color picker and eyedropper.

2

See every format

The other three formats and the preview swatch recalculate instantly, so you always see the full picture.

3

Copy what you need

Hit Copy next to any format to grab it for your CSS, design tool or code — nothing is ever sent anywhere.

Understanding the formats

HEX is the familiar #RRGGBB web notation — two hexadecimal digits each for red, green and blue. Shorthand like #39f is expanded automatically. RGB expresses the same three channels as decimal numbers from 0 to 255.

HSL (hue, saturation, lightness) and HSV/HSB (hue, saturation, value or brightness) describe color the way people tend to think about it: a position on the 0–360° color wheel, how vivid it is, and how light or bright it is. HSL and HSV share the same hue but compute saturation and the third channel differently, which is why their numbers rarely match.

Conversions round to whole numbers for display, so bouncing a value between formats may shift it by a hair — that is normal and keeps the output clean and copy-ready.

🔒

Private by design. Every conversion happens right here in your browser. Nothing you enter is uploaded or stored — the tool runs entirely on your device.

Frequently Asked Questions

Which color formats can I convert between? ▼
You can convert freely between HEX, RGB, HSL and HSV/HSB. Edit any one field and the other three update instantly, along with a live preview swatch.
Can I enter a shorthand hex like #39f? ▼
Yes. Three-digit shorthand such as #39f is automatically expanded to the full six-digit form. You can also leave off the leading # — the tool adds it for you.
Why don't the HSL and HSV numbers match? ▼
They describe color differently. HSL and HSV share the same hue, but they calculate saturation and the third channel (lightness vs. value/brightness) using different math, so those numbers rarely line up even for the same color.
Why does a value shift slightly when I switch formats? ▼
Results are rounded to whole numbers so they stay clean and copy-ready. Bouncing a color back and forth between formats can nudge it by a hair, which is completely normal.
What is the eyedropper button? ▼
On supported browsers, the eyedropper lets you pick a color from anywhere on your screen. If you don't see the button, your browser doesn't offer that feature yet — you can still use the color picker.
Is my data uploaded anywhere? ▼
No. Every conversion happens right here in your browser. Nothing you enter is uploaded or stored — the tool runs entirely on your device.

Related tools

Gradient GeneratorContrast CheckerPalette GeneratorColor Blindness SimulatorColor MixerImage Color Picker