Convert CMYK color values to HSB (Hue, Saturation, Brightness) instantly — enter your C, M, Y, K values above and see the exact HSB, HEX, and RGB equivalents update live.
How CMYK Converts to HSB
CMYK converts to HSB through an intermediate RGB step — there is no direct formula between the two models.
CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model built for print, while HSB (Hue, Saturation, Brightness) is built for how humans perceive color on a screen. Converting between them requires RGB as a bridge:
Step 1 — CMYK to RGB:
R = 255 × (1 − C) × (1 − K)
G = 255 × (1 − M) × (1 − K)
B = 255 × (1 − Y) × (1 − K)(C, M, Y, K expressed as decimals from 0–1)
Step 2 — RGB to HSB: Brightness (B) is the maximum of the R, G, B values. Saturation (S) is the difference between the max and min RGB values, divided by the max. Hue (H) is derived from which channel (R, G, or B) holds the maximum value, mapped onto a 0–360° color wheel.
This tool runs both steps automatically and displays the resulting H, S, and B values, along with the HEX and RGB equivalents, so you don’t need to calculate anything by hand.
When You’d Use This Conversion
- Matching a print color to a screen-based design tool. Many design and prototyping tools (Figma, Photoshop’s HSB picker, CSS tooling) work in HSB or HSV rather than CMYK, so converting a known print CMYK value gives you the equivalent to plug into on-screen software.
- Adjusting brightness or saturation without shifting hue. HSB separates brightness and saturation into independent values, making it easier to darken or desaturate a color consistently — something CMYK’s four-channel structure doesn’t do directly.
- Cross-checking a color across formats. If you already have a CMYK value from a print spec sheet or brand guideline, this tool also gives you the HEX and RGB equivalents in the same pass, useful when a project needs the color in more than one format.
FAQ
How do I convert CMYK to HSB?
Convert CMYK to RGB first, then convert that RGB value to HSB. There’s no single-step formula between CMYK and HSB directly — RGB is always the intermediate step, which is what this tool calculates automatically.
What’s the difference between HSB and HSV?
There is no difference — HSB and HSV are the same color model with two different names for the same third value: “Brightness” and “Value” refer to the identical measurement. Any HSB output from this tool can be read as HSV without changes.
Is converting CMYK to HSB exact, or does it lose precision?
The conversion is mathematically exact for the standard CMYK-to-RGB formula used here, but CMYK itself is a device-dependent model — the same C, M, Y, K numbers can print slightly differently across printers and paper stocks. The HSB value calculated is exact for the RGB equivalent shown, not a guarantee of exact print-to-screen color matching.