Color Converter

Convert colors between HEX, RGB, HSL, HSV, and CMYK formats. Pick a color or enter values in any format — all others update instantly. Everything runs in your browser.

#3B82F6

Color Picker

Quick Colors

HEX

RGB

HSL

H (°)

S (%)

L (%)

HSV / HSB

H (°)

S (%)

V (%)

CMYK

c (%)

m (%)

y (%)

k (%)

All Formats

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

HSVhsv(217, 76%, 96%)

CMYKcmyk(76%, 47%, 0%, 4%)

Color Model Reference

HEX

Web standard. 6-digit hexadecimal (#RRGGBB). Used in CSS, HTML, design tools.

RGB

Additive color model. Red, Green, Blue (0-255). Used in screens, CSS, web design.

HSL

Hue (0-360°), Saturation (0-100%), Lightness (0-100%). Intuitive for CSS adjustments.

HSV/HSB

Hue, Saturation, Value/Brightness. Used in Photoshop, Figma, and design tools.

CMYK

Subtractive model for print. Cyan, Magenta, Yellow, Key (Black). Used in printing.

Frequently Asked Questions

What is the difference between HSL and HSV?

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) are both cylindrical color models, but they define brightness differently. In HSL, 50% lightness is the pure color, while 0% is black and 100% is white. In HSV, 100% value is the brightest version of the color. HSL is more common in CSS, while HSV is used in design tools like Photoshop and Figma.

When should I use CMYK instead of RGB?

Use RGB for anything displayed on a screen (websites, apps, digital media). Use CMYK for anything that will be physically printed (business cards, flyers, packaging). CMYK is a subtractive color model optimized for ink mixing, while RGB is additive and optimized for light emission. Colors may look different between RGB and CMYK because screens and printers produce color differently.

Why does my color look different in CMYK?

RGB screens can display a wider range of colors (gamut) than CMYK printers. Some vibrant RGB colors — especially bright blues, greens, and saturated reds — cannot be exactly reproduced in CMYK. The converter shows the closest CMYK approximation, but always verify with a physical proof before printing.

Is my color data safe?

Yes. All color conversions happen entirely in your browser using JavaScript math functions. No data is sent to any server.