• Convertitore RGB-HSL
• Converti tra RGB e HSL
• I passaggi per convertire RGB in HSL:
• Per riconvertire da HSL a RGB:
• Tabella dei codici colore Rgb-Hsl

Convertitore RGB-HSL

Converti tra RGB e HSL

Il modello  di colore RGB è un modello additivo in cui la combinazione di luce rossa, verde e blu crea tutti i colori che vediamo sui  display dei computer. I valori per RGB vanno da 0 a 255, creando oltre 16 milioni di colori possibili.

Il  modello  HSL descrive i colori utilizzando tonalità, saturazione e luminosità. Questo si basa su come gli esseri umani percepiscono il colore. La tonalità rappresenta la  famiglia dei colori,  la saturazione è la vivacità  e la luminosità  è   la  luminosità. 

- La tonalità varia da 0° a 360°, rappresentando le posizioni sulla  ruota dei colori.

- La saturazione  è una percentuale da 0% (scala di grigi) a 100% (saturazione completa) 

- La leggerezza è una percentuale da 0% (nero) a 100% (bianco) 

I passaggi per convertire RGB in HSL:

1. Normalizza i valori RGB a 0-1 dividendo  ciascuno per 255.

2. Trova i valori RGB minimi e massimi.

3. Calcola la leggerezza come (max + min) / 2.

4. Se max = min, la saturazione è 0 e la tonalità non è definita.

5. Altrimenti, calcola la saturazione:

- saturazione = (max - min) /  (1 - abs(max + min -  1))

6. Calcola tonalità:

- Se il rosso è  max, tonalità = (verde -  blu) / (max - min) 

- Se il verde è  max, tonalità = 2 + (blu -  rosso) / (max - min)

- Se Blu è massimo, tonalità = 4 + (Rosso -  Verde) / (max - min) 

7. Converti la tonalità in gradi tra 0 ° -360 °.

8. Converti saturazione e leggerezza in percentuali.

Per riconvertire da HSL a RGB:

1. Se la saturazione è 0, R = G = B = leggerezza.

2. In caso contrario:

- Calcola crominanza (saturazione) come (1 -  abs (2 * leggerezza - 1)) *  saturazione

- Calcola tonalità' come tonalità/60

- Calcola i valori intermedi per ogni canale di colore

- Converti i valori intermedi in RGB usando modulo e hue'

Ciò consente una facile conversione tra i due modelli di colore. HSL è utile per  regolare i colori, mentre RGB è necessario per la visualizzazione. 

Tabella dei codici colore Rgb-Hsl

Questa tabella mostra alcuni valori RGB comuni e la rappresentazione HSL equivalente. Come puoi vedere, RGB si occupa direttamente delle componenti del colore, mentre HSL rappresenta i colori percettivamente attraverso tonalità, saturazione e luminosità. Le formule di conversione consentono di spostarsi tra questi due spazi colore.