I colori sono visualizzati combinando ROSSO, VERDE, BLU e la luce.
I colori in CSS sono più spesso specificati da:
- un nome di colore valido - come "red"
- un valore RGB - come "rgb(255, 0, 0)"
- un valore esadecimale - come "#ff0000"
nomi dei colori
Colori definiti utilizzando nomi di colori:
Nota: I nomi di colore sono case-insensitive: "Red" è la stessa di "red" o "RED" .
HTML e CSS supporta 140 nomi di colori standard di .
RGB (rosso, verde, blu)
valori di colore RGB possono essere specificati utilizzando questa formula: RGB (rosso, verde, blu).
Ogni parametro (rosso, verde, blu) definisce l'intensità del colore fra 0 e 255.
Ad esempio, rgb(255,0,0) viene visualizzata come rosso, perché il rosso è impostato per il suo valore massimo (255) e gli altri sono impostati a 0. Esperimento mescolando i valori RGB di seguito:
| Rosso | verde | Blu |
|---|---|---|
| 255 | 0 | 0 |
Esempio
| Color | RGB |
|---|---|
| rgb(255,0,0) | |
| rgb(0,255,0) | |
| rgb(0,0,255) | |
| rgb(255,165,0) | |
| rgb(255,255,0) | |
| rgb(0,255,255) |
Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose:
colori esadecimali
Valori RGB possono anche essere specificati utilizzando valori di colore esadecimali nella forma: # RRGGBB, dove RR (rosso), GG (verde) e BB (blu) sono i valori esadecimali tra 00 e FF (stesso 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). Nota: valori HEX sono case-insensitive: "#ff0000" è la stessa come "FF0000" .
Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose: