Da HSL a RGBA

Confronta HSL con RGBA

HSL, HLS o HSI (dall'inglese tonalità, saturazione, luminosità (intensità)) è un modello di colore in cui le coordinate del colore sono tonalità, saturazione e luminosità. Va notato che HSV e HSL sono due diversi modelli di colore (luminosità, che è diversa dalla luminosità). Il modello di colore HSL consente di interpretare il modello RGB di base nella proiezione di un sistema di coordinate di colore cilindrico. I coloristi credono che HSL ti consenta di specificare i colori in un modo più leggibile dall'uomo rispetto al tipico modello RGB. L'abbreviazione HSL viene interpretata come Tonalità (colore / tonalità), Saturazione (saturazione), Luminosità / Luminosità (luminanza, da non confondere con la luminosità). Il primo fattore (Tonalità) indica la coordinata del colore all'interno della ruota dei colori (da 0 a 360 gradi). Il secondo coefficiente (Saturazione) trasmette il valore di saturazione come percentuale (da 0% a 100%). L'ultimo fattore (Luminosità) indica la percentuale di luminosità (da 0% a 100%).

RGBA sta per Red Green Blue Alpha. Anche se a volte viene indicato come spazio colore, in realtà è un modello di colore RGB a tre canali, aumentato da un quarto canale alfa. Alpha specifica quanto è opaco ogni pixel e consente di combinare un'immagine con altre utilizzando la fusione alfa, con regioni trasparenti e smussando i bordi delle regioni opache. Il formato RGBA è simile nella sintassi a RGB, ma include un canale alfa che controlla la trasparenza dell'elemento. Un valore di 0 corrisponde alla piena trasparenza, 1 all'opacità e un valore intermedio come 0,5 alla semitrasparenza. RGBA è stato aggiunto in CSS3, quindi la convalida del codice CSS dovrebbe essere eseguita utilizzando questa versione. Va notato che lo standard CSS3 è ancora in fase di sviluppo e alcune funzionalità in esso potrebbero cambiare. Ad esempio, un colore RGB aggiunto alla proprietà background-color viene convalidato, ma il colore aggiunto alla proprietà background non è più. Allo stesso tempo, i browser comprendono abbastanza correttamente il colore per entrambe le proprietà.