My smile link to © Mario's Home page

Tabelle dei COLORI WEB ed i loro riferimenti ai codici Esadecimali ed al nome codificato del colore

Links utili   Utility

C'é una fondamentale differenza nel modo in cui i colori vengono trattati dal MacOS e da Windows. Ad ogni colore dei 256 supportati da un'immagine in formato GIF può essere assegnato uno dei 16.777.216 possibili valori nello 'spazio cromatico' RGB (256x256x256); per questioni legate all'interfaccia utente, i due sistemi non si comportano allo stesso modo. 

Palette standard di 256 colori per MacOs

La palette standard Mac di sistema (l'immagine qui a sinistra) ha due colori - il bianco e il nero, il primo e l'ultimo - che non possono essere cambiati in quanto usati dall'interfaccia del sistema Mac , e per questo sono detti 'riservati'; tutti gli altri colori sono rimappabili in assoluta libertà tra i 16.777.216 colori RGB

Tipica palette di 256 colori di Win

Questa è invece una tipica palette di Windows 95; inizia con il nero e termina col bianco, e i primi e gli ultimi dieci colori sono riservati: i 16 VGA più 4 SVGA (giallo chiaro, verde chiaro, blu chiaro e un grigio medio). Gli altri 236 sono rimappabili. Questa palette non è rigida come quella MacOs, ma solo quella di default, e cambia ogni volta che l'utente visualizza un'immagine che usa una palette differente


 

Palette di colori standard per il web  6x6x6

In entrambe le piattaforme è quindi possibile creare un'immagine con tavolozze adattive ottimizzate; per un mare, ad esempio, la tavolozza si adatterà per contenere principalmente dei blu, mentre un tramonto avrà una tavolozza composta da toni di giallo e rosso.

Quando uno schermo a 8 bit (256 colori)  mostrerà il mare, la tavolozza usata per l'intero schermo cambierà (fatta eccezione per i colori 'riservati'). In questo modo uno sfondo che in origine era, mettiamo, un verde 'non riservato', diventerà probabilmente un blu, dal momento che nel posto occupato da quel verde all'interno della tavolozza ora ci sarà, appunto, un tono di blu.

Allo stesso modo, se nella stessa pagina web si trovano le due foto di cui sopra e subito dopo l'immagine del mare si trova quella del tramonto, anche quest'ultimo verrà mostrato in toni di blu, perchè lo schermo può usare solo una tavolozza 'ottimale' per volta. 

L'immagine qui a sinistra rappresenta il sistema per superare queste difficoltà: la cosi' detta  tavolozza 'sicura' ('safe palette') per creare immagini a 8 bit che vengono mostrate esattamente come sono.

Il tuo browser risolve infatti il problema rimappando l'immagie sulla sua propria tavolozza, non tenendo conto della tua palette adattiva che faceva così bello il tuo tramonto o il tuo mare. Aver usato da subito questa tavolozza, a questo punto, avrebbe certo portato a migliori risultati, se non altro perchè ci avrebbe risparmiato la brutta sorpresa della rimappatura.

Questa tavolozza si basa su incrementi di RGB del 20% che portano a costruire una palette di dimensioni 6x6x6. I  216 colori usati sono quindi i colori 'sicuri', e daranno buoni risultati su tutti gli schermi a 8 bit, mentre gli altri colori verranno ottenuti attraverso il dithering, e saranno quindi peggiori, (solo con quei computer che hanno una scheda video con una risoluzione massima di 256 colori, 8 bit).


Links utili:


NELLA PARTE QUI SOTTO SI PUO' VERIFICARE LA PALETTE DI COLORI (216) STANDARD PER IL WEB 
2-CLICK SUI LINKS NELLE CELLE PER VISUALIZZARE IL COLORE SULLO SFONDO DI QUESTA PAGINA

visualizza il codice o il nome del colore dello sfondo di questa pagina
oppure
inserisci il codice o il nome del colore e pigia il bottone.


Ø     vai in cima alla pagina     Links utili   Utility

Esempio d'uso:
<FONT COLOR="#CodiceCOLORE">il tuo testo</FONT>
<FONT COLOR="#0000FF">
Questo testo e' di colore BLU</FONT>

FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF Ø
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6500 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF Ø
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6500 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
990000 990033 990066 990099 9900CC 9900FF Ø
993300 993333 993366 993399 9933CC 9933FF
996500 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
650000 650033 650066 650099 6500CC 6500FF Ø
663300 663333 663366 663399 6633CC 6633FF
666500 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
330000 330033 330066 330099 3300CC 3300FF Ø
333300 333333 333366 333399 3333CC 3333FF
336500 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
000000 000033 000066 000099 0000CC 0000FF Ø
003300 003333 003366 003399 0033CC 0033FF
006500 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF

visualizza il codice o il nome del colore dello sfondo di questa pagina
oppure
inserisci il codice o il nome del colore e pigia il bottone
.


Ø      vai incima alla pagina     Links utili
   Utility

 

Nomi dei colori e riferimento al loro codice esadecimale

Alcuni colori possono essere richiamati con un nome identificativo
sotto una lista quasi completa

Snow
FFFAFA
GhostWhite
F8F8FF
WhiteSmoke
F5F5F5
Gainsboro
DCDCDC
 Ø
FloralWhite
FFFAF0
OldLace
FDF5E6
Linen
FAF0E6
AntiqueWhite
FAEBD7
PapayaWhip
FFEFD5
BlanchedAlmond
FFEBCD
Bisque
FFFAF0
PeachPuff
FFDAB9
NavajoWhite
FFDEAD
Moccasin
FFE4B5
Cornsilk
FFF8DC
Ivory
FFFFF0
LemonChiffon
FFFACD
Seashell
FFF5EE
Honeydew
F0FFF0
MintCream
F5FFFA
Azure
F0FFFF
AliceBlue
F0F8FF
lavender
E6E6FA
LavenderBlush
FFF0F5
MistyRose
FFE4E1
White
FFFFFF
Black
000000
DarkSlateGray
2F4F4F
LightSlateGray
778899
Gray
808080
LightGray
D3D3D3
MidnightBlue
191970
CornflowerBlue
6495ED
DarkSlateBlue
483D8B
SlateBlue
6A5ACD
MediumSlateBlue
7B68EE
 Ø
LightSlateBlue
8470FF
NavyBlue
000080
DimGray
696969
SlateGray
708090
MediumBlue
0000CD
RoyalBlue
4169E1
Blue
0000FF
DodgerBlue
1E90FF
DeepSkyBlue
00BFFF
SkyBlue
87CEEB
LightSkyBlue
87CEFA
SteelBlue
4682B4
LightSteelBlue
B0C4DE
LightBlue
ADD8E6
PowderBlue
B0E0E6
PaleTurquoise
AFEEEE
DarkTurquoise
00CED1
MediumTurquoise
48D1CC
Turquoise
40E0D0
Cyan
00FFFF
LightCyan
E0FFFF
CadetBlue
5F9EA0
MediumAquamarine
66CDAA
Aquamarine
7FFFD4
DarkGreen
006400
DarkOliveGreen
556B2F
DarkSeaGreen
8FBC8F
SeaGreen
2E8B57
MediumSeaGreen
3CB371
LightSeaGreen
20B2AA
PaleGreen
98FB98
SpringGreen
00FF7F
 Ø
LawnGreen
7CFC00
Green
008000
Chartreuse
7FFF00
MedSpringGreen
00FA9A
GreenYellow
ADFF2F
LimeGreen
32CD32
YellowGreen
9ACD32
ForestGreen
228B22
OliveDrab
6B8E23
DarkKhaki
BDB76B
PaleGoldenrod
EEE8AA
??LtGoldenrodYello
FAFAD2
LightYellow
FFFFE0
Yellow
FFFF00
Gold
FFD700
??LightGoldenrod
EEDD82
Goldenrod
DAA520
DarkGoldenrod
B8860B
RosyBrown
BC8F8F
IndianRed
CD5C5C
SaddleBrown
8B4513
Sienna
A0522D
Peru
CD853F
Burlywood
DEB887
Beige
F5F5DC
Wheat
F5DEB3
SandyBrown
F4A460
Tan
D2B48C
Chocolate
D2691E
Firebrick
B22222
Brown
A52A2A
DarkSalmon
E9967A
 Ø
Salmon
FA8072
LightSalmon
FFA07A
Orange
FFA500
DarkOrange
FF8C00
Coral
FF7F50
LightCoral
F08080
Tomato
FF6347
OrangeRed
FF4500
Red
FF0000
HotPink
FF69B4
DeepPink
FF1493
Pink
FFC0CB
MediumVioletRed
C71585
RedViolet
ED00E0
Magenta
FF00FF
Violet
EE82EE
Plum
DDA0DD
LightPink
FFB6C1
PaleVioletRed
DB7093
Maroon
80000
Orchid
DA70D6
MediumOrchid
BA55D3
DarkOrchid
9932CC
DarkViolet
9400D3
BlueViolet
8A2BE2
Purple
800080
MediumPurple
9370DB
Thistle
D8BFD8

visualizza il codice o il nome del colore dello sfondo di questa pagina
oppure
inserisci il codice o il nome del colore e pigia il bottone.


Ø      vai in cima alla pagina    Links utili   Utility

comoda utility per scegliere un colore e ricavarne il codice ESADECIMALE ed RGB

Ø      vai in cima alla pagina    Links utili

Ciao
Mario