Tabella colori HTML

In questa pagina trovi le tabelle di riferimento dei cosidetti colori HTML con l'indicazione del nome, codice esadecimale e RGB di ciascun colore.

I colori standard del linguaggio HTML

Le specifiche del inguaggio di marcatura HTML (v. 4.01) identifica una tavolozza (palette) di 16 colori standard che prendono il nome di Web Safe Color. Di seguto sono riportati in ordine alfabetico:

  Name HEX RGB
aqua#00ffff0,255,255
black#0000000,0,0
blue#0000ff0,0,255
fuchsia#ff00ff255,0,255
gray#808080128,128,128
green#0080000,128,0
lime#00ff000,255,0
maroon#800000128,0,0
navy#0000800,0,128
olive#808000128,128,0
purple#800080128,0,128
red#ff0000255,0,0
silver#c0c0c0192,192,192
teal#0080800,128,128
white#ffffff255,255,255
yellow#ffff00255,255,0

X11 Colors

Oltre ai 16 colori definiti dallo standard HTML, è possibile identificare una seconda tavolozza colori, molto più ampia, conosciuta come Standard X11. Questa tavolozza contiene svariati colori riconosciuti da praticamente tutti i browser in circolazione. Di seguito la tavolozza coi colori in ordine alfabetico:

  Name HEX RGB
aliceblue#f0f8ff240,248,255
antiquewhite#faebd7250,235,215
aqua#00ffff0,255,255
aquamarine#7fffd4127,255,212
azure#f0ffff240,255,255
beige#f5f5dc245,245,220
bisque#ffe4c4255,228,196
black#0000000,0,0
blanchedalmond#ffebcd255,235,205
blue#0000ff0,0,255
blueviolet#8a2be2138,43,226
brown#a52a2a165,42,42
burlywood#deb887222,184,135
cadetblue#5f9ea095,158,160
chartreuse#7fff00127,255,0
chocolate#d2691e210,105,30
coral#ff7f50255,127,80
cornflowerblue#6495ed100,149,237
cornsilk#fff8dc255,248,220
crimson#dc143c220,20,60
cyan#00ffff0,255,255
darkblue#00008b0,0,139
darkcyan#008b8b0,139,139
darkgoldenrod#b8860b184,134,11
darkgray#a9a9a9169,169,169
darkgreen#0064000,100,0
darkgrey#a9a9a9169,169,169
darkkhaki#bdb76b189,183,107
darkmagenta#8b008b139,0,139
darkolivegreen#556b2f85,107,47
darkorange#ff8c00255,140,0
darkorchid#9932cc153,50,204
darkred#8b0000139,0,0
darksalmon#e9967a233,150,122
darkseagreen#8fbc8f143,188,143
darkslateblue#483d8b72,61,139
darkslategray#2f4f4f47,79,79
darkslategrey#2f4f4f47,79,79
darkturquoise#00ced10,206,209
darkviolet#9400d3148,0,211
deeppink#ff1493255,20,147
deepskyblue#00bfff0,191,255
dimgray#696969105,105,105
dimgrey#696969105,105,105
dodgerblue#1e90ff30,144,255
firebrick#b22222178,34,34
floralwhite#fffaf0255,250,240
forestgreen#228b2234,139,34
fuchsia#ff00ff255,0,255
gainsboro#dcdcdc220,220,220
ghostwhite#f8f8ff248,248,255
gold#ffd700255,215,0
goldenrod#daa520218,165,32
gray#808080128,128,128
green#0080000,128,0
greenyellow#adff2f173,255,47
grey#808080128,128,128
honeydew#f0fff0240,255,240
hotpink#ff69b4255,105,180
indianred#cd5c5c205,92,92
indigo#4b008275,0,130
ivory#fffff0255,255,240
khaki#f0e68c240,230,140
lavender#e6e6fa230,230,250
lavenderblush#fff0f5255,240,245
lawngreen#7cfc00124,252,0
lemonchiffon#fffacd255,250,205
lightblue#add8e6173,216,230
lightcoral#f08080240,128,128
lightcyan#e0ffff224,255,255
lightgoldenrodyellow#fafad2250,250,210
lightgray#d3d3d3211,211,211
lightgreen#90ee90144,238,144
lightgrey#d3d3d3211,211,211
lightpink#ffb6c1255,182,193
lightsalmon#ffa07a255,160,122
lightseagreen#20b2aa32,178,170
lightskyblue#87cefa135,206,250
lightslategray#778899119,136,153
lightslategrey#778899119,136,153
lightsteelblue#b0c4de176,196,222
lightyellow#ffffe0255,255,224
lime#00ff000,255,0
limegreen#32cd3250,205,50
linen#faf0e6250,240,230
magenta#ff00ff255,0,255
maroon#800000128,0,0
mediumaquamarine#66cdaa102,205,170
mediumblue#0000cd0,0,205
mediumorchid#ba55d3186,85,211
mediumpurple#9370db147,112,219
mediumseagreen#3cb37160,179,113
mediumslateblue#7b68ee123,104,238
mediumspringgreen#00fa9a0,250,154
mediumturquoise#48d1cc72,209,204
mediumvioletred#c71585199,21,133
midnightblue#19197025,25,112
mintcream#f5fffa245,255,250
mistyrose#ffe4e1255,228,225
moccasin#ffe4b5255,228,181
navajowhite#ffdead255,222,173
navy#0000800,0,128
oldlace#fdf5e6253,245,230
olive#808000128,128,0
olivedrab#6b8e23107,142,35
orange#ffa500255,165,0
orangered#ff4500255,69,0
orchid#da70d6218,112,214
palegoldenrod#eee8aa238,232,170
palegreen#98fb98152,251,152
paleturquoise#afeeee175,238,238
palevioletred#db7093219,112,147
papayawhip#ffefd5255,239,213
peachpuff#ffdab9255,218,185
peru#cd853f205,133,63
pink#ffc0cb255,192,203
plum#dda0dd221,160,221
powderblue#b0e0e6176,224,230
purple#800080128,0,128
red#ff0000255,0,0
rosybrown#bc8f8f188,143,143
royalblue#4169e165,105,225
saddlebrown#8b4513139,69,19
salmon#fa8072250,128,114
sandybrown#f4a460244,164,96
seagreen#2e8b5746,139,87
seashell#fff5ee255,245,238
sienna#a0522d160,82,45
silver#c0c0c0192,192,192
skyblue#87ceeb135,206,235
slateblue#6a5acd106,90,205
slategray#708090112,128,144
slategrey#708090112,128,144
snow#fffafa255,250,250
springgreen#00ff7f0,255,127
steelblue#4682b470,130,180
tan#d2b48c210,180,140
teal#0080800,128,128
thistle#d8bfd8216,191,216
tomato#ff6347255,99,71
turquoise#40e0d064,224,208
violet#ee82ee238,130,238
wheat#f5deb3245,222,179
white#ffffff255,255,255
whitesmoke#f5f5f5245,245,245
yellow#ffff00255,255,0
yellowgreen#9acd32154,205,50

