§
§ · free tool
Color converter. One color, every format.
Paste HEX, rgb(), rgba() or hsl() and get every format at once — HEX, RGB(A), HSL, HSV and CMYK — with a live swatch, an alpha slider and a tints & shades ramp. Runs entirely in your browser; nothing is uploaded.
A free online tool by Digital HeroesPaste HEX, rgb(), rgba() or hsl() — it auto-detects.
Runs entirely in your browser — click any value, chip or the swatch to copy.
All formats · click to copy
Tints & shades
Lightness ramp from your hue & saturation — click any chip to copy its HEX.
One color, every format
Designers think in HEX, CSS wants RGB or HSL, print needs CMYK, and color pickers love HSV. Drop a color in once and copy whichever notation your tool expects — accurate, instant, and 100% local. Edit any field and the rest follow.
§ 02 · what you can do
Everything a converter should do.
Auto-detect inputPaste HEX (3, 4, 6 or 8 digits), rgb(), rgba() or hsl() — the format is recognised automatically.
Every format at onceHEX, RGB(A), HSL, HSV and CMYK, all recalculated live as you type or pick.
Edit in any directionThe HEX, RGB and HSL rows are editable — change one and every other value follows.
Alpha done rightA transparency slider with 8-digit HEX, rgba() and hsla() output — previewed over a checkerboard.
Tints & shades rampAn 11-step lightness ramp from your hue and saturation — click any chip to copy its HEX.
One-click copyEvery value, the swatch and every ramp chip copies straight to your clipboard.
§ 03 · how to use it
Five steps, no manual.
- Pick a color with the color picker or paste any HEX, rgb(), rgba() or hsl() string into the input.
- Read all five formats instantly and hit Copy next to the one your tool expects.
- Fine-tune by editing the HEX, RGB or HSL rows directly — everything else recalculates as you type.
- Drag the Alpha slider for transparency — the 8-digit HEX, rgba() and hsla() values update live over a checkerboard preview.
- Click a chip in the tints & shades ramp to copy a lighter or darker variant of your color.
§ 04 · faq
Frequently asked questions.
Is the Color Converter free?
Yes — completely free for everyone. No sign-up, no account and no usage limits.
Is it private? Is my color data uploaded anywhere?
No upload, ever. Every conversion runs entirely in your browser on your own device — nothing is sent to a server.
Which color formats does it support?
Input: HEX in 3, 4, 6 or 8-digit form (with or without the #), rgb(), rgba() — including percentage channels — hsl() and hsla(). Output: HEX (8-digit when alpha is set), RGB or RGBA, HSL or HSLA, HSV and CMYK.
Does it handle transparency (alpha)?
Yes. Use the Alpha slider, or paste a 4/8-digit HEX, rgba() or hsla() value and the alpha is picked up automatically. The swatch shows semi-transparent colors over a checkerboard, and the HEX, RGB and HSL outputs switch to their alpha forms.
How accurate is the CMYK value?
It's the standard mathematical RGB-to-CMYK conversion — great as a reference, but it doesn't apply an ICC printing profile. For production print work, do the final conversion in your design software with the printer's profile.
Does it work offline?
Yes — once the page has loaded, all parsing, converting and copying happens locally, so it keeps working without a connection.
Published · Last updated .
