I colori
| Codici |
In HTML e' possibile visualizzare un colore in due modi. Il primo consiste nel passare come valore all'attributo BGCOLOR un nome di colore (in lingua inglese). Il sistema e' senz'altro valido, ma pone un limite alla quantita' di sfumature utilizzabili.
| ROSSO | FF | FF | 00 | 00 | FF | 00 | FF | 00 |
| VERDE | FF | 00 | FF | 00 | FF | FF | 00 | 00 |
| BLU | FF | 00 | 00 | FF | 00 | FF | FF | 00 |
| Colori primari ROSSO VERDE BLU |
bianco R 100% V 100% B 100% |
rosso R 100% V - - - - B - - - - |
verde R - - - - V 100% B - - - - |
blu R - - - - V - - - - B 100% |
giallo R 100% V 100% B - - - - |
ciano R - - - - V 100% B 100% |
porpora R 100% V - - - - B 100% |
nero R - - - - V - - - - B - - - - |
La seconda soluzione consiste nell'uso del codice esadecimale, che non pone praticamente limiti di sorta. Adottare questo metodo puo' sembrare complicato a prima vista, ma con un minimo di pratica si rivela invece estremamente semplice. La tabella sopra mostra, sul lato sinistro, i tre colori primari ROSSO, VERDE e BLU, che opportunamente miscelati ci permetteranno di ottenere una gamma estesissima. Ma qual'e' il criterio che ci permette di miscelare questi tre colori? Si osservi la seconda colonna da sinistra. Presenta al suo interno tre coppie di FF, ogni coppia rappresenta un colore primario (ROSSO, VERDE e BLU) alla sua massima saturazione, che miscelati danno origine al bianco.
La colonna all'estrema destra ci mostra il risultato di cio' che si ottiene miscelando i tre colori primari a saturazione nulla (tre coppie di zeri):
| ROSSO=00 VERDE=00 BLU=00 |
Questo esempio dovrebbe chiarire le idee
| BGCOLOR=#FF0000 | BGCOLOR=#00FF00 | BGCOLOR=#0000FF | BGCOLOR=#FFFFFF | BGCOLOR=#000000 |
E le sfumature? Come accennato in precedenza si tratta di sistema numerico esadecimale, e per dare un'idea senza divagare in astrattismi faremo un esempio pratico: il sistema numerico decimale si basa sul fatto che abbiamo 5 dita per mano per un totale di 10 dita. Bene, adesso fingiamo di avere 8 dita per ogni mano, per un totale di 16 dita, ora il nostro sistema numerico diviene a base 16.
Ecco rappresentati i nostri 16 numeri base: 0 1 2 3 4 5 6 7 8 9 A B C D E F
Ed ecco un esempio di colori miscelati
| BGCOLOR=#324566 | BGCOLOR=#446688 | BGCOLOR=#6688AA | BGCOLOR=#88AACC | BGCOLOR=#ABCDEF |
Il sistema esa colore ci mette a disposizione ben 16.777.216 colori.
| I colori sicuri |
Purtroppo la grande varieta' di monitor utilizzati mette alla luce un problema: la mancata fedelta' di riproduzione del colore. Nonostante il codice sia il medesimo, il colore visualizzato puo' essere sensibilmente diverso. La seguente tabella mostra i cosiddetti colori sicuri, che non dovrebbero presentare questo tipo di problematica.
| white #FFFFFF | black #000000 | red #FF0000 | magenta #FF00FF | aqua #00FFFF |
| blue #0000FF | lime #00FF00 | yellow #FFFF00 | fuchsia #FF00FF | cyan #00FFFF |
| La tavolozza 'browser safe' |
Premesso che si stia utilizzando un monitor relativamente recente, possiamo disporre di una palette ben piu' ampia. Questa tavolozza di colori (in teoria) verra' interpretata allo stesso modo sia da Netscape Navigator che da Internet Explorer prendendo il nome di 'browser safe palette'. I colori possibili sono 216.
Si noti che che suddetti colori sono ottenuti utilizzando unicamente una combinazione delle doppiette esadecimali
00 33 66 99 cc ff.
| ff ff ff |
cc cc cc |
99 99 99 |
66 66 66 |
33 33 33 |
00 00 00 |
ff cc 00 |
ff 99 00 |
ff 66 00 |
ff 33 00 |
||||||
| 99 cc 00 |
cc 99 00 |
ff cc 33 |
ff cc 66 |
ff 99 66 |
ff 66 33 |
cc 33 00 |
cc 00 33 |
||||||||
| cc ff 00 |
cc ff 33 |
33 33 00 |
66 66 00 |
99 99 00 |
cc cc 00 |
ff ff 00 |
cc 99 33 |
cc 66 33 |
33 00 00 |
66 00 00 |
99 00 00 |
cc 00 00 |
ff 00 00 |
ff 33 66 |
ff 00 33 |
| 99 ff 00 |
cc ff 66 |
99 cc 33 |
66 66 33 |
99 99 33 |
cc cc 33 |
ff ff 33 |
99 66 00 |
99 33 00 |
66 33 33 |
99 33 33 |
cc 33 33 |
ff 33 33 |
cc 33 66 |
ff 66 99 |
ff 00 66 |
| 66 ff 00 |
99 ff 66 |
66 cc 33 |
66 99 00 |
99 99 66 |
cc cc 66 |
ff ff 66 |
99 66 33 |
66 33 00 |
99 66 66 |
cc 66 66 |
ff 66 66 |
99 00 33 |
cc 33 99 |
ff 66 cc |
ff 00 99 |
| 33 ff 00 |
66 ff 33 |
33 99 00 |
66 cc 00 |
99 ff 33 |
cc cc 99 |
ff ff 99 |
cc 99 66 |
cc 66 00 |
cc 99 99 |
ff 99 99 |
ff 33 99 |
cc 00 66 |
99 00 66 |
ff 33 cc |
ff 00 cc |
| 00 cc 00 |
33 cc 00 |
33 66 00 |
66 99 33 |
99 cc 66 |
cc ff 99 |
ff ff cc |
ff cc 99 |
ff 99 33 |
ff cc cc |
ff 99 cc |
cc 66 99 |
99 33 66 |
66 00 33 |
cc 00 99 |
33 00 33 |
| 33 cc 33 |
66 cc 66 |
00 ff 00 |
33 ff 33 |
66 ff 66 |
99 ff 99 |
cc ff cc |
cc 99 cc |
99 66 99 |
99 33 99 |
99 00 99 |
66 33 66 |
66 00 66 |
|||
| 00 66 00 |
33 66 33 |
00 99 00 |
33 99 33 |
66 99 66 |
99 cc 99 |
ff cc ff |
ff 99 ff |
ff 66 ff |
ff 33 ff |
ff 00 ff |
cc 66 cc |
cc 33 cc |
|||
| 00 33 00 |
00 cc 33 |
00 66 33 |
33 99 66 |
66 cc 99 |
99 ff cc |
cc ff ff |
33 99 ff |
99 cc ff |
cc cc ff |
cc 99 ff |
99 66 cc |
66 33 99 |
33 00 66 |
99 00 cc |
cc 00 cc |
| 00 ff 33 |
33 ff 66 |
00 99 33 |
00 cc 66 |
33 ff 99 |
99 ff ff |
99 cc cc |
00 66 cc |
66 99 cc |
99 99 ff |
99 99 cc |
99 33 ff |
66 00 cc |
66 00 99 |
cc 33 ff |
cc 00 ff |
| 00 ff 66 |
66 ff 99 |
33 cc 66 |
00 99 66 |
66 ff ff |
66 cc cc |
66 99 99 |
00 33 66 |
33 66 99 |
66 66 ff |
66 66 cc |
66 66 99 |
33 00 99 |
99 33 cc |
cc 66 ff |
99 00 ff |
| 00 ff 99 |
66 ff cc |
33 cc 99 |
33 ff ff |
33 cc cc |
33 99 99 |
33 66 66 |
00 66 99 |
00 33 99 |
33 33 ff |
33 33 cc |
33 33 99 |
33 33 66 |
66 33 cc |
99 66 ff |
66 00 ff |
| 00 ff cc |
33 ff cc |
00 ff ff |
00 cc cc |
00 99 99 |
00 66 66 |
00 33 33 |
33 99 cc |
33 66 cc |
00 00 ff |
00 00 cc |
00 00 99 |
00 00 66 |
00 00 33 |
66 33 ff |
33 00 ff |
| 00 cc 99 |
00 99 cc |
33 cc ff |
66 cc ff |
66 99 ff |
33 66 ff |
00 33 cc |
33 00 cc |
||||||||
| 00 cc ff |
00 99 ff |
00 66 ff |
00 33 ff |
||||||||||||