HWB

È l'acronimo di "Hue, Whiteness, Blackness".

HWB è un modello di colore che definisce i colori usando insiemi di tre attributi. Consente ai grafici e ai designer web di creare un colore specificando un punto sulla ruota dei colori e aggiungendo poi quantità variabili di bianco o nero per regolarne la luminosità e la saturazione. Come i modelli HSB e HSL, offre un modo più intuitivo per regolare i colori rispetto alla modifica dei singoli valori RGB.

Il modello HWB usa tre attributi per definire ogni colore:

• Hue rappresenta la posizione angolare del colore di base sulla ruota dei colori, usando un numero compreso tra 0° e 359°. Il rosso puro si trova nella parte superiore della ruota dei colori, a 0°, seguito dal giallo a 60°, poi dal verde, dal ciano, dal blu e dal magenta, prima di tornare al rosso.
• Whiteness rappresenta la quantità di bianco mescolata alla tonalità pura della ruota dei colori, espressa come percentuale da 0 a 100%. Un valore di Whiteness pari allo 0% produce un colore completamente saturo, mentre un valore del 100% desatura completamente il colore, che appare bianco.
• Blackness rappresenta la quantità di nero mescolata alla tonalità pura, anch'essa espressa come percentuale. Come per Whiteness, un valore di Blackness pari allo 0% mostra un colore completamente saturo, mentre un valore del 100% appare nero.

La combinazione dei tre attributi HWB funziona in modo molto simile alla miscelazione delle vernici. Si parte da un colore di base puro, preso da un punto qualsiasi della ruota dei colori, e se ne regola la luminosità mescolando bianco o nero. L'aggiunta contemporanea di bianco e nero desatura il colore e lo avvicina al grigio. Se la quantità combinata di bianco e nero supera il 100%, i valori vengono normalizzati in modo che la loro somma sia pari al 100% e producano una tonalità di grigio usando la stessa proporzione di bianco e nero. Per esempio, un colore HWB con valori di bianco e nero pari rispettivamente al 50%, al 75% e al 100% produce sempre la stessa tonalità di grigio.

I designer web possono specificare i colori usando HWB all'interno di CSS. Possono apportare semplici modifiche ai numeri HWB per cambiare il colore di base o rendere più chiari, più scuri o meno saturi i colori dei loro siti web. Per esempio, se un designer web parte da un colore usando il codice CSS hwb(180, 25%, 0%), può renderlo più chiaro aumentando l'attributo W, scurirlo diminuendo W oppure desaturarlo aumentando l'attributo B. HWB è stato aggiunto per la prima volta alla specifica CSS come metodo per i colori nel 2014, ma la maggior parte dei principali browser web non lo ha supportato completamente fino al 2022.

NOTE: La gamma possibile di colori usando HWB è la stessa di RGB, ma con un insieme diverso di attributi. Le immagini digitali continuano a includere informazioni sui colori salvate usando valori RGB e un valore di colore può essere facilmente convertito in RGB o in (esadecimale) tramite un software.