Color Converter
Convert colors between HEX, RGB, HSL and HSV with a live preview.
Runs entirely in your browser — your input never leaves your deviceAbout this tool
This color converter translates a color between the formats you use in CSS and design tools: HEX, RGB, HSL and HSV. Paste any one format — or use the color picker — and it shows all the others instantly, with a live swatch so you can see the result.
Which format when
- HEX — compact, the default in most CSS and design files.
- RGB — direct red/green/blue channels, easy to tweak programmatically.
- HSL / HSV — hue, saturation and lightness/value; intuitive for adjusting tone and creating palettes.
Alpha (transparency) is preserved for 8-digit hex and rgba/hsla inputs. Everything runs in your browser.
Frequently asked questions
How do I convert HEX to RGB?
Paste a hex value like #4b6b4e (or use the picker) and read the RGB row — here rgb(75, 107, 78). Three-digit shorthand like #abc is expanded automatically.
How do I convert RGB to HEX?
Type rgb(75, 107, 78) into the color box and read the HEX row. The converter parses rgb(), rgba(), hsl() and hsla() as well as hex.
What's the difference between HSL and HSV?
Both use hue and saturation, but HSL's third value is lightness (0% black, 100% white) while HSV's is value/brightness (0% black, 100% full color). HSL is common in CSS; HSV appears in many color pickers.
Does it support transparency?
Yes. 8-digit hex (#rrggbbaa) and rgba()/hsla() inputs keep their alpha, which is reflected in the RGB and HSL output.
Is my data private?
Yes. Color conversion runs entirely in your browser — nothing is uploaded.
Related developer tools
Explore more free tools
Every category runs free in your browser — nothing is uploaded.