Specificare il colore tramite # in CSS

Il metodo per specificare il colore tramite rgb, sebbene consenta di ottenere qualsiasi tonalità di qualsiasi colore, risulta comunque un po' ingombrante. Pertanto, esiste una terza opzione per specificare un colore: tramite un valore esadecimale.

Per comprendere l'essenza di questo metodo, è necessario familiarizzare con il sistema di numerazione esadecimale. In esso, a differenza del sistema decimale che usiamo nella vita quotidiana, non ci sono dieci cifre, ma sedici: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - come puoi vedere, per mancanza di cifre dopo il nove vengono utilizzate le lettere.

In questo sistema, al posto di rgb viene scritto un cancelletto #, seguito da sei caratteri. I primi due caratteri rappresentano il rosso, i secondi due caratteri rappresentano il verde, e gli ultimi due caratteri rappresentano il blu. Anche i colori variano da 0 a 255, ma nel sistema esadecimale questo sarà da 00 a FF.

Nel seguente esempio, il paragrafo viene colorato di rosso:

<p>
	testo
</p>

p {
	color: #FF0000;
}

Imposta per tutti i paragrafi il colore #FFEEAA.

Imposta per tutti i paragrafi lo sfondo #000000 e il colore del testo #FFFFFF. Quali colori risulteranno?

È dato il seguente codice:

p {
	color: rgb(255, 200, 255);
}

Utilizzando un convertitore, trasforma il colore in formato esadecimale.