HWB

Signifie « Hue, Whiteness, Blackness ».

HWB est un modèle de couleurs qui définit les couleurs à l’aide d’ensembles de trois attributs. Il permet aux graphistes et aux concepteurs de sites web de créer une couleur en indiquant un point sur le cercle chromatique, puis en ajoutant du blanc ou du noir en différentes quantités pour ajuster la luminosité et la saturation de la couleur. Comme les modèles HSB et HSL, il offre une manière plus intuitive d’ajuster les couleurs que de modifier individuellement les valeurs RGB.

Le modèle HWB utilise trois attributs pour définir chaque couleur :

• Hue représente la position angulaire de la couleur de base sur le cercle chromatique, à l’aide d’un nombre compris entre 0° et 359°. Le rouge pur se trouve en haut du cercle chromatique, à 0°, suivi du jaune à 60°, puis du vert, du cyan, du bleu et du magenta, avant de revenir au rouge.
• Whiteness représente la quantité de blanc mélangée à la teinte pure du cercle chromatique, sous forme de pourcentage compris entre 0 et 100 %. Une valeur de blancheur de 0 % produit une couleur entièrement saturée, tandis qu’une valeur de 100 % désature complètement la couleur, qui devient blanche.
• Blackness représente la quantité de noir mélangée à la teinte pure, également sous forme de pourcentage. Comme pour la blancheur, une valeur de noirceur de 0 % affiche une couleur entièrement saturée, tandis qu’une valeur de 100 % produit du noir.

Le mélange des trois attributs HWB fonctionne un peu comme le mélange de peintures. On commence par une couleur de base pure située à n’importe quel point du cercle chromatique, puis on ajuste sa luminosité en y mélangeant du blanc ou du noir. L’ajout simultané de blanc et de noir désature la couleur et la rapproche du gris. Si la quantité combinée de blanc et de noir dépasse 100 %, les valeurs sont normalisées pour atteindre un total de 100 % et produire une nuance de gris en utilisant le même rapport de blanc et de noir. Par exemple, les valeurs de blanc et de noir 50 %, 75 % et 100 % dans une couleur HWB produisent toutes la même nuance de gris.

Les concepteurs de sites web peuvent spécifier des couleurs avec HWB dans CSS. Ils peuvent effectuer de simples ajustements des valeurs HWB pour modifier la couleur de base, ou éclaircir, assombrir ou désaturer les couleurs de leurs sites web. Par exemple, si un concepteur commence avec une couleur utilisant le code CSS hwb(180, 25%, 0%), il peut l’éclaircir en augmentant l’attribut W, l’assombrir en diminuant W ou la désaturer en augmentant l’attribut B. HWB a été ajouté pour la première fois comme méthode de couleur dans la spécification CSS en 2014, mais la plupart des principaux navigateurs web ne l’ont pas entièrement pris en charge avant 2022.

NOTE: La plage de couleurs possible avec HWB est la même qu’avec RGB, mais avec un ensemble différent d’attributs. Les images numériques contiennent toujours des informations de couleur enregistrées à l’aide de valeurs RGB, et une valeur de couleur peut facilement être convertie en RGB ou en (hexadécimal) à l’aide d’un logiciel.