hwb()
La notation fonctionnelle hwb() exprime une couleur donnée selon sa teinte, sa blancheur et sa noirceur. Une composante alpha optionnelle représente l'opacité de la couleur.
Exemple interactif
Syntaxe
hwb(194 0% 0%) /* #00c3ff */
hwb(194 0% 0% / .5) /* #00c3ff avec 50% d'opacité */
Valeurs
Note : La fonction hwb() n'utilise pas de virgule pour séparer les valeurs des arguments, et la valeur alpha optionnelle doit être précédée d'une barre oblique (/) si elle est fournie.
hwb(H W B[ / A])-
H(teinte, hue en anglais) est un angle (type<angle>) sur le cercle des couleurs. Lorsqu'il est écrit sans unité, il est interprété comme étant exprimé en degré. Par définition, on ared=0deg=360deg, et les autres couleurs distribuées sur le cercle avecgreen=120deg,blue=240deg, etc. Sa valeur étant un<angle>, elle boucle sur elle-même et on a donc-120deg=240deg,480deg=120deg,-1turn=1turn, etc.W(blancheur, whiteness en anglais) indique la quantité de blanc dans la couleur, indiquée comme un pourcentage (type<percentage>), où0%indique aucune blancheur et où100%indique une blancheur complète.B(noirceur, blackness) indique la quantité de noir dans la couleur, indiquée comme un pourcentage (type<percentage>), où0%indique aucune noirceur et où100%indique une noirceur complète.A(alpha) peut être un nombre (type<number>) compris entre0et1, ou un pourcentage (type<percentage>), où1correspond à100%(opacité complète).
Spécifications
| Specification |
|---|
| CSS Color Module Level 5 # relative-HWB |
| CSS Color Module Level 4 # the-hwb-notation |
Compatibilité des navigateurs
BCD tables only load in the browser