Enter CMYK, RGB, or HEX values and all formats update instantly. Bidirectional and real-time — perfect for bridging print and web color systems.
| CMYK | cmyk(0, 0, 0, 100) |
| RGB | rgb(0, 0, 0) |
| HEX | #000000 |
| HSL | hsl(0, 0%, 0%) |
CMYK and RGB are both color models but they work in opposite ways. RGB (Red, Green, Blue) is an additive model used by screens: mixing all three channels at full intensity produces white. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used in print: mixing all inks produces black, and no ink produces white (the white of the paper). When you design for both print and web, converting accurately between these two models is essential for ensuring your colors look consistent across media.
The conversion between CMYK and RGB is not lossless in the real world. RGB can represent colors that CMYK cannot reproduce in print — particularly highly saturated blues, greens, and neon tones. These out-of-gamut colors are said to be outside the CMYK color space. When converted, they will be mapped to the closest printable color, which may look noticeably different on paper. Professional print workflows use ICC color profiles rather than a mathematical formula to manage this, but the formula used here gives accurate results for standard web-to-print color matching when you are working with colors that fall within the CMYK gamut.
When sending files to a print shop, they will typically ask for CMYK values — often as percentages from 0 to 100 for each channel. Your design software (Illustrator, Photoshop, InDesign) shows CMYK sliders, and brand guidelines often specify colors in CMYK for print and HEX or RGB for web. This tool lets you move between both systems quickly, so you can verify that a brand color specified in HEX translates to a usable CMYK value before sending to print.