Color Converter — HEX to RGB, HSL, and HSV Online Free
HEX —
RGB —
HSL —
HSV —
Paste any color value — HEX, RGB, HSL, or HSV — and instantly see it converted to all other formats. Use the color picker to choose visually, or type a value directly. Everything runs locally in your browser, so your colors stay private.
How it works
- 1 Enter a color value Type or paste a color in any supported format: HEX (#3b82f6 or #f60), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)), or HSV (hsv(217, 76%, 96%)).
- 2 Or use the color picker Click the color swatch next to the input to open your browser's native color picker. Selecting a color fills the input with its HEX code and converts it to all formats.
- 3 Copy the format you need Click the Copy button next to any output row to copy that color value to your clipboard, ready to paste into CSS, design tools, or code.
Your data stays private
All processing happens entirely in your browser. No files, text, or data are ever sent to our servers. You can disconnect from the internet and this tool will still work.
Frequently asked questions
- What color formats are supported?
- HEX (#rrggbb or #rgb shorthand), RGB (rgb(r, g, b) with values 0–255), HSL (hsl(h, s%, l%) with hue 0–360), and HSV (hsv(h, s%, v%) also called HSB in some tools).
- What is the difference between HSL and HSV?
- Both use hue and saturation, but the third channel differs. HSL uses Lightness — at 100% lightness any color becomes white. HSV uses Value (brightness) — at 100% value you get the pure vivid color, while 0% is always black. HSL is common in CSS; HSV is common in design tools like Photoshop and Figma.
- Why does my HEX shorthand (#abc) expand to a longer form?
- Three-digit HEX is a shorthand where each digit is doubled: #abc is identical to #aabbcc. The converter normalises it to the full six-digit form, which is more widely supported.
- Are the conversions exact?
- HEX and RGB conversions are exact. HSL and HSV values are rounded to the nearest integer, so converting back and forth may shift the last digit by ±1 — this is a display rounding artefact and does not affect the perceived colour.
- Is my color data sent anywhere?
- No. The entire conversion runs in JavaScript inside your browser. Nothing is transmitted to any server.