I colori nel mondo del web

I colori in HTML possono essere espressi in tre modi differenti, cioè mediante:

  • il loro nome convenzionale;
  • il loro codice esadecimale;
  • il loro codice RGB.

Il metodo RGB è il più diffuso in ambito grafico e consiste nell'indicazione delle quantità dei tre colori fondamentali Rosso, Verde e Blu (Red, Green, Blue) grazie ai quali può essere ottenuto qualsiasi altro colore della scala cromatica.

La notazione esadecimale (usata frequentemente nel web-publishing) non è altro che un modo differente per esprimere valori RGB dove i valori da 0 a 255 sono rappresentati, rispettivamente, da "00" a "FF" (su questo sito è presente uno strumento on-line per effettuare facilmente la conversione da Esadecimale a RGB e viceversa).

Utilizzare i colori in HTML e nei CSS

Negli attributi di layout di HTML è possibile esprimere i colori sia mediante il loro nome convenzionale che attraverso la notazione esadecimale, vediamo un esempio:

<body bgcolor="yellow">

è equivalente a

<body bgcolor="#FFFF00">

Utilizzando i CSS possiamo utilizzare, indifferentemente, il nome, la notazione esadecimale o RGB. Ad esempio:

body {
  background-color: yellow;  
}

è equivalente a

body {
  background-color: #FFFF00;  
}

ed anche a

body {
  background-color: rgb(255,255,0);  
}

Altri tool interessanti

clicca qui