Convert colors between RGB and CMYK color spaces using numeric fields or a visual color picker. View RGB, CMYK, HEX, and HSL results together.
| Color | RGB | CMYK | HEX | Notes |
|---|---|---|---|---|
| Pure Black | 0, 0, 0 | 0%, 0%, 0%, 100% | #000000 | K-only black, common text color |
| Pure White | 255, 255, 255 | 0%, 0%, 0%, 0% | #FFFFFF | No ink applied |
| Red | 255, 0, 0 | 0%, 100%, 100%, 0% | #FF0000 | Vivid on screen, slightly darker in print |
| Green | 0, 128, 0 | 100%, 0%, 100%, 50% | #008000 | Standard web green |
| Blue | 0, 0, 255 | 100%, 100%, 0%, 0% | #0000FF | Notable gamut shift in CMYK |
| Yellow | 255, 255, 0 | 0%, 0%, 100%, 0% | #FFFF00 | Often a closer screen-to-print match |
| Cyan | 0, 255, 255 | 100%, 0%, 0%, 0% | #00FFFF | One of the four CMYK base inks |
| Magenta | 255, 0, 255 | 0%, 100%, 0%, 0% | #FF00FF | One of the four CMYK base inks |
| Orange | 255, 165, 0 | 0%, 35%, 100%, 0% | #FFA500 | Common brand accent color |
| Purple | 128, 0, 128 | 0%, 100%, 0%, 50% | #800080 | Significant shift in print, appears duller in CMYK |
| Dark Gray | 64, 64, 64 | 0%, 0%, 0%, 75% | #404040 | Neutral tone for text and backgrounds |
| Coral | 255, 127, 80 | 0%, 50%, 69%, 0% | #FF7F50 | Popular web color, minor shift in print |
Use the color picker for exploration: Click the color swatch next to the RGB inputs to browse colors visually. The picker syncs with the RGB fields so you can choose a shade and read its values.
Match formats to your workflow: The detail grid shows RGB, CMYK, HEX, and HSL values together. Copy the format you need for design software, such as HEX for web, CMYK for print, or HSL for CSS.
Expect gamut differences: Some bright screen colors, especially neons and vivid blues, cannot be exactly reproduced in CMYK. Use the converted values as a guide, not an exact print match.
Bidirectional workflow: Convert RGB to CMYK to prepare digital designs for print, then convert CMYK to RGB to preview print-sourced colors as screen values.
Soft-proof before print approval: Use the color swatch preview to compare the original and converted colors. If the shift is too large for a brand color, ask your printer about a Pantone spot color instead of relying on CMYK process alone.
Enter red, green, and blue values (0–255) in the RGB fields, or choose a shade with the color picker. Click "Convert to CMYK" to see the cyan, magenta, yellow, and black percentages. The result panel also shows the HEX code and HSL values.
Enter cyan, magenta, yellow, and black percentages (0–100) in the CMYK fields and click "Convert to RGB." The tool calculates the corresponding red, green, and blue values and shows a color swatch for the converted RGB color.
RGB (Red, Green, Blue) is an additive color model used for screens — combining light produces white. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used for printing — layering inks absorbs light. The CMYK gamut is smaller than RGB, so some vibrant on-screen colors cannot be exactly reproduced in print.
Colors outside the CMYK gamut — especially neon greens, electric blues, and vivid purples — often shift when converted for print. They may appear duller or darker. Use the converter as a guide, and request a physical proof from your printer for critical color matches.
Yes. Copy the CMYK percentages from this tool and paste them into Adobe Photoshop, Illustrator, or InDesign. Make sure your document is in CMYK color mode first (Image → Mode → CMYK in Photoshop) so the software reads the values in the intended color mode.
Convert colors between RGB and CMYK color spaces. RGB (Red, Green, Blue) is the additive color model used by digital screens; combining red, green, and blue light produces white. CMYK (Cyan, Magenta, Yellow, Key/Black) is the subtractive model used in print production; layering inks absorbs light. Use this converter to prepare digital designs for print, match brand colors across web and physical materials, or preview print values as screen colors.
The converter includes a visual color picker and displays results in RGB, CMYK, HEX, and HSL, so you can copy the values you need. Conversions run in your browser using standard color-space formulas. No color data is uploaded by this tool, and no sign-up is required.
Use it for print preparation, brand color matching, design software reference, prepress checks, and color education. No design software is required for the conversion.
RGB and CMYK are different color models designed for different output media.
The conversion uses standard color-space mathematics:
RGB to CMYK:
CMYK to RGB:
Example: RGB (255, 0, 0) → K = 1 − max(1.0, 0, 0) = 0 → C = (1 − 1 − 0) / 1 = 0, M = (1 − 0 − 0) / 1 = 1.0, Y = (1 − 0 − 0) / 1 = 1.0 → CMYK (0%, 100%, 100%, 0%).
Look up the CMYK equivalent of frequently used RGB colors.
| Color | RGB | CMYK | HEX | Notes |
|---|---|---|---|---|
| Pure Black | 0, 0, 0 | 0%, 0%, 0%, 100% | #000000 | K-only black, common text color |
| Pure White | 255, 255, 255 | 0%, 0%, 0%, 0% | #FFFFFF | No ink applied |
| Red | 255, 0, 0 | 0%, 100%, 100%, 0% | #FF0000 | Vivid on screen, slightly darker in print |
| Green | 0, 128, 0 | 100%, 0%, 100%, 50% | #008000 | Standard web green |
| Blue | 0, 0, 255 | 100%, 100%, 0%, 0% | #0000FF | Notable gamut shift in CMYK |
| Yellow | 255, 255, 0 | 0%, 0%, 100%, 0% | #FFFF00 | Often a closer screen-to-print match |
| Cyan | 0, 255, 255 | 100%, 0%, 0%, 0% | #00FFFF | CMYK base ink |
| Magenta | 255, 0, 255 | 0%, 100%, 0%, 0% | #FF00FF | CMYK base ink |
| Orange | 255, 165, 0 | 0%, 35%, 100%, 0% | #FFA500 | Common brand accent |
| Purple | 128, 0, 128 | 0%, 100%, 0%, 50% | #800080 | Significant shift in print |
| Dark Gray | 64, 64, 64 | 0%, 0%, 0%, 75% | #404040 | Neutral tone |
| Coral | 255, 127, 80 | 0%, 50%, 69%, 0% | #FF7F50 | Popular web color |