Color Converter
Convert colors between HEX, RGB, HSL and HSV in real time. Type any format or use the picker and instantly see every other representation, with a live swatch preview.
Tints & shades (click to use)
#10b981rgb(16, 185, 129)hsl(160, 84%, 39%)hsv(160, 91%, 73%)≈ emerald2.54:1 · fail8.28:1 · AA passAbout the Color Converter
Designers and developers juggle several color models. HEX and RGB describe a color by its red, green and blue components, while HSL and HSV describe it by hue, saturation and lightness/value — which is often more intuitive for adjusting shades. Converting between them by hand is fiddly and error-prone.
This converter does the math instantly and shows a live swatch so you can confirm the result by eye. Everything runs in your browser, so it is fast and works offline once loaded.
How to use it
- 1Enter a color in any format, or use the picker.
- 2Read the equivalent HEX, RGB, HSL and HSV values.
- 3Copy the format you need.
Features
- Convert between HEX, RGB, HSL and HSV
- Live color preview swatch
- Built-in color picker
- Accepts #hex, rgb() and hsl() with shorthand
- One-click copy of any value
Frequently asked questions
How do I convert HEX to RGB?
Paste a hex value like #3b82f6 and the tool shows the equivalent rgb(59, 130, 246) immediately, along with HSL and HSV.
What is the difference between HSL and HSV?
Both use hue and saturation, but HSL’s third channel is lightness (0=black, 100=white) while HSV’s is value/brightness. They describe the same colors with different math.
Does it support shorthand hex?
Yes. Three-digit shorthand like #f80 is expanded automatically to its six-digit form.
Is it free and private?
Yes. It is free, needs no signup, and converts entirely in your browser.