Scriptingweb.com - the code solution

Risorse, approfondimenti, supporto, analisi scripts

Home | Contattaci
Vai alla Home

Hexadecimal



L'uso dei colori nel web è essenziale, vediamo quindi come interpretare i nostri colori, siano essi nell'html, come nei fogli di stile.
Il metodo più diffuso, universalmente compatibile e consigliato dal W3C, è quello di usare dei valori numerici. Esistono diverse sintassi numeriche, ma quasi tutte si basano sulla notazione RGB, ovvero nell’indicare la quantità di rosso (Red), verde (Green) e blu (Blue) presenti nel colore stesso. Tra le varie sintassi, la principale è la notazione esadecimale:
color: #3980F4

Tale notazione va letta come tre gruppi di due cifre esadecimali; in questo esempio 39, 80, F4 che indicano nell’ordine la quantità di rosso, verde e blu. Questa sintassi presenta una interessante opzione, ovvero il fatto di poter essere abbreviata se le coppie sono costituite da cifre uguali tra loro.
Ad esempio, il valore #CCBBCC si potrà abbreviare in #CBC come il valore #550066 potrà essere ridotto in #506.

Usando regolarmente questa sintassi riduciamo la varietà di colori; di fatto usiamo una "paletta" di colori ridotta; tuttavia ne guadagnamo in compatibilità con gli schermi e le schede video più vecchie, e in compattezza dei nostri fogli di stile.

Esistono poi altre sintassi RGB, che usano valori percentuali o cifre decimali da 1 a 255, anche se è più indicato usare i valori numerici al posto dei percentuali; ad esempio:
color: rgb( 15%, 18%, 22% )
oppure
color: rgb( 130, 170, 240 )

C'è inoltre la possibilità di richiamare i colori tramite il loro nome, ad esempio red, black, yellow, o nomi che rappresentano colori più complessi come DarkOliveGreen, MediumTurquoise, IndianRed e tanti altri.
Bisogna specificare che logicamente non tutti i colori sono rappresentati da un nome; infatti i colori richiamabili tramite il proprio nome sono circa 140, mentre tramite codice esadecimale si possono arrivare a definire oltre 16 milioni di colori.
E' importante anche tener conto che la traduzione dei colori adoperabili tramite il nome può variare da sistema a sistema, soprattutto per quelli che sono comuni errori di battitura, ad esempio gray è giusto, ma anche grey viene riconosciuto da alcuni browser.
Come ultimo appunto, sempre per chi volesse adoperare i colori tramite nome, si ricorda che i nomi dei colori validati dal consorzio degli standard W3C, sono solo 16, e precisamente aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow; quindi se si utilizza un differente nome di colore, il foglio di stile non sarà validato, sempre che si voglia fare riferimento a questo.
Rimarrà sempre e comunque più indicato utilizzare i colori con i relativi codici esadecimali.

Qui di seguito un elenco completo ed ordinato dei colori adoperabili tramite nome con i relativi codici esadecimali:

AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine  #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4  
Black #000000  
BlanchedAlmond #FFEBCD  
Blue #0000FF  
BlueViolet #8A2BE2  
Brown #A52A2A  
BurlyWood #DEB887  
CadetBlue #5F9EA0  
Chartreuse #7FFF00  
Chocolate #D2691E  
Coral #FF7F50  
CornflowerBlue #6495ED  
Cornsilk #FFF8DC  
Crimson #DC143C  
Cyan #00FFFF  
DarkBlue #00008B  
DarkCyan #008B8B  
DarkGoldenRod #B8860B  
DarkGray #A9A9A9  
DarkGrey #A9A9A9  
DarkGreen #006400  
DarkKhaki #BDB76B  
DarkMagenta #8B008B  
DarkOliveGreen #556B2F  
Darkorange #FF8C00  
DarkOrchid #9932CC  
DarkRed #8B0000  
DarkSalmon #E9967A  
DarkSeaGreen #8FBC8F  
DarkSlateBlue #483D8B  
DarkSlateGray #2F4F4F  
DarkSlateGrey #2F4F4F  
DarkTurquoise #00CED1  
DarkViolet #9400D3  
DeepPink #FF1493  
DeepSkyBlue #00BFFF  
DimGray #696969  
DimGrey #696969  
DodgerBlue #1E90FF  
FireBrick #B22222  
FloralWhite #FFFAF0  
ForestGreen #228B22  
Fuchsia #FF00FF  
Gainsboro #DCDCDC  
GhostWhite #F8F8FF  
Gold #FFD700  
GoldenRod #DAA520  
Gray #808080  
Grey #808080  
Green #008000  
GreenYellow #ADFF2F  
HoneyDew #F0FFF0  
HotPink #FF69B4  
IndianRed #CD5C5C  
Indigo #4B0082  
Ivory #FFFFF0  
Khaki #F0E68C  
Lavender #E6E6FA  
LavenderBlush #FFF0F5  
LawnGreen #7CFC00  
LemonChiffon #FFFACD  
LightBlue #ADD8E6  
LightCoral #F08080  
LightCyan #E0FFFF  
LightGoldenRodYellow #FAFAD2  
LightGray #D3D3D3  
LightGrey #D3D3D3  
LightGreen #90EE90  
LightPink #FFB6C1  
LightSalmon #FFA07A  
LightSeaGreen #20B2AA  
LightSkyBlue #87CEFA  
LightSlateGray #778899  
LightSlateGrey #778899  
LightSteelBlue #B0C4DE  
LightYellow #FFFFE0  
Lime #00FF00  
LimeGreen #32CD32  
Linen #FAF0E6  
Magenta #FF00FF  
Maroon #800000  
MediumAquaMarine #66CDAA  
MediumBlue #0000CD  
MediumOrchid #BA55D3  
MediumPurple #9370D8  
MediumSeaGreen #3CB371  
MediumSlateBlue #7B68EE  
MediumSpringGreen #00FA9A  
MediumTurquoise #48D1CC  
MediumVioletRed #C71585  
MidnightBlue #191970  
MintCream #F5FFFA  
MistyRose #FFE4E1  
Moccasin #FFE4B5  
NavajoWhite #FFDEAD  
Navy #000080  
OldLace #FDF5E6  
Olive #808000  
OliveDrab #6B8E23  
Orange #FFA500  
OrangeRed #FF4500  
Orchid #DA70D6  
PaleGoldenRod #EEE8AA  
PaleGreen #98FB98  
PaleTurquoise #AFEEEE  
PaleVioletRed #D87093  
PapayaWhip #FFEFD5  
PeachPuff #FFDAB9  
Peru #CD853F  
Pink #FFC0CB  
Plum #DDA0DD  
PowderBlue #B0E0E6  
Purple #800080  
Red #FF0000  
RosyBrown #BC8F8F  
RoyalBlue #4169E1  
SaddleBrown #8B4513  
Salmon #FA8072  
SandyBrown #F4A460  
SeaGreen #2E8B57  
SeaShell #FFF5EE  
Sienna #A0522D  
Silver #C0C0C0  
SkyBlue #87CEEB  
SlateBlue #6A5ACD  
SlateGray #708090  
SlateGrey #708090  
Snow #FFFAFA  
SpringGreen #00FF7F  
SteelBlue #4682B4  
Tan #D2B48C  
Teal #008080  
Thistle #D8BFD8  
Tomato #FF6347  
Turquoise #40E0D0  
Violet #EE82EE  
Wheat #F5DEB3  
White #FFFFFF  
WhiteSmoke #F5F5F5  
Yellow #FFFF00  
YellowGreen #9ACD32  



Preleva un colore:

Fare click sul colore scelto per attivare/disattivare il suo codice esadecimale.