Paste a CMYK color and get its HWB form. cmyk(0%, 66%, 80%, 0%) becomes hwb(11 20% 0%). The output updates live and copies in one click.
CMYK describes ink; HWB is a CSS Color 4 screen model that sets a hue plus how much white and black are mixed in. Converting print specs to HWB suits a design system where you build tints and shades from one base hue.
Supported input
Use cmyk(c%, m%, y%, k%) with each component from 0% to 100%, including the % signs. Toggle batch mode to convert multiple colors at once by pasting one color per line.
cmyk(0%, 66%, 80%, 0%) → hwb(11 20% 0%)
cmyk(86%, 11%, 0%, 7%) → hwb(188 13% 7%)
cmyk(56%, 38%, 0%, 85%) → hwb(221 7% 85%)HWB output format
Output is hwb(h w% b%), space-separated as CSS Color 4 defines it. Lock the hue, then raise whiteness for tints and blackness for shades to build a palette in the same color family. You can export the results as raw text, JSON arrays, CSS variables, or JavaScript arrays.
Profile-free approximation
The math maps CMYK through sRGB without an ICC profile. The HWB you get is a generic screen representation of the ink mix, not a calibrated match to a press. Confirm against the official sRGB value for brand-critical work.