CMYK to HSV Converter
Translate CMYK ink percentages into hue, saturation and value so you can edit a print colour in an intuitive screen model. The result approximates the printed ink — refine on screen, then proof.
H°
S%
V%
What is a CMYK to HSV converter?
This converter rewrites a CMYK ink recipe as an HSV triple — hue, saturation and value. HSV is the model most people find easiest to reason about: it separates what colour something is (hue) from how vivid (saturation) and how bright (value) it is. That makes it ideal for nudging a print colour into a variation.
The path runs CMYK to RGB and then RGB to HSV. The RGB-to-HSV step is exact and reversible; it's the initial CMYK-to-RGB step that carries the usual approximation, since the formula has no knowledge of the paper or press behind the ink.
Everything is computed in your browser, so the print colours you explore never leave your device.
How to convert CMYK to HSV
- 1
Enter the CMYK values
Type cyan, magenta, yellow and key (black) as percentages from 0 to 100.
- 2
Read the HSV output
Hue in degrees plus saturation and value as percentages appear instantly.
- 3
Adjust intuitively
Shift the hue, or dial saturation and value, to create on-screen variations of the colour.
- 4
Proof print-bound edits
If a tweaked colour is heading back to print, confirm it with a proof before approving.
Why it's useful
Edit colours the easy way
Move a print colour into HSV, where changing hue or vividness is a single, predictable adjustment.
Build harmonious variants
Generate tints, shades and analogous colours from a print base by sliding HSV values.
Spot the saturation ceiling
Seeing the HSV saturation tells you how much headroom a print colour really has on screen.
Private and quick
The conversion runs locally, so confidential palettes stay with you.
Example conversion
A process blue ink mix, expressed in the HSV model.
cmyk(100%, 49%, 0%, 14%)hsv(209°, 100%, 86%)Matches rgb(0, 112, 219); the high saturation flags it as a candidate to proof if it returns to print.
Why HSV is the friendliest model for editing
CMYK is great for specifying ink but awkward for creative tweaks — nudging four interdependent percentages rarely does what you expect. HSV untangles that by giving each property its own axis, so making a colour warmer, punchier or lighter becomes one clean move. That's why designers often convert to HSV to experiment, then convert back for output.
Just keep the boundary in mind: the moment a colour returns to print, it crosses back into the smaller ink gamut. A vivid HSV edit can look perfect on screen and still need toning down for paper.
What's exact and what's approximate
- CMYK to RGB is the approximate hop, bound by the ink gamut and unknown paper or press.
- RGB to HSV is exact and fully reversible — no information is lost.
- Neutral and desaturated colours translate most reliably.
- Edits that push saturation high may not survive a return trip to CMYK.
Frequently asked questions
Yes. HSV (value) and HSB (brightness) are interchangeable names for the same model, so the output works directly with software that labels it HSB.
The tool converts CMYK to RGB first, then RGB to HSV. The RGB-to-HSV step is exact; the CMYK-to-RGB step is the approximation, limited because the formula doesn't know the print's paper or press.
HSV makes editing intuitive. Changing hue, saturation or brightness is a single clean adjustment, which is far easier than juggling four CMYK ink percentages to get a variation.
Yes, with our HSV to CMYK converter. Remember the return trip re-enters the smaller ink gamut, so a highly saturated edit may shift and should be proofed.
The key (black) ink in CMYK darkens the colour, which lowers the value in HSV. A colour with any K component can't reach full brightness on the value axis.
Yes. In Figma, open the colour picker and switch to HSB mode (same as HSV). Enter the hue, saturation and value from this converter, then save the result as a local colour style. From there, every element that uses that style updates if you ever need to tweak it.
Need another tool?
Browse the full toolbox or dig into the blog for the engineering behind it.