HTML - I codice colore

Ci sono tre diversi modi di definire un colore. Il metodo più semplice è quello di nominare i colori in inglese. Ad esempio: black, white, red, green and blue. Qui sotto puoi trovare la lista dei colori supportati in HTML.

HTML - Il sistema RGB

Questo metodo non è consigliato perchè Internet Explorer è l'unico browser a supportare i valori RGB in HTML.

RGB è un mix tra : Rosso, Verde, Blu. Ogni singolo colore di questi può assumere qualsiasi valore compreso tra 0 (nullo) e 255 (le proprietà complete di quel colore). Ho messo insieme nel modo in cui si scrivono i colori RGB. Usando un browser che non è Internet Explorer non avrete alcun risultato.

HTML - Il sistema esadecimale

Il sistema esadecimale risulta abbastanza complicato inizialmente ma con un po' di pratica ed esperienza non dovrebbe essere complicato comprenderlo appieno. Esso è inoltre il sistema standard di tutti i Web browser. È sicuro e compatibile non solo nelle applicazioni web.

Il sistema esadecimale è rappresentato da 6 caratteri di colori. I pimi due caratteri (RR) rappresentano il valore rosso, i secondi due (GG) quello verde e gli ultimi due (BB) quello blu.

htmlbgcolor="#FFFFFF"

HTML - Codice colore - Rompere il codice

La prossima tabella mostra il funzionamento del sistema decimale ed evidenzia come questo sistema aumenti le possibili compinazioni di colori.

Decimali

Esadecimali

In questo modo le possibilità di combinazioni sono molto superiori esssendoci 16 valori anzichè 10.

Un esempio di codice esadecimale:

htmlbgcolor="#FFFFFF"

La lettera "F" è il valore massimo che il sistema può assumere. Leggendo questo codice il browser visualizzera il colore bianco. Nel caso si volesse scoprire il valore numerico del colore è possibile utilizzare la seguente formula:

html(15 * 16) + (15) = 255

Questa formula è molto semplice. Viene preso il valore di "F" (15) e lo si moltiplica per 16 sommando poi il secondo valore. Il risultato è 255 che corrisponde al valore massimo che un colore primario può avere.

htmlbgcolor="#CC7005"

CC(RR - Red)
(12 * 16) + (12) = 204

70(GG - Green)
(7 * 16) + (0) = 112

05(BB - Blue)
(0 * 16) + (5) = 5

Colori veri

Il sistema esadecimale è molto utilizzato per creare pagine web. Esso è compatibile con la maggior parte dei browser e con questo metodo il modo di visualizzare i colori non cambia. Come garanzia, utilizzare i colori veri come : "#0011EE", "#44HHHFF", o "#117788". Questo tipo di colore non verrà cambiato nel browser.

Qua puoi trovare una lista dei colori veri

Si consiglia di attenersi a questi 216 "web-safe". Tuttavia, i display a colori a 8 bit erano molto più comuni quando è stata sviluppata la tavola a 216 colori di quanto lo siano ora. In ogni caso, è stato scoperto che solo 22 dei 216 colori della tavola "web-safe" sono visualizzati in modo affidabile senza rimappatura incoerente sugli schermi dei computer a 16 bit.

Ecco elencati i 22 colori: