À propos de la couleur HWB

La couleur HWB est un modèle colorimétrique qui représente les couleurs avec trois composantes : la teinte, la blancheur et la noirceur. La teinte indique la couleur de base, tandis que la blancheur et la noirceur indiquent la quantité de blanc et de noir mélangée. Cette notation rend intuitifs l’éclaircissement, l’assombrissement ou le rapprochement d’une couleur vers le gris.

Par exemple, les couleurs principales comme le rouge peuvent être représentées ainsi.

Pour inclure la transparence, ajoutez une valeur alpha. Par exemple, un rouge semi-transparent peut être représenté par hwb(0deg 0% 0% / 0.5).

Traitement de la teinte, de la blancheur et de la noirceur

La teinte est traitée comme un angle; les valeurs supérieures à 360deg ou négatives sont normalisées dans la plage de 0deg à 360deg. Par exemple, hwb(360deg 0% 0%) est traité comme la même couleur que hwb(0deg 0% 0%), et hwb(-120deg 0% 0%) comme la même couleur que hwb(240deg 0% 0%).

La blancheur et la noirceur sont traitées dans la plage de 0% à 100%. Une blancheur plus élevée rapproche la couleur du blanc, et une noirceur plus élevée la rapproche du noir. Si la somme de la blancheur et de la noirceur est de 100% ou plus, la couleur est traitée comme une couleur grisâtre quelle que soit la teinte.

Différence entre HWB et HSL

HSL ajuste la couleur avec la saturation et la luminosité; il convient donc pour indiquer la vivacité et la luminosité. HWB ajuste la couleur avec la quantité de blanc et de noir mélangée, ce qui facilite la description d’opérations comme « rendre plus blanc en gardant la même teinte » ou « ajouter du noir pour assombrir ».

Cependant, HWB n’est pas non plus un espace colorimétrique perceptuellement uniforme. Pour mieux gérer la luminosité visuelle ou les différences de couleur, on peut utiliser des espaces colorimétriques comme Lab, LCH, Oklab ou Oklch.