Color Converter & Picker

Convert a color between HEX, RGB, HSL, and HSV, pick one visually, and get matching palette suggestions.

Pick a color

HEX

RGB

HSL

HSV

Palette suggestions

🔒 Nothing you enter is sent anywhere or stored. All processing happens in your browser.

How it works

Colors on the web can be written several ways, and this tool converts between the four most common while keeping every field in sync. Edit any format and the others update instantly, along with a live preview swatch.

HEX is the six-digit hexadecimal form (#4F46E5) used most in CSS. RGB lists red, green, and blue from 0–255, matching how screens mix light. HSL (hue, saturation, lightness) and HSV (hue, saturation, value) describe color the way people think about it — pick a hue on the color wheel, then adjust how vivid and how light it is. HSL and HSV are especially handy for generating tints and shades programmatically.

Pick a color visually with the swatch input, or use the browser's eyedropper (where supported) to sample any pixel on your screen. The palette suggestions rotate the hue around the color wheel to offer harmonious neighbors you can click to adopt. All conversion math runs locally in your browser.

Examples

#4F46E5 → RGB rgb(79, 70, 229) → HSL hsl(245, 79%, 59%)

Type an RGB value → HEX, HSL, and HSV update to match.

Click a palette swatch → it becomes the new active color.

Frequently asked questions

What's the difference between HSL and HSV?

Both start from a hue and saturation, but HSL's third value is lightness (0 = black, 100 = white, 50 = pure color) while HSV's is value/brightness (0 = black, 100 = brightest). They suit different tint/shade workflows.

Why doesn't the eyedropper work?

The EyeDropper API is only available in some browsers (recent Chromium-based ones). Where it's unsupported, the button is disabled and you can still pick with the color swatch.

Can I enter shorthand HEX like #fff?

Yes. Three-digit HEX values are expanded automatically, so #fff is read as #ffffff.

Is my color data stored?

No. All conversions run in your browser and nothing is saved or transmitted.