Why is Nobody Using the hwb() Color Function?

May 8, 2025

A grid of colored squares forming a gradient from light to dark vertically and shifting hues horizontally across the spectrum (blue, green, yellow, orange, pink, purple).

hwb() is a color function in the sRGB color space, which is the same color space used by rgb(), hsl() and the older hexadecimal color format (e.g. ). hwb() is supposed to be more intuitive and easier to work with than hsl(). I kinda get why it’s considered “easier” since you specify how much black or white you want to add to a given color. But, how is hwb() more intuitive than hsl()?

Source: Why is Nobody Using the hwb() Color Function? | CSS-Tricks

So much has been happening in the color space (smirks) with CSS in the last few years (you’ll find quite a bit on the topic on Conffab, in particular The Colourful Future of CSS)

Here Sunkanmi Fafowora asks why the hwb function seems little used (and explores the function and related CSS color functions).