• Da Hsl a esadecimale
• Rappresentazione HSL a colori:
• Rappresentazione del colore HEX:
• Conversione di HSL in HEX:
• Converti tonalità in RGB:
• Converti saturazione e luminosità in RGB:
• Convertire RGB in HEX:
• Tabella di conversione dei colori

Da Hsl a esadecimale

La conversione dei colori tra diverse rappresentazioni è un compito comune nello sviluppo web e nella progettazione grafica. HSL (Tonalità, Saturazione, Luminosità) e HEX (Esadecimale) sono due rappresentazioni cromatiche ampiamente utilizzate. Lascia che ti spieghi come convertire da HSL a HEX.

Rappresentazione HSL a colori:

HSL sta per Tonalità, Saturazione e Luminosità. È una rappresentazione cilindrica dei colori in un modo che è più intuitivo per la percezione umana rispetto a RGB (rosso, verde, blu). Ecco una breve spiegazione di ciascun componente:

1. Tonalità (H): rappresenta il colore stesso. È misurato in gradi su una ruota dei colori, che vanno da 0 ° (rosso) a 360 ° (di nuovo rosso). Altre tonalità sono distribuite intorno alla ruota di conseguenza.
2. Saturazione (S): rappresenta l'intensità o la purezza del colore. Un valore di saturazione pari allo 0% determina un colore in scala di grigi, mentre valori più alti producono colori più vivaci e intensi.
3. Luminosità (L): rappresenta la luminosità del colore. Un valore di luminosità pari allo 0% restituisce il nero, il 100% il bianco e i valori intermedi determinano livelli variabili di luminosità.

Rappresentazione del colore HEX:

HEX è una rappresentazione esadecimale dei colori comunemente usata nello sviluppo web. È costituito da un hash (#) seguito da sei caratteri, in cui ogni coppia di caratteri rappresenta l'intensità delle componenti rosse, verdi e blu del colore. Ad esempio, "#FF0000" rappresenta il rosso puro, "#00FF00" rappresenta il verde puro e "#0000FF" rappresenta il blu puro.

Conversione di HSL in HEX:

Per convertire un colore HSL in HEX, è necessario:

1. Convertite l'angolo di tonalità nel suo equivalente RGB.
2. Convertite la saturazione e la luminosità in valori RGB.
3. Convertite i valori RGB in notazione esadecimale.

Ecco una formula semplificata per eseguire la conversione:

Converti tonalità in RGB:

• • Supponiamo che H' sia la tonalità normalizzata (scalata tra 0 e 1).
  • Rosso = HueToRGB(H' + 1/3)
  • Verde = HueToRGB(H')
  • Blu = HueToRGB(H' - 1/3)

Converti saturazione e luminosità in RGB:

1. • Per semplicità, sia L' la leggerezza normalizzata tra 0 e 1.
   • Se saturazione = 0, allora R, G e B saranno tutti L' (una tonalità di grigio).
   • Altrimenti, calcola la saturazione regolata:
1. Se L' <= 0.5, adjustedSaturation = saturazione * (L' + 0.5)
2. Se L' > 0,5, adjustedSaturation = saturazione * (1 - L')
   • Quindi, R, G e B vengono calcolati utilizzando adjustedSaturation e L'.

Convertire RGB in HEX:

• • Convertire i valori rosso, verde e blu nei rispettivi equivalenti esadecimali a due cifre.

Poiché ciò comporta alcuni calcoli matematici, è spesso più facile utilizzare librerie o funzioni integrate disponibili nei linguaggi di programmazione per eseguire queste conversioni. Molti linguaggi di programmazione e librerie di colori forniscono funzioni per la conversione tra diverse rappresentazioni di colore.

Tabella di conversione dei colori