Color Format Converter

HEX (like #3B82F6), RGB (red/green/blue, 0-255 each), and HSL (hue/saturation/lightness) all describe color the way screens actually produce it — light, added together — and are what you'll use in CSS, design tools, and anywhere else on the web. CMYK (cyan/magenta/yellow/black percentages) is different: it's how printers mix ink, a subtractive process, and is the format print shops and print-design software expect.

It's a reasonable approximation, not an exact print-color match. Screens create color by emitting light (additive — RGB) and printers create color by mixing ink on paper (subtractive — CMYK), and those two processes simply don't reproduce color the same way. A true, exact conversion needs a real color-managed workflow with ICC profiles calibrated to a specific printer and paper stock — something a browser-based calculator can't replicate. Use this conversion as a solid reference starting point, not a guarantee that what you see on screen is exactly what will print.

Yes — every format's fields accept direct typing or pasting, not just the color picker. That's the more common real use case: you already have a color value from somewhere (a design spec, a style guide, another tool) in one format and need it in another, so just type or paste it into that format's field and every other format updates immediately.

No — every conversion happens locally in your browser.