HWB stands for Hue, Whiteness, and Blackness. It describes colors by starting with a pure hue and mixing in amounts of white or black, making it more intuitive than HSL for creating tints and shades.

Is hwb() supported in modern browsers?

Yes. HWB is part of CSS Color Level 4 and is supported in all major modern browsers as of 2022.

What happens when whiteness plus blackness exceeds 100%?

The two values are normalized proportionally so their sum equals 100%, producing a gray tone.

How is HWB different from HSL?

HSL uses saturation and lightness, which interact in non-obvious ways. HWB uses whiteness and blackness as separate additive components, making color mixing more predictable.

HEX to HWB Converter

Paste a HEX code and get the hwb() CSS value with whiteness and blackness percentages.

Color

Last updated: 2026-06-10 · Reviewed by Nham Vu