CMYK Color Converter

How to use

1. Enter Any Format — Type a HEX, RGB, or CMYK value. The other formats update instantly.
2. Preview the Color — A live swatch shows the colour exactly as your screen will render it.
3. Copy for Print or Web — Use HEX/RGB for screens and the CMYK percentages for print specs sent to your printer.

Free CMYK Color Converter

Convert any colour between HEX, RGB, and CMYK formats in real time. Designed for designers preparing files for print — business cards, brochures, packaging — who need accurate CMYK percentages to send to their printer.

HEX, RGB, and CMYK Explained

• HEX: 6-digit web colour code (#RRGGBB). Used in CSS and HTML.
• RGB: 0–255 values for red, green, and blue light. Used by screens and digital design tools.
• CMYK: 0–100% values for cyan, magenta, yellow, and key (black) ink. Used by offset and digital printers.

Print vs Screen Colour

RGB has a wider gamut than CMYK, so colours like bright neon green or electric blue cannot be reproduced with standard inks. Always preview your design in CMYK mode in Illustrator or InDesign before sending to print to spot colours that will shift.

Privacy

All conversion math runs locally. No colours are transmitted.

Related: HEX/RGB/HSL Converter, Color Palette Generator, Color Contrast Checker.

Frequently asked questions

What's the difference between RGB and CMYK?

RGB is additive (used by screens — red, green, blue light combine to make white). CMYK is subtractive (used by ink — cyan, magenta, yellow, key/black combine to make black). Printers need CMYK.

Why does printed colour look different from screen?

Screens emit light; paper reflects it. Many vivid RGB colours (especially bright greens and blues) are outside the CMYK gamut and shift duller when printed. Always proof on the actual paper stock.

Is the CMYK math exact?

The tool uses the standard simple conversion formula (the same one Photoshop's 'CMYK' preview defaults to). For professional print, your printer's ICC profile will give slightly different numbers calibrated to their press.

Is anything uploaded?

No. All conversions are pure JavaScript math running in your browser.

Related free tools

• Color Converter — Convert between HEX, RGB, and HSL color formats.
• CSS Gradient Generator — Create linear and radial CSS gradients with live preview.
• Box Shadow Generator — Design CSS box shadows with a visual editor.
• Border Radius Previewer — Preview and generate CSS border-radius values.
• Text Shadow Generator — Design CSS text shadows with a visual editor and live preview.
• Placeholder Image Generator — Generate placeholder images with custom size, color, and text.
• Color Palette Generator — Generate harmonious color palettes from any base color.
• Color Contrast Checker — Check WCAG 2.1 contrast ratio with AA / AAA pass marks for normal text, large text, and UI components.
• CSS Clamp Generator — Build fluid clamp() expressions for responsive typography and spacing — no media queries needed.
• Pixel to REM Converter — Live two-way px ↔ rem conversion with custom root font-size. Built for accessible, user-respecting design.
• Color Blindness Simulator — Preview images and UI through protanopia, deuteranopia, tritanopia, and achromatopsia simulations.
• CSS Unit Converter — Convert any CSS length unit to all others with customizable base font-size and viewport dimensions.