Informazioni sul colore HWB

Il colore HWB è un modello di colore che rappresenta i colori con tre componenti: tonalità, bianchezza e nerezza. La tonalità specifica il tono di base, mentre bianchezza e nerezza indicano quanto bianco e nero vengono mescolati. Questo rende intuitivo schiarire, scurire o avvicinare un colore al grigio.

Ad esempio, i colori principali come il rosso possono essere rappresentati così.

Per includere la trasparenza, aggiungere un valore alfa. Ad esempio, il rosso semitrasparente può essere rappresentato come hwb(0deg 0% 0% / 0.5).

Gestione di tonalità, bianchezza e nerezza

La tonalità è trattata come un angolo; i valori superiori a 360deg o negativi sono normalizzati nell’intervallo da 0deg a 360deg. Ad esempio, hwb(360deg 0% 0%) è trattato come lo stesso colore di hwb(0deg 0% 0%), e hwb(-120deg 0% 0%) come lo stesso colore di hwb(240deg 0% 0%).

Bianchezza e nerezza sono trattate nell’intervallo da 0% a 100%. Una bianchezza maggiore avvicina il colore al bianco, mentre una nerezza maggiore lo avvicina al nero. Se la somma di bianchezza e nerezza è 100% o più, il colore è trattato come grigiastro indipendentemente dalla tonalità.

Differenza tra HWB e HSL

HSL regola il colore con saturazione e luminosità, quindi è adatto a specificare vividezza e luminosità. HWB regola il colore tramite la quantità di bianco e nero mescolati, rendendo semplici da descrivere operazioni come “renderlo più bianco mantenendo la stessa tonalità” o “aggiungere nero per scurirlo”.

Tuttavia, anche HWB non è uno spazio colore percettivamente uniforme. Quando si vuole gestire più facilmente la luminosità visiva o le differenze di colore, si possono usare spazi colore come Lab, LCH, Oklab e Oklch.