Skip to main content

CMYK to RGB Converterv1.0.0

Convert CMYK color values to RGB and hexadecimal notation with a live color preview. Bidirectional mode also converts RGB input back to CMYK percentages, and all values persist between sessions for continued color matching work.

Runs entirely in your browser

This tool sends nothing over the network. Everything you enter is processed on your device and never reaches our servers.

Color Theory
Print Design
Web Development
Loading the tool
Reference

Documentation

CMYK (Cyan, Magenta, Yellow, Key/Black) and RGB (Red, Green, Blue) represent color differently for print and screen workflows. Select a conversion direction, enter your color values, and receive the converted result along with the corresponding hexadecimal color code and a live color preview.

  • Select the Conversion Direction using the radio buttons at the top. Choose CMYK to RGB to convert print color values to screen values, or RGB to CMYK to go in the opposite direction.
  • For CMYK to RGB conversion, enter percentage values between 0 and 100 in the Cyan (C) %, Magenta (M) %, Yellow (Y) %, and Key/Black (K) % fields. The converter accepts decimals (for example, 33.5), fractions (for example, 1/4), and mixed numbers (for example, 10 1/2).
  • For RGB to CMYK conversion, enter integer values between 0 and 255 in the Red (R), Green (G), and Blue (B) fields. Fractions and decimals are also accepted and will be rounded to the nearest integer.
  • Enter a hexadecimal color code directly in the Hex (#RRGGBB) field to populate the corresponding RGB or CMYK values automatically. Both 3-digit shorthand (for example, #F00) and 6-digit notation (for example, #FF0000) are supported.
  • Press the Convert button or wait for automatic conversion, which triggers after a brief pause in typing.
  • View the converted values in the Results section. A color preview swatch renders the resulting color inline, followed by one line each for the CMYK percentages, the RGB channels, and the hex code. All three formats appear regardless of which conversion direction is selected.
  • Open Settings to enable Show conversion formulas, which displays the mathematical steps used in each conversion. Enable Clamp out-of-range values automatically to force inputs into their valid ranges (0 to 100 for CMYK percentages, 0 to 255 for RGB channels).
  • Press Reset to clear all saved values and restore the default white color (CMYK 0/0/0/0, RGB 255/255/255, Hex #FFFFFF).

The CMYK to RGB conversion formulas are: 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). The RGB to CMYK conversion first finds K = 1 - max(R/255, G/255, B/255), then 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%.

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. Enter the exact CMYK percentages from a print-layout or vector-graphics application swatch to obtain 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. Paste the resulting hex value directly into code.
  • 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 observing the formula derivation in real time with the Show conversion formulas option 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.
Inputs, outputs, and what the CMYK to RGB Converter computes

The form above accepts the following inputs and produces the outputs listed below. This summary is rendered in the page so the parameters are visible to crawlers, assistive tech, and indexing agents that don't fetch the embedded tool frame.

Inputs

  • CMYK to RGB · default: cmyk-to-rgb
  • RGB to CMYK · default: rgb-to-cmyk
  • Cyan (C) % (text input) · default: 0
  • Magenta (M) % (text input) · default: 0
  • Yellow (Y) % (text input) · default: 0
  • Key/Black (K) % (text input) · default: 0
  • Red (R) (text input) · default: 255
  • Green (G) (text input) · default: 255
  • Blue (B) (text input) · default: 255
  • Hex (#RRGGBB) (text input) · default: #FFFFFF
  • Show conversion formulas · default: 1
  • Clamp out-of-range values automatically · default: 1

Controls

Convert · Reset

Worked example

A color preview swatch renders the resulting color inline, followed by one line each for the CMYK percentages, the RGB channels, and the hex code.