HTML - I codice colore

  »   HTML  »   HTML Tutorial - Hexadecimal, RGB color codes, inserting colors into html pages / safe colors

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.

ColoreHexColoreHexColoreHexColoreHex
aqua#00FFFFgreen#008000navy#000080silver#C0C0C0
black#000000gray#808080olive#808000teal#008080
blue#0000FFlime#00FF00purple#800080white#FFFFFF
fuchsia#FF00FFmaroon#800000red#FF0000yellow#FFFF00

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.

bgcolor="rgb(255,255,255)"White
bgcolor="rgb(255,0,0)"Red
bgcolor="rgb(0,255,0)"Green
bgcolor="rgb(0,0,255)"Blue

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

0123456789101112131415

Esadecimali

0123456789ABCDEF

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

*000300600900C00*F00
*003303603903C03*F03
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
*00F30F60F90FC0F*F0F
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
*0F03F0*6F09F0CF0*FF0
0F3*3F3*6F39F3CF3*FF3
*0F6*3F66F69F6*CF6*FF6
0F93F96F99F9CF9FF9
*0FC*3FC6FC9FCCFCFFC
*0FF*3FF*6FF9FFCFF*FFF

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:

*000*F00
*003*F03
*00F*F0F
*FF0*FF3
*CF6*FF6
*0F0*6F0
*3F3*6F3
*0F6*3F6
*0FC*3FC
*0FF*3FF
*6FF*FFF