COLORI HTML

Colorihtml.it offre a tutti i visitatori del web degli strumenti semplici ma utili per l'utilizzazione dei colori HTML. Non tutti sanno che sul mondo virtuale ogni colore realmente esistente viene abbinato ad un codice, che prende il nome di codice dei colori HTML. Questo sito da la possibilità a tutti di utilizzare questi codici per "colorare" tutto ciò che si vuole, e lo fa mettendo a disposizione di tutti una tabela colori HTML in modo da ricavare facilmente e velocemente un codice dei colori HTML.
Il funzionamento del sito è molto semplice, e basterà leggere le piccole guide disponibili per capirne il funzionamento. Innanzitutto è bene spiegare che con questo metodo di utilizzo dei codici HTML per i colori anche i gli utenti meno esperti non troveranno alcuna difficoltà, in quanto ogni codice è univoco per ogni colore esistente. E' utile anche spiegare come funzionano i codici. 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, mentre a questo link, potrete divertivi a creare i vostri codici 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 colore scelto 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">

Supporta il sito colorihtml.it

Se il sito colorihtml.it ti è stato utile, ti è piaciuto e/o vuoi ricordartene e supportarlo, puoi inserire un link sul tuo sito in modo da farlo conoscere anche ad altre persone. Per farlo ti basterà copiare e incollare il seguente codice dove preferisci nel tuo sito web. In tal caso, grazie!
<a href="http://colorihtml.it/" title="Codici colori HTML">colori HTML</ a>

Valid XHTML 1.0 Transitional CSS Valido!