I colori sono visualizzati combinando ROSSO, VERDE, BLU e la luce.
nomi dei colori
Con i CSS, i colori possono essere impostati utilizzando nomi di colori:
Valori CSS di colore
Con i CSS, i colori possono essere specificati in diversi modi:
- Con nomi dei colori
- Come valori RGB
- Come valori esadecimali
- Come valori HSL (CSS3)
- Come valori HWB (CSS4)
colori RGB
valori di colore RGB sono supportati in tutti i browser.
Un valore di colore RGB viene specificato con: RGB (rosso, verde, blu).
Ogni parametro (rosso, verde e blu) definisce l'intensità del colore come un numero intero compreso tra 0 e 255.
Ad esempio, RGB (0,0,255) è reso come blu, perché il parametro blu è impostato al suo valore più alto (255) e gli altri sono impostati a 0.
Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose:
Esempio
Color
RGB
Color
rgb(0,0,0)
Black
rgb(128,128,128)
Gray
rgb(255,255,255)
White
Prova tu stesso " colori esadecimali
valori di colore esadecimali sono supportati anche in tutti i browser.
Un colore esadecimale è specificato con: #RRGGBB.
RR (rosso), GG (verde) e BB (blu) sono numeri esadecimali tra 00 e FF specificano l'intensità del colore.
Ad esempio, # 0000FF viene visualizzato come blu, perché la componente blu è impostato al suo valore massimo (FF) e gli altri sono impostati su 00.
Esempio
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
Prova tu stesso " Sfumature di grigio sono spesso definiti con valori uguali per tutte le 3 sorgenti luminose:
Esempio
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
Prova tu stesso " Maiuscolo o minuscolo?
È possibile utilizzare lettere maiuscole o minuscole per specificare i valori esadecimali.
![]() | Minuscolo sono più facili da scrivere. caso superiori sono più facili da leggere. |
---|
nomi dei colori
CSS supporta 140 nomi di colori standard.
Nel prossimo capitolo si trova un elenco alfabetico completo di nomi di colori con i valori esadecimali:
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |