Color converter

Paste any color — hex, rgb(), hsl(), even a CSS name — and get every format back instantly. Switch to bulk mode to convert a whole list.

Color to convert

HEX: #2563eb
RGB: rgb(37, 99, 235)
RGBA: rgba(37, 99, 235, 1)
HSL: hsl(221, 83%, 53%)
HSV: hsv(221, 84%, 92%)
CMYK: cmyk(84%, 58%, 0%, 8%)
LAB: lab(44.8 21.0 -75.6)
OKLCH: oklch(54.6% 0.215 262.9)

Which format should you use?

HEX is the web's lingua franca — six digits, universally supported, perfect for CSS and design tools.RGB is the same information spelled out per channel, handy when you need to tweak transparency (that's what the RGBA row is for).

HSL is the format to edit by hand: hue is the color wheel angle, saturation is intensity, lightness is self-explanatory. Making a hover state? Keep H and S, nudge L.HSV is its cousin used by most color pickers (Photoshop's picker is HSV).

CMYK approximates ink coverage for print. Note that real print conversion depends on the printer's ICC profile — treat our values as a starting point and always check a physical proof for brand-critical work.

LAB and OKLCH are perceptual spaces: distances in them roughly match how different colors look. OKLCH is now native in CSS and is the best choice for generating consistent shade scales — equal lightness steps actually look equal, which isn't true in HSL.