CMYK to RGB Converter

The CMYK to RGB converter translates a four-channel print build (Cyan, Magenta, Yellow, Key/Black) into the three-channel screen model (Red, Green, Blue) and the hexadecimal code that CSS and design software use, with a live color preview of the result. The reverse direction converts an RGB or hex color into CMYK percentages. CMYK is subtractive: ink absorbs light from a white sheet, so 0/0/0/0 is paper white and adding ink darkens the color. RGB is additive: light is emitted from a black screen, so 0/0/0 is black and 255/255/255 is white. The converter uses the standard naive conversion, which relates the two models mathematically without an ICC profile or a specific press or paper.

A CMYK build is four ink percentages from 0 to 100. A 100% channel is full ink coverage, and K (Key) is the black plate, added to deepen shadows and reduce the amount of colored ink needed for dark tones. An RGB color is three channel intensities from 0 to 255, where 255 is the channel at full brightness. A hex code is the same three channels written as two hexadecimal digits each, so #FF0000 is R 255, G 0, B 0. Both 3-digit shorthand (#F00) and 6-digit notation (#FF0000) are accepted, and a hex entry populates the matching RGB or CMYK values. Percentages and channel values may be typed as decimals (33.5), fractions (1/4), or mixed numbers (10 1/2); RGB channel values are rounded to the nearest integer. Conversion runs automatically after a brief pause in typing, and all three formats (CMYK, RGB, hex) appear in the result regardless of direction. Settings holds a step-by-step formula view and an option to clamp out-of-range values into 0 to 100 for CMYK and 0 to 255 for RGB rather than rejecting them. Reset restores the default white (CMYK 0/0/0/0, RGB 255/255/255, hex #FFFFFF).

CMYK to RGB multiplies each channel by the complement of its ink and of the black plate: R = 255 x (1 - C/100) x (1 - K/100), G = 255 x (1 - M/100) x (1 - K/100), B = 255 x (1 - Y/100) x (1 - K/100). Cyan reduces red, magenta reduces green, yellow reduces blue, and black reduces all three. RGB to CMYK first extracts the black plate as K = 1 - max(R/255, G/255, B/255), then removes it from each channel: C = (1 - R/255 - K) / (1 - K), M = (1 - G/255 - K) / (1 - K), Y = (1 - B/255 - K) / (1 - K). When R, G, and B are all zero, K equals 100% and C, M, Y are all 0%. Because the reverse direction always assigns the largest possible K, a CMYK build that carries color in all four channels does not return to itself after a round trip; the RGB color is the same, but the ink split is different. The naive formulas also ignore gamut: saturated RGB colors such as pure green have no exact CMYK equivalent on press, so a printed result will look duller than the on-screen preview.

A warm tan specified as CMYK 20/40/60/10 converts as follows. R = 255 x 0.80 x 0.90 = 183.6, rounded to 184. G = 255 x 0.60 x 0.90 = 137.7, rounded to 138. B = 255 x 0.40 x 0.90 = 91.8, rounded to 92. In hex, 184 is B8, 138 is 8A, and 92 is 5C, so the screen color is #B88A5C. Converting that RGB back gives K = 1 - 184/255 = 27.8%, C = 0%, M = 25%, and Y = 50%: the same color expressed with the black plate carrying as much of the darkness as it can.

Color conversion between CMYK and RGB addresses a core challenge in any workflow that spans print and digital media. The two color models represent color differently, and accurate translation between them prevents unexpected shifts in hue, saturation, or brightness when moving artwork between mediums.

• Print Production: Verify how a CMYK color defined in a print file will render on screen before sending artwork to press. The exact CMYK percentages from a print-layout or vector-graphics application swatch give the closest RGB equivalent for digital mockups.
• Web Development: Translate a brand color originally specified in CMYK for print collateral into an RGB hex code for CSS stylesheets, HTML elements, and SVG graphics.
• Brand Consistency: Maintain color accuracy across business cards, websites, social media banners, and presentation slides by converting the master CMYK brand palette to RGB equivalents and documenting both values in a style guide.
• Photography and Retouching: Convert CMYK values from a print proof back to RGB to match the original digital photograph. Compare the round-trip conversion to assess how much color shift occurred during the CMYK separation process.
• Packaging Design: Packaging files often require spot or process CMYK builds. Convert those values to RGB to preview label colors on screen or to provide digital assets for e-commerce product listings that match the physical package.
• Education and Coursework: Study the mathematical relationship between additive and subtractive color models by entering sample values and following the formula derivation with the step-by-step view enabled.
• Textile and Fashion: Translate CMYK color swatches from fabric catalogs into RGB values for online storefronts, ensuring that product photos and color selection interfaces reflect the intended dye colors as closely as possible.