Converti i valori HSV in RGB

Il primo numero è la tonalità (H), un angolo sulla ruota dei colori: 0° è il rosso, 120° il verde e 240° il blu[1]. Il secondo è la saturazione (S) e il terzo il valore (V). Photoshop chiama lo stesso modello HSB, e la guida di Adobe ne indica le componenti come tonalità, saturazione e luminosità[2].

Saturazione e valore si capiscono meglio pensando ai colori da pittura. Alvy Ray Smith, che ha descritto il modello nel 1978, li paragonava all'aggiunta di bianco e di nero a una tonalità pura: meno saturazione è più bianco, meno valore è più nero[3]. Per questo qualsiasi colore con valore 0% è nero, qualunque cosa dicano gli altri due numeri, e con saturazione 0% resta un grigio di quel valore.

Se hai il colore in un’altra notazione, per esempio OKLCH, Lab o codice Android, il convertitore colori lo mostra insieme in tutte le notazioni.

Calcola prima il croma, cioè la distanza tra i canali: C = V × S. Poi dividi la tonalità per 60°. La parte intera del risultato sceglie uno dei sei settori della ruota, e dal resto si ottiene il canale intermedio: X = C × (1 − |(H ÷ 60°) mod 2 − 1|). Alla fine aggiungi m = V − C a tutti i canali[1].

Prendiamo hsv(217.2, 76%, 96.5%). Il croma è 0,965 × 0,76 = 0,733. La tonalità divisa per 60° dà 3,62, quindi il colore sta nel settore tra 180° e 240°, dove il rosso vale zero, il verde è il canale intermedio e il blu è pieno. Il canale intermedio vale 0,733 × (1 − |1,62 − 1|) = 0,279, e m = 0,965 − 0,733 = 0,232.

Dopo aver aggiunto m, i canali valgono 0,232, 0,511 e 0,965. Moltiplicati per 255 e arrotondati danno rgb(59, 130, 246), che il convertitore da RGB a HEX trasforma in codice esadecimale.

CSS non ha la funzione hsv(), ma ha hwb(), in cui la tonalità è seguita dalla quantità di bianco e di nero mescolata al colore[6]. Il modello HWB l'ha descritto Alvy Ray Smith nel 1996, e si ricava da HSV con due formule brevi: W = (1 − S) × V e B = 1 − V[7].

Per hsv(217.2, 76%, 96.5%) il bianco vale (1 − 0,76) × 0,965 = 23,1% e il nero 1 − 0,965 = 3,5%, quindi nel foglio di stile scrivi hwb(217.2 23.1% 3.5%). Il browser mostra lo stesso colore di rgb(59, 130, 246). Se preferisci una notazione che capisca qualsiasi strumento, incolla semplicemente il risultato di questo convertitore.

OpenCV salva la tonalità di un'immagine a 8 bit come metà dell'angolo, per farla stare in un byte[8]. Due valori di tonalità vicini distano quindi 2°, e un colore che cade in mezzo non ha una corrispondenza esatta. La terna 109, 194, 246 che OpenCV dà per rgb(59, 130, 246) torna con l'opzione OpenCV come rgb(59, 127, 246), con il verde più basso di tre unità. OpenCV restituisce esattamente lo stesso: abbiamo confrontato l'opzione OpenCV con OpenCV.js 4.10 su tutte le terne con tonalità da 0 a 180.

Se il risultato deve tornare in un'immagine caricata con cv2.imread, usa cv2.COLOR_HSV2BGR, perché quell'immagine tiene i canali nell'ordine blu, verde, rosso[9].