Strumento di conversione RGB HSL

HSL:
HEX:

Conversione RGB HSL

La conversione da RGB a HSL è il processo di modifica dello spazio colore. RGB (Rosso, Verde, Blu) sono i tre colori primari della luce comunemente utilizzati nelle immagini digitali. HSL (Tonalità, Saturazione, Luminosità) è un altro modo per rappresentare i colori, dove la tonalità rappresenta il tipo di colore, la saturazione la purezza del colore e la luminosità la luminosità.

La conversione da RGB a HSL avviene tramite calcoli matematici. Inizialmente, i valori RGB vengono normalizzati e successivamente vengono calcolati i valori HSL. Questo processo è ampiamente utilizzato in campi come l'elaborazione delle immagini e il web design, ed è utile per la conversione e l'adattamento dei colori.

La conversione da RGB a HSL è uno strumento importante per comprendere il modo in cui i colori sono rappresentati e gestiti nel design visivo. Utilizzando questa conversione, è possibile sperimentare diverse combinazioni di tonalità, saturazione e luminosità, permettendo una rappresentazione più ricca dei colori.

Elenco dei codici colore RGB e HSL

Nome colore Codice colore RGB Codice colore HSL Colore
Rosso rgb(255, 0, 0) hsl(0, 100%, 50%)
Verde rgb(0, 255, 0) hsl(120, 100%, 50%)
Blu rgb(0, 0, 255) hsl(240, 100%, 50%)
Giallo rgb(255, 255, 0) hsl(60, 100%, 50%)
Viola rgb(128, 0, 128) hsl(300, 100%, 25%)

Formule di conversione RGB HSL

Formule di conversione da RGB a HSL
Input (R, G, B) Output (H, S, L)
0 ≤ R, G, B ≤ 1 0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. Trovare il massimo e il minimo:
Cmax = max(R, G, B)
Cmin = min(R, G, B)
Δ = Cmax - Cmin
2. Calcolare la tonalità (H):
H =
| (G - B) / Δ , se Cmax = R
| (B - R) / Δ + 2 , se Cmax = G
| (R - G) / Δ + 4 , se Cmax = B

Tuttavia, potrebbe essere necessaria una correzione per rientrare nell'intervallo di 360 gradi.
3. Calcolare la saturazione (S):
S = Δ / (1 - |2L - 1|)
4. Calcolare la luminosità (L):
L = (Cmax + Cmin) / 2
5. Normalizzare H nell'intervallo di 360 gradi:
H = H * 60° , se H < 0
H = H * 60° - 360° , se H ≥ 0

Cos'è RGB?

RGB è l'abbreviazione di Rosso (Red), Verde (Green), Blu (Blue), ed è un tipo di modello di colore digitale. In questo modello, i tre colori primari della luce, rosso, verde e blu, vengono combinati per rappresentare una vasta gamma di colori.

Il modello di colore RGB è ampiamente utilizzato in immagini digitali e dispositivi elettronici come i display, e ciascun colore è rappresentato in un intervallo da 0 a 255. Le varie combinazioni di rosso, verde e blu consentono di creare una gamma completa di colori.

Cos'è HSL?

HSL è l'abbreviazione di Tonalità (Hue), Saturazione (Saturation) e Luminosità (Lightness), ed è un modo per rappresentare i colori. In questo modello, la tonalità rappresenta il tipo di colore (ad esempio rosso, verde, blu), la saturazione rappresenta l'intensità del colore e la luminosità rappresenta la luminosità del colore.

Il modello di colore HSL permette una rappresentazione intuitiva dei colori ed è ampiamente utilizzato nel design e nella grafica. Modificando la tonalità si possono cambiare i tipi di colore, mentre regolando la saturazione e la luminosità è possibile regolare l'intensità e la luminosità del colore.

Quali sono i vantaggi della conversione da RGB a HSL?

La conversione da RGB a HSL offre diversi vantaggi. In primo luogo, HSL è un modo intuitivo e facile da comprendere per rappresentare i colori agli occhi umani. Poiché utilizza tre elementi - tonalità, saturazione e luminosità - è possibile regolare intuitivamente il tipo di colore, l'intensità e la luminosità.

Inoltre, nei campi del design e della grafica, è spesso necessario regolare o convertire i colori. La conversione da RGB a HSL consente di effettuare regolazioni precise dei colori e di verificare la compatibilità dei colori in modo più efficiente. Inoltre, utilizzando HSL, è possibile sfruttare le caratteristiche della tonalità, della saturazione e della luminosità per creare espressioni e design più efficaci.