CMYK to HWB Converter

Summary

Enter CMYK percentages and instantly get the equivalent HWB values with a live color preview swatch.

How it works

1. Enter Cyan, Magenta, Yellow, and Key (Black) percentages (0–100) in the input fields or sliders.
2. The tool first converts CMYK to RGB using the standard formula: R = 255 × (1 − C/100) × (1 − K/100), and similarly for G and B.
3. RGB is then converted to HWB: Whiteness = min(R,G,B)/255, Blackness = 1 − max(R,G,B)/255, and Hue is the HSV hue angle.
4. The HWB output — Hue (°), Whiteness (%), and Blackness (%) — updates instantly.
5. A color swatch previews the exact resulting color.
6. Click "Copy HWB" to copy the hwb() CSS string to your clipboard.

Use cases

• Translate print-spec CMYK colors into CSS-ready HWB values.
• Cross-reference brand color specifications between print and web.
• Convert CMYK values from design files into HWB for modern CSS stylesheets.
• Validate that a print color matches the intended on-screen appearance.
• Build HWB color palettes from existing CMYK brand guides.
• Understand how whiteness and blackness relate to a given ink mix.
• Generate hwb() values for CSS Color Level 4 without a preprocessor.
• Quickly estimate the hue produced by a particular CMYK combination.

Frequently Asked Questions