Color Converter — HEX to RGB, HSL & CMYK Online
Convert any color between HEX, RGB, HSL, and CMYK instantly with this free online color converter. Paste a value in any notation — #3b82f6, rgb(59, 130, 246), or hsl(217, 91%, 60%) — and every equivalent format appears at once, alongside a live swatch and a visual picker for finding colors by eye.
Every context wants a different notation: CSS and design tools speak HEX, JavaScript manipulation favors RGB, designers reason about hue and lightness in HSL, and print workflows require CMYK. This converter is the fastest bridge between them — no math, no lookup tables.
How to Convert a Color Between Formats
-
Paste any color value
Enter HEX, RGB, HSL, or CMYK in any standard notation — the format is detected automatically.
-
Or pick visually
Use the color picker to select by eye and watch every format update in sync.
-
Read all formats at once
HEX, RGB, HSL, and CMYK equivalents display simultaneously with a live swatch.
-
Copy what you need
One click copies the value in the exact notation your stylesheet, script, or print file requires.
Features of the Color Converter
-
All formats simultaneously
HEX, RGB, HSL, and CMYK shown together — no converting one pair at a time.
-
Flexible input parsing
Paste with or without #, with commas or spaces, shorthand hex (#fff), or functional notation — it just works.
-
Visual picker with live swatch
Find the color by eye when you don't have a value to start from.
-
Copy per format
Each notation has its own copy button, formatted exactly as CSS or code expects.
-
Instant and offline-friendly
Pure client-side math — conversions are instantaneous and private.
Frequently Asked Questions
How do I convert HEX to RGB?
Each pair of hex digits is one channel in base 16: #3b82f6 → R 0x3b (59), G 0x82 (130), B 0xf6 (246) → rgb(59, 130, 246). Paste any hex value here and the RGB (plus HSL and CMYK) appears instantly.
What is HSL and why do designers prefer it?
HSL describes color as Hue (0–360° on the color wheel), Saturation, and Lightness. It is intuitive to adjust — darken by lowering L, mute by lowering S — which makes building tints, shades, and hover states far easier than editing hex digits.
Why does CMYK look different from my screen color?
Screens emit RGB light; printers lay down CMYK ink. Their gamuts differ, so vivid RGB colors — especially bright blues and greens — often print duller. The CMYK values here are the standard conversion, but always proof critical brand colors with your printer.
Does the converter support shorthand hex like #fff?
Yes — 3-digit shorthand expands automatically (#fff → #ffffff), and input is case-insensitive with or without the leading #.