Padroneggiare il colore con il modello HSV

Introduzione

Mentre l'RGB è ottimo per gli schermi, non è sempre il modo più intuitivo per gli umani di pensare al colore. Se vuoi una "sfumatura di blu più chiara" o un "rosso più vibrante", regolare i valori RGB può essere complicato. Ecco che entra in gioco il modello di colore HSV.

Cos'è HSV?

HSV sta per Hue (Tonalità), Saturation (Saturazione) e Value (Valore) (a volte chiamato Luminosità o HSB). È progettato per allinearsi più strettamente al modo in cui gli umani percepiscono il colore.

Invece di mescolare tre luci colorate, HSV descrive il colore usando coordinate cilindriche:

• Tonalità (Hue): Il colore stesso (Rosso, Blu, Verde, ecc.).
• Saturazione (Saturation): L'intensità o purezza del colore.
• Valore (Value): La luminosità del colore.

I Componenti

Tonalità (H)

La tonalità è misurata in gradi, da 0° a 360°, attorno a una ruota dei colori.

• 0°: Rosso
• 120°: Verde
• 240°: Blu

Cambiare la tonalità cambia la "categoria" di base del colore senza influenzare la luminosità o l'intensità.

Saturazione (S)

La saturazione è una percentuale da 0% a 100%.

• 0%: Scala di grigi (nessun colore, solo nero/bianco/grigio).
• 100%: Colore teorico più intenso.

Una saturazione più bassa fa apparire il colore "sbiadito" o grigiastro.

Valore (V)

Il valore è anche una percentuale da 0% a 100%.

• 0%: Nero (oscurità completa).
• 100%: La forma più luminosa di quel colore.

HSV vs. RGB

Ad esempio, per scurire un colore in HSV, abbassi semplicemente il Valore. In RGB, devi abbassare Rosso, Verde e Blu proporzionalmente, il che comporta un po' di matematica.

Provalo Tu Stesso

Usa il selettore interattivo qui sotto per vedere come Tonalità, Saturazione e Valore influenzano il colore finale. Nota come cambiando solo un cursore si ha un effetto prevedibile che è spesso più difficile da ottenere con i cursori RGB.

Conclusione

Il modello HSV è uno strumento potente per designer e artisti. Separando le informazioni sul colore in Tonalità, Saturazione e Luminosità, rende la manipolazione del colore molto più intuitiva. La prossima volta che scegli una tavolozza di colori, prova a pensare in HSV!