Colori CSS HEX
Un colore esadecimale viene specificato con: #RRGGBB, dove gli interi esadecimali RR (rosso), GG (verde) e BB (blu) specificano i componenti del colore.
Valore esadecimale
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 compresi tra 00 e ff (come decimale 0-255).
Ad esempio, #ff0000 viene visualizzato in rosso, perché il rosso è impostato sul valore più alto (ff) e gli altri sono impostati sul valore più basso (00).
Per visualizzare il nero, imposta tutti i valori su 00, in questo modo: #000000.
Per visualizzare il bianco, imposta tutti i valori su ff, in questo modo: #ffffff.
Sperimenta mescolando i valori HEX di seguito:
#ff6347
ROSSO
VERDE
BLU
Esempio
Le sfumature di grigio sono spesso definite utilizzando valori uguali per tutte e 3 le sorgenti luminose:
Esempio
Valore esadecimale a 3 cifre
A volte vedrai un codice esadecimale a 3 cifre nel codice sorgente CSS.
Il codice esadecimale a 3 cifre è un'abbreviazione per alcuni codici esadecimali a 6 cifre.
Il codice esadecimale a 3 cifre ha la forma seguente:
# RGB
Dove r, g e b rappresentano i componenti rosso, verde e blu con valori compresi tra 0 e f.
Il codice esadecimale a 3 cifre può essere utilizzato solo quando entrambi i valori (RR, GG e BB) sono gli stessi per ciascun componente. Quindi, se abbiamo #ff00cc, può essere scritto in questo modo: #f0c.
Ecco un esempio:
Esempio
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}