hwb() functional notation expresses a given color according to its hue, whiteness, and blackness. An optional alpha component represents the color's transparency.
hwb(194 0% 0%) /* #00c3ff */ hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
hwb(H W B[ / A])
<angle>of the color circle given in
turns in the CSS Color specification. When written as a unitless
<number>, it is interpreted as degrees, as specified in the CSS Color Level 3 specification. By definition, red=0deg=360deg, with the other colors spread around the circle, so green=120deg, blue=240deg, etc. As an
<angle>, it implicitly wraps around such that -120deg=240deg, 480deg=120deg, -1turn=1turn, etc.
<percentage>representing whiteness and blackness, respectively, that specifies the amount of white and black to mix in, from 0% (no whiteness or blackness) to 100% (full whiteness or blackness).
W + B = 100%, it defines some shade of gray. If
W + B > 100%,
Bare effectively normalized as
W / (W + B)and
B / (W + B), respectively.
<alpha-value>, where the number
|CSS Color Module Level 4 |
BCD tables only load in the browser