lezioni sui siti web. prof.Romei Michele
Ogni codice dei colori HTML, se guardate bene, è comporto da strane combinazioni di lettere e numeri, apparentemente senza senso, ma definiti in gergo tecnico colori esadecimali. In realtà ogni codice è univoco rispetto ad un colore, per cui le combinazioni sono sempre precise. Qui di seguito è possibile vedere un esempio di una tabella dei codici dei colori HTML.
|
"#A0CE00" |
"ALICEBLUE" |
"#FAEBD7" |
"ANTIQUEWHITE" |
||
|
"#00FFFF" |
"AQUA" |
"#7FFFD4" |
"AQUAMARINE" |
||
|
"#F0FFFF" |
"AZURE" |
"#F5F5DC" |
"BEIGE" |
||
|
"#FFE4C4" |
"BISQUE" |
"#000000" |
"BLACK" |
||
|
"#FFEBCD" |
"BLANCHEDALMOND" |
"#0000FF" |
"BLUE" |
||
|
"#8A2BE2" |
"BLUEVIOLET" |
"#A52A2A" |
"BROWN" |
||
|
"#DEB887" |
"BURLYWOOD" |
"#5F9EA0" |
"CADETBLUE" |
||
|
"#7FFF00" |
"CHARTREUSE" |
"#D2691E" |
"CHOCOLATE" |
||
|
"#FF7F50" |
"CORAL" |
"#6495ED" |
"CORNFLOWERBLUE" |
||
|
"#FFF8DC" |
"CORNSILK" |
"#DC143C" |
"CRIMSON" |
||
|
"#00FFFF" |
"CYAN" |
"#00008B" |
"DARKBLUE" |
||
|
"#483D8B" |
"DARKSLATEBLUE" |
"#008B8B" |
"DARKCYAN" |
||
|
"#B8860B" |
"DARKGOLDENROD" |
"#A9A9A9" |
"DARKGRAY" |
||
|
"#FF1493" |
"DEEPPINK" |
"#00BFFF" |
"DEEPSKYBLUE" |
||
|
"##696969" |
"DIMGRAY" |
"#1E90FF" |
"DODGERBLUE" |
||
|
"#822222" |
"FIREBRICK" |
"#FFFAF0" |
"FLORALWHITE" |
||
|
"#228B22" |
"FORESTGREEN" |
"#FF00FF" |
"FUCHSIA" |
||
|
"#DCDCDC" |
"GAINSBORO" |
"#F8F8FF" |
"GHOSTWHITE" |
||
|
"#FFD700" |
"GOLD" |
"#DAA520" |
"GOLDENROD" |
||
|
"#808080" |
"GRAY" |
"#008800" |
"GREEN" |
||
|
"#ADFF2F" |
"GREENYELLOW" |
"#F0FFF0" |
"HONEYDEW" |
||
|
"#FF69B4" |
"HOTPINK" |
"#CD5C5C" |
"INDIANRED" |
||
|
"#4B0082" |
"INDIGO" |
"#FFFFF0" |
"IVORY" |
||
|
"#F0E68C" |
"KHAKY" |
"#E6E6FA" |
"LAVENDER" |
||
|
"#FFF0F5" |
"LAVENDERBLUSH" |
"#FFFACD" |
"LEMONCHIFFON" |
||
|
"#ADD8E6" |
"LIGHTBLUE" |
"#F08080" |
"LIGHTCORAL" |
||
|
"#E0FFFF" |
"LIGHTCYAN" |
"#FAFAD2" |
"LIGHTGOLDENRODYELLOW" |
||
|
"#90EE90" |
"LIGHTGREEN" |
"#D3D3D3" |
"LIGHTGRAY" |
||
|
"#FFB6C1" |
"LIGHTPINK" |
"#FFA07A" |
"LIGHTSALMON" |
||
|
"#20B2AA" |
"LIGHTSEAGREEN" |
"#87CEFA" |
"LIGHTSKYBLUE" |
||
|
"#778899" |
"LIGHTSLATEGRAY" |
"#B0C4DE" |
"LIGHTSTEELBLUE" |
||
|
"#FFFFE0" |
"LIGHTYELLOW" |
"#00FF00" |
"LIME" |
||
|
"#32CD32" |
"LIMEGREEN" |
"#FAF0E6" |
"LINEN" |
||
|
"#FF00FF" |
"MAGENTA" |
"#800000" |
"MAROON" |
||
|
"#66CDAA" |
"MEDIUMAQUAMARINE" |
"#0000CD" |
"MEDIUMBLUE" |
||
|
"#BA55D3" |
"MEDIUMMORCHID" |
"#9370DB" |
"MEDIUMPURPLE" |
||
|
"#3CB371" |
"MEDIUMSEAGREEN" |
"#7B68EE" |
"MEDIUMSLATEBLUE" |
||
|
"#00FA9A" |
"MEDIUMSPRINGGREEN" |
"#48D1CC" |
"MEDIUMTORQUOISE" |
||
|
"#C71585" |
"MEDIUMVIOLETRED" |
"#191970" |
"MIDNIGHTBLUE" |
||
|
"#F5FFFA" |
"MINTCREAM" |
"#FFE4E1" |
"MISTYROSE" |
||
|
"#FFDEAD" |
"NAVAJOWHITE" |
"#000080" |
"NAVY" |
||
|
"#FDF5E6" |
"OLDLACE" |
"#808000" |
"OLIVE" |
||
|
"#6B8E23" |
"OLIVEDRAB" |
"#FFA500" |
"ORANGE" |
||
|
"#FF4500" |
"ORANGERED" |
"#DA70D6" |
"ORCHID" |
||
|
"#EEE8AA" |
"PALEGOLDENROD" |
"#98FB98" |
"PALEGREEN" |
||
|
"#AFEEEE" |
"PALETURQUOISE" |
"#DB7093" |
"PALEVIOLETRED" |
||
|
"#FFEFD5" |
"PAPAYAWHIP" |
"#FFDAB9" |
"PEACHPUFF" |
||
|
"#CD853F" |
"PERU" |
"#FFC0CB" |
"PINK" |
||
|
"#DDA0DD" |
"PLUM" |
"#B0E0E6" |
"POWDERBLUE" |
||
|
"#800080" |
"PURPLE" |
"#FF0000" |
"RED" |
||
|
"#BC8F8F" |
"ROSYBROWN" |
"#4169E1" |
"ROYALBLUE" |
||
|
"#8B4513" |
"SADDLEBROWN" |
"#FA8072" |
"SALMON" |
||
|
"#F4A460" |
"SANDYBROWN" |
"#2E8B57" |
"SEAGREEN" |
||
|
"#FFF5EE" |
"SEASHELL" |
"#A0522D" |
"SIENNA" |
||
|
"#C0C0C0" |
"SILVER" |
"#87CEEB" |
"SKYBLUE" |
||
|
"#6A5ACD" |
"SLATEBLUE" |
"#708090" |
"SLATEGRAY" |
||
|
"#FFFAFA" |
"SNOW" |
"#00FF7F" |
"SPRINGGREEN" |
||
|
"#468284" |
"STEELBLUE" |
"#D2B48C" |
"TAN" |
||
|
"#008080" |
"TEAL" |
"#D8BFD8" |
"THISTLE" |
||
|
"#FF6347" |
"TOMATO" |
"#40E0D0" |
"TURQUOISE" |
||
|
"#EE82EE" |
"VIOLET" |
"#F5DEB3" |
"WHEAT" |
||
|
"#FFFFFF" |
"WHITE" |
"#F5F5F5" |
"WHITESMOKE" |
||
|
"#FFFF00" |
"YELLOW" |
"#9ACD32" |
"YELLOWGREEN" |
Formato dei codici HTML dei colori
Ogni codice
HTML,
come detto precedentemente, è formato da sei caratteri che
possono sembrare casuali preceduti dal simbolo "#". Ebbene,
questi caratteri, che possono essere sia lettere che numeri, non sono
altro che numeri veri e propri del sistema numero esadecimale. Come
esempio si può prendere la combinazione "FF", che
nel sistema numerico decimale rappresenta il numero 255.
Significato
dei simboli: Le combinazioni da sei caratteri dei codici
dei colori HTML sono
inoltre formate da tre coppie alfanumeriche. Ogni coppia di caratteri
alfanumerici rappresenta l'intensità di uno dei colori base
dell'universo, che sono il rosso, il verde e il blu. L'intensità
dei colori sono rappresentati a partire dalla coppia di caratteri
"00", che è l'intensità di colore minima, per
finire con la coppia di caratteri "FF", che è
l'intensità massima. La prima coppia di caratteri alfanumerici
formanti il codice
dei colori HTML a
sei cifre corrisponde all'intensità del colore rosso. La
seconda coppia corrisponde al colore verde e la terza coppia, ossia
le ultime due cifre alfanumeriche, corrisponde al colore blu.
Esempi:
#FF0000 -
Questo codice
HTML mostra
esclusivamente il colore rosso, in quanto l'intensità per il
colore rosso è massima e per i colori verdi e blu è
minima.
#00FF00 -
Questo codice segue l'esempio precedente, mettendo in risalto però
il verde a scapito del rosso e del blu.
#0000FF -
Il terzo esempio basilare è formato da questo codice
HTML,
che sta a indicare il blu.
Come detto prima, ogni coppia di caratteri alfanumerici sta a indicare l'intensità dei colori rosso, verde e blu. Aumentando e/o diminuendo queste intensità, cambiando quindi i caratteri delle coppie dei codici dei coloriHTML, si possono ottenere tantissimi colori.
Altri esempi si possono individuare nel giallo (codice colore HTML - #FFFF00), nell'arancione ( codice colore HTML - #FFA500), nel viola ( codice colore HTML - #800080) e via dicendo.
Una volta capito come viene generato un codice HTML dei colori, si può procedere al passo successivo: la scelta del colore da utilizzare nel proprio sito web. E' bene tenere a mente anche qui che ogni sito web ha il suo colore giusto e il suo colore sbagliato, che aiuta a attirare o allontanare i visitatori. Un colore troppo chiaro, che da noia agli occhi per esempio, tenderà a scacciare i visitatori dal sito web, mentre un colore giusto tenderà a trattenerli. Un esempio è il verde utilizzato nei tavoli da poker con i dettagli in rosso e nero, che risaltano all'occhio. E' quindi di fondamentale importanza la giusta scelta del colore anzichè ad un altro.
Come utilizzare i codici dei colori HTML?
Una
volta scelto il colore
HTML da
utilizzare e aver preso il codice
HTML opportuno,
si dovrà procedere ad utilizzarlo. Il codice
HTML del colorescelto
si può adattare a tutte le esigenze, come sfondo, come font
del testo, come colore per link e tabelle e molto altro essendo, come
già detto, univoco per ogni colore.
Nel caso si volesse
utilizzare il codice
HTML per
colorare uno sfondo del web bisognerà allora utilizzare il
seguente codice
HTML nella
pagina destinata alla colorazione (il colore scelto, casuale,
rappresenta il viola) :
<body
style="background:#800080">
Nel
caso si vogliano utilizzare i codici
HTML dei colori per
impostare un font del testo:
<span
style="color:#800080">
Per
colorare lo sfondo di una tabella i codici
HTML andranno
invece utilizzati nel seguente metodo:
<table
style="background:#800080">
I codici
HTML dei colori andranno
invece impostati nel seguente metodo per colorare i link:
<a
style="color:#800080">
Sitografia : www.colorihtml.it