CMYK to RGB Color Converter

What this tool does

CMYK is a colour made of ink on paper; RGB is the same colour made of light on a screen. The two are the languages of print and of the display, and moving a colour from one to the other is the basic step whenever a printed colour has to appear digitally. The four ink percentages have to become red, green, and blue amounts before any screen can show them.

That is what this does. You give it cyan, magenta, yellow, and key values, and it returns the same colour as RGB, three numbers for the red, green, and blue a screen would mix to display it. It carries a colour straight from the world of ink into the world of light, which is the foundation of every other print-to-screen conversion.

How to use it

1. Enter your CMYK values. Type the cyan, magenta, yellow, and key values, each as a decimal from 0 to 1 (for example, 0.2 rather than 20), or set a colour with the picker.
2. Read the RGB result. Out come the red, green, and blue amounts as three numbers from 0 to 255, right away.
3. Use the numbers. Copy the RGB values into your code or design tool, ready to use directly or to take further into hex or rgba.

Type the four numbers in, or set a colour with the picker and read its RGB values from the result, depending on whether you are starting from ink percentages or from a colour.

How it works

This is the most direct print-to-screen conversion, turning the four ink amounts straight into red, green, and blue light. The tool calculates how much of each light a screen would emit to reproduce the colour your inks describe, work handled by chroma.js, a library built to move between colour models. There is no further model to pass through, because RGB is what a screen uses.

It is worth noting that this is a real crossing between colour worlds, not a rewrite. The conversion moves from a description of ink that absorbs light on paper to a description of light that a screen emits. The result is exact as a screen colour, the faithful on-screen version of your ink mix, ready to display or to carry into other screen formats.

What RGB actually is

RGB stands for red, green, and blue, the three lights a screen combines to make everything it shows. Each is a number from 0 to 255, where 0 leaves that light off and 255 turns it fully on. So 255, 0, 0 is pure red, 0, 0, 0 is black, and all three at 255 together make white.

Colour is made here by adding light, the opposite of ink, so raising the numbers makes a brighter result. From a dark screen, each channel you turn up adds its colour to the mix, climbing toward white when all three are full. This additive mixing is how every display creates colour, which is why a printed colour must be translated into RGB before a screen can reproduce it at all.

How CMYK becomes RGB

The two work in opposite directions. CMYK is subtractive: inks on white paper absorb light, and more ink means a darker colour. RGB is additive: a screen emits light against a black start, and more light means a brighter colour. So converting one to the other is genuinely translating between taking light away and giving it out.

In practice the tool reads the four ink amounts and works out the red, green, and blue light that would reproduce the same colour on screen. The cyan, magenta, and yellow that absorb certain parts of the light map onto the red, green, and blue that emit them, and the key adjusts the overall brightness. Because a screen can show a wider range of colours than ink can mix, every CMYK colour has an RGB equivalent waiting for it.

Why convert CMYK to RGB

The usual reason is bringing a print colour onto a screen. A colour set in CMYK for printed materials often needs to appear in a digital design, a website, an app, or an on-screen mockup, and that means expressing it in the RGB the screen works in. Converting the ink values is how the colour makes that move.

It is also the doorway to the other screen formats. A hex code is just RGB written in another base, the rgba form is RGB with transparency added, and HSL and HSV are RGB rearranged for human use, so reaching any of them from CMYK starts here. Whenever a printed colour needs a digital life, converting it to RGB is the first and most fundamental step.

The conversion underneath the others

It is worth seeing this conversion as the base that the rest are built on. Turning CMYK into hex, into HSL, or into HSV all begins by turning CMYK into RGB, because RGB is the screen's native form and the common ground every screen format shares. Those other conversions simply take this RGB result and rewrite or rearrange it.

That is why getting a clean RGB value from your ink mix matters: it is the colour as the screen will actually render it, and everything else downstream inherits it. Convert CMYK to RGB and you have not just one format but the starting point for all of them, the single faithful screen version of your print colour that hex, rgba, HSL, and HSV are each derived from.

Questions people ask

What is RGB?

It is the red, green, and blue light a screen mixes to make a colour, each channel from 0 to 255, where 0 is off and 255 is full.

Does CMYK convert straight to RGB?

Yes, in effect. The four ink amounts are turned directly into red, green, and blue light, the form a screen displays, in a single conversion.

Does every CMYK colour have an RGB form?

Yes. The range a screen can show is wider than the range ink can mix, so every CMYK colour maps to an RGB colour a screen can display.

Why convert print colours to RGB?

Because RGB is what screens and most digital tools use. Bringing a print colour to RGB is the first step to showing or editing it on screen, and other formats like hex build on it.

References

1. World Wide Web Consortium (W3C), CSS Color Module Level 4. https://www.w3.org/TR/css-color-4/
2. RGB color model, the additive model used by screens. Wikipedia. https://en.wikipedia.org/wiki/RGB_color_model
3. chroma.js (Gregor Aisch). Documentation. https://gka.github.io/chroma.js/