I colori vengono specificati utilizzando i nomi dei colori predefiniti, o valori RGB, HEX, HSL, RGBA, HSLA.
RGB
In CSS, un colore può essere specificato come un valore RGB, utilizzando questa formula:
rgb ( rosso, verde , blu )
Ogni parametro (rosso, verde e blu) definisce l’intensità del colore tra 0 e 255.
Ad esempio, rgb (255, 0, 0) viene visualizzata come rosso, perché il rosso è impostato al suo valore massimo (255) e gli altri sono impostati a 0.
Per visualizzare il colore nero, tutti i parametri di colore devono essere impostati a 0, in questo modo: rgb (0, 0, 0).
Per visualizzare il colore bianco, tutti i parametri di colore devono essere impostati a 255, in questo modo: rgb (255, 255, 255).
HEX
In CSS, un colore può essere specificato utilizzando un valore esadecimale nella forma:
#rrggbb
Dove rr (rosso), GG (verde) e BB (blu) sono valori esadecimali tra 00 e seguenti (stessi come decimali 0-255).
Ad esempio, # ff0000 viene visualizzata come rosso, perché il rosso è impostato per il suo valore massimo (FF) e gli altri sono impostati al valore più basso (00).
HSL
In HTML, un colore può essere specificato usando tonalità, saturazione e luminosità (HSL) nella forma:
HSL ( tonalità , saturazione , leggerezza )
Hue è un grado sulla ruota colore da 0 a 360. 0 è rosso, 120 è verde, e 240 è blu.
Saturazione è un valore percentuale, 0% significa una tonalità di grigio, e il 100% è il colore pieno.
Leggerezza è anche una percentuale, 0% è nero, 50% è né chiaro o scuro, 100% è bianco
RGBA
I valori di colore RGBA sono un’estensione di valori di colore RGB con un canale alfa – che specifica l’opacità per un colore.
Un valore di colore RGBA viene specificato con:
RGBA ( rosso, verde , blu, alfa )
HSLA
I valori di colore HSLA sono un’estensione di valori di colore HSL con un canale alfa – che specifica l’opacità per un colore.
Un valore di colore HSLA viene specificato con:
HSLA ( tonalità, saturazione , leggerezza, alfa )