How do I convert HEX to RGB?

Type your HEX color code (e.g. #FF5733) into the HEX field above. The RGB, HSL, HSV and CMYK equivalents will appear instantly.

What is the difference between RGB and HSL?

RGB (Red, Green, Blue) describes colors by mixing three light channels. HSL (Hue, Saturation, Lightness) describes colors more intuitively — hue is the color angle (0-360°), saturation is vividness, and lightness is brightness.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in color printing. Unlike RGB which adds light, CMYK subtracts light using ink pigments.

← Back to all tools

🎨 Color Converter

Convert between HEX, RGB, HSL, HSV and CMYK — type in any field or pick a color.

🎨

Color

Color Picker

Click to open native picker

HEX

RGB — Red · Green · Blue (0–255)

HSL — Hue (0–360°) · Saturation (0–100%) · Lightness (0–100%)

Presets

📋

All Formats

HEX #6366F1

RGB rgb(99, 102, 241)

HSL hsl(239, 84%, 67%)

HSV hsv(239, 59%, 95%)

CMYK cmyk(59%, 58%, 0%, 5%)

📖

About Color Formats

HEX — used in CSS and web design. RGB — mixes red, green and blue light (used in screens). HSL — intuitive model with hue, saturation and lightness (great for adjustments in CSS). HSV — similar to HSL but uses value instead of lightness (common in design apps). CMYK — the model used for color printing with ink.

⚡ Real-time conversion

🎨 5 color formats

✓ Zero server transmission