Color Mode Converter
Convert RGB color values to CMYK and HSL representations.
About this calculator
RGB describes color as light -- how much red, green, and blue a screen emits -- while CMYK describes color as ink, and HSL describes color as hue, intensity, and brightness the way a designer might describe it verbally. This calculator converts one RGB value into all three so you can move a color between a screen mockup, a print job, and a design system's color palette. The CMYK conversion first finds Key/Black (K) as the complement of whichever channel is brightest, then derives Cyan, Magenta, and Yellow from how far the other two channels fall short of that brightest channel -- each ink channel is the mirror of its matching RGB primary: raising Red never increases Cyan, and raising Green never increases Magenta, since more of a primary color means less of its complementary ink is needed -- and once that primary is the brightest channel, the ink drops to zero and stays there.
The HSL conversion instead measures Hue as an angle around a color wheel derived from which RGB channel dominates, Saturation as how far the color sits from a neutral gray, and Lightness as the simple average of the brightest and darkest of the three channels. Because RGB is an additive (light) model and CMYK is subtractive (ink), the two will never match exactly on screen versus in print -- this conversion is a standard approximation useful for planning, not a substitute for checking an actual proof against your printer's color profile.
Inputs
Results
Cyan (C)
73%
How to Use This Calculator
- Enter the RGB values (Red 0–255, Green 0–255, Blue 0–255) for your screen color.
- Review the converted CMYK values (Cyan, Magenta, Yellow, Key/Black percentages) for print.
- Check the HSL values (Hue in degrees, Saturation and Lightness percentages) for design systems.
- Use CMYK values when specifying colors for offset or digital print production.
- Compare RGB and CMYK to understand any gamut shift between screen and print reproduction.
How the result changes with Red (R)
| Red (R) | Cyan (C) |
|---|---|
| 33 | 86% |
| 50 | 80% |
| 99 | 59% |
| 165 | 32% |
What each input means
- Red (R)
- Red channel value from 0 to 255.
- Green (G)
- Green channel value from 0 to 255.
- Blue (B)
- Blue channel value from 0 to 255.
How this is calculated
Worked example, using the default values
- Identify Input ParametersRed (R) = 66, Green (G) = 133, Blue (B) = 244 = 3 input(s) provided
- Calculate CyanCyan = c73 = 73
- Calculate MagentaMagenta = m45 = 45
- Calculate YellowYellow = y0 = 0
Engine last updated . Checked against 2 independently-derived tests — how we verify calculators. Built by Paul Gunder, a software engineer, not a licensed financial, medical, or legal professional.
Frequently Asked Questions
Why does raising the Red value never increase the Cyan percentage?
Cyan ink exists to cancel out red light -- the more red a color already has, the less cyan is needed to hold back that red channel when reproducing the color in ink. So as Red rises with Green and Blue held steady, Cyan can only fall or stay flat, never rise.
Does changing the Green value ever affect the Magenta percentage?
Only while Blue remains the brightest of the three channels, which it is at this calculator's default values. Raising Green never increases Magenta -- it can only lower it or leave it unchanged, the same relationship Red has with Cyan, because Magenta is Green's complementary ink channel.
Why don't the RGB and CMYK values represent exactly the same color?
RGB is an additive model built for light -- combining red, green, and blue light at full intensity produces white -- while CMYK is subtractive, built for ink absorbing light off a printed page. The conversion formula here is a standard approximation; the same RGB value can print visibly differently depending on paper, ink, and printer color profile, so always check a physical proof for critical print jobs.
What do the HSL values tell me that RGB doesn't?
HSL separates a color's pure hue (the angle on a color wheel) from how saturated or muted it is and how light or dark it is, which is often more intuitive for design decisions like "make this a bit darker" or "desaturate this slightly" than adjusting three separate RGB channels by feel.
Related Calculators
The questions that sit next to this one — chosen by subject, including calculators filed under a different category.
Contrast Ratio Calculator
Check WCAG 2.1 contrast ratio between foreground and background colors.
Graphic DesignPrint Resolution Calculator
Calculate required DPI and pixel dimensions from print size and viewing distance.
Technology & ComputingColor Converter
Convert colors between HEX, RGB, HSL, and CMYK formats. Enter RGB values and get all other representations instantly.
Technology & ComputingNumber Converter Suite
Convert binary, hex, decimal, colors, ASCII, and signed integers.
Math & StatisticsUltimate Calculator
Scientific calculator, graphing, and unit conversions — all in one.
More in Creative, Media & Design.