Le pagine HTML tramite il colore possono essere rese più leggibili e piacevoli.
Consulta Color Tutorial di w3schools.
I tag e gli attributi coinvolti sono
- BODY: alink bgcolor link text vlink
- FONT HR: color
- TABLE TD TH TR: bgcolor
Lo stesso colore può essere specificato in diversi modi
- nome: black, blue, green, red, yellow, white, …
- RGB (6 cifre): #000000, #0000FF, #00FF00, #FF0000, #FFFF00, #FFFFFF, …
- RGB (3 cifre): #000, #00F, #0F0, #F00, #FF0, #FFF, …
Colori sicuri
Sono detti colori sicuri quelle sfumature di colore rappresentate allo stesso modo da qualsiasi schermo, browser.
In passato gli schermi presentavano differenze marcate anche con i colori di base ma negli anni si è passati da 8 a 16, 216, … colori sicuri.
Gli 8 colori sicurissimi
I codici colore utilizzati sono solo due: 00 e FF
| #000000 | #000 | black | |
| #0000FF | #00F | blue | |
| #00FF00 | #0F0 | lime | |
| #00FFFF | #0FF | aqua / cyan | |
| #FF0000 | #F00 | red | |
| #FF00FF | #F0F | fuchsia / magenta | |
| #FFFF00 | #FF0 | yellow | |
| #FFFFFF | #FFF | white |
I 16 colori molto sicuri…
I codici colore utilizzati sono: 00, 80, C0, FF.
| #000000 | #000 | black | |
| #000080 | navy | ||
| #0000FF | #00F | blue | |
| #008000 | green | ||
| #008080 | teal | ||
| #00FF00 | #0F0 | lime | |
| #00FFFF | #0FF | aqua / cyan | |
| #800000 | maroon | ||
| #800080 | purple | ||
| #808000 | olive | ||
| #808080 | gray / grey | ||
| #C0C0C0 | silver | ||
| #FF0000 | #F00 | red | |
| #FF00FF | #F0F | fuchsia / magenta | |
| #FFFF00 | #FF0 | yellow | |
| #FFFFFF | #FFF | white |
I 216 colori sicuri…
Per avere una scelta ancora maggiore si consiglia di utilizzare al più le sei costanti 00, 33, 66, 99, CC e FF
Vedi la tabella corrispondente 
I colori sono in ordine crescente di codice numerico.
Il codice RGB appare al passaggio del mouse su ciascuna cella.
Osserva
- si ha una scelta di 6*6*6=216 colori…
- è più intuitivo raggiungere il colore desiderato
- si possono abbreviare come terna esadecimale (es. #FF3366 –> #F36)
- sono di facile memorizzazione.
Tutti i colori
Si assegnano 6 cifre esadecimali e si ottiene il codice, #RRGGBB, da utilizzare nelle pagine HTML.
Osserva
- Le cifre in base 16 sono: 0 1 2 3 4 5 6 7 8 9 A B C D E F
- In ogni coppia di cifre la prima cifra pesa più della seconda…
- Il codice per ogni componente del colore va da 00 a FF (da 0 a 255)
- Le combinazioni totali sono 16*16*16*16*16*16 = 256*256*256 = 224 (più di 16 milioni).