CSS Valore esadecimale


Esempio

sfondo

I colori CSS possono anche essere rappresentati come una tripletta esadecimale, in cui i membri rappresentano i componenti rosso, verde e blu di un colore. Ciascuno di questi valori rappresenta un numero compreso tra 00 e FF o tra 0 e 255 nella notazione decimale. Possono essere usati valori esadecimali maiuscoli e / o minuscoli (es. #3fc = #3FC = #33ffCC ). Il browser interpreta #369 come #336699 . Se questo non è ciò che intendi, ma preferisci #306090 , devi specificarlo esplicitamente.

Il numero totale di colori che possono essere rappresentati con la notazione esadecimale è 256 ^ 3 o 16.777.216.

Sintassi

color: #rrggbb;
color: #rgb
Valore Descrizione
rr 00 - FF per la quantità di rosso
gg 00 - FF per la quantità di verde
bb 00 - FF per la quantità di blu
.some-class {
    /* This is equivalent to using the color keyword 'blue' */
    color: #0000FF;
}

.also-blue {
    /* If you want to specify each range value with a single number, you can!
       This is equivalent to '#0000FF' (and 'blue') */
    color: #00F;
}

La notazione esadecimale viene utilizzata per specificare i valori dei colori nel formato colore RGB, in base ai "valori numerici dei colori" del W3C .

Ci sono molti strumenti disponibili su Internet per cercare valori di colore esadecimali (o semplicemente esadecimali).

Cerca " tavolozza colori esadecimali " o " selettore colori esadecimali " con il tuo browser web preferito per trovare un sacco di opzioni!

I valori esadecimali iniziano sempre con un cancelletto (#), hanno un massimo di sei "cifre" e non fanno distinzione tra maiuscole e minuscole: cioè, non si preoccupano delle lettere maiuscole. #FFC125 e #ffc125 sono dello stesso colore.