Colori HTML RGB e RGBA
Un valore di colore RGB rappresenta le sorgenti luminose ROSSA, VERDE e BLU.
Un valore di colore RGBA è un'estensione di RGB con un canale alfa (opacità).
Valori colore RGB
In HTML, un colore può essere specificato come valore RGB, utilizzando questa formula:
RGB ( rosso, verde , blu )
Ciascun parametro (rosso, verde e blu) definisce l'intensità del colore con un valore compreso tra 0 e 255.
Ciò significa che ci sono 256 x 256 x 256 = 16777216 colori possibili!
Ad esempio, rgb(255, 0, 0) viene visualizzato come rosso, perché il rosso è impostato sul valore più alto (255) e gli altri due (verde e blu) sono impostati su 0.
Un altro esempio, rgb(0, 255, 0) viene visualizzato come verde, perché il verde è impostato sul valore più alto (255) e gli altri due (rosso e blu) sono impostati su 0.
Per visualizzare il nero, imposta tutti i parametri del colore su 0, in questo modo: rgb(0, 0, 0).
Per visualizzare il bianco, impostare tutti i parametri del colore su 255, in questo modo: rgb(255, 255, 255).
Sperimenta mescolando i valori RGB seguenti:
RGB(255, 99, 71)
ROSSO
VERDE
BLU
Esempio
Sfumature di grigio
Le sfumature di grigio sono spesso definite utilizzando valori uguali per tutti e tre i parametri:
Esempio
Valori colore RGBA
I valori di colore RGBA sono un'estensione dei valori di colore RGB con un canale alfa, che specifica l'opacità di un colore.
Un valore di colore RGBA è specificato con:
rgba ( rosso, verde , blu, alfa )
Il parametro alfa è un numero compreso tra 0,0 (completamente trasparente) e 1,0 (per niente trasparente):
Sperimenta mescolando i valori RGBA di seguito:
rgba (255, 99, 71, 0.5)
ROSSO
VERDE
BLU
ALFA