Tabella colori html
Tabella colori html
I colori in HTML si possono esprimere in due modi:
- in formato RGB (Red Green Blue);
- indicandone il nome (solo con Netscape e Internet Explorer).
Il primo è sicuramente il più flessibile ed è anche il metodo utilizzato da gran parte degli editor per le elaborazioni delle immagini.
Si basa sulla combinazione dei tre colori fondamentali Rosso, Verde e Blu per ottenere un qualsiasi colore nella gamma di quelli disponibili. A ciascuno di questi tre colori è possiblie assegnare un valore esadecimale compreso tra "00" e "FF" (corrispondenti a 0 e 255) combinandoli in modo da ottenere la tonalità desiderata.
Si ottengono in questo modo dei codici di sei cifre che vanno sempre preceduti dal simbolo # e compresi tra apici.
La seconda possibilità, non compatibile per tutti i browser, permette di indicare direttamente il colore desiderato (naturalmente in inglese).
Si riportano di seguito i codici esadecimali e i nomi dei 126 colori fondamentali riconosciuti da Netscape Navigator 2.0 (per poterli visualizzare la scheda grafica deve supportare almeno 256 colori).
"#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" |
http://riemann.unica.it/studenti/guida/colori.html
Tabella colori html
Principali colori con i corrispondenti codici esadecimali. |
|
|
|
|
|
|
Tabella colori html
Il cubo dei colori
- Il cubo dei colori è costituito da tutti i colori le cui componenti RGB sono ristette ai valori esadecimali 00, 33, 66, 99, CC e FF.
- I 216 colori ottenuti, possono essere rappresentati nel seguente cubo 6x6x6, in cui, per convenzione, supporremo che il vertice "black" è nella parte frontale del disegno, mentre quello "white" è nascosto.
-
Per visualizzare in maniera conveniente il cubo dei colori, procederemo a strati:
-
- Strato 1 (esterno):
- Strato 2 (intermedio):
-
- Strato 3 (interno):
-
laTabella V rappresenta le 6 facce del cubo 2x2x2 interno, con al centro due vertici di grigio medio (999999 e 666666).
FFFF00 |
CCFF00 |
99FF00 |
66FF00 |
33FF00 |
00FF00 |
||||||||||||||||
FFCC00 |
CCCC00 |
99CC00 |
66CC00 |
33CC00 |
00CC00 |
00FF33 |
|||||||||||||||
FF9900 |
CC9900 |
999900 |
669900 |
339900 |
009900 |
00CC33 |
00FF66 |
||||||||||||||
FF6600 |
CC6600 |
996600 |
666600 |
336600 |
006600 |
009933 |
00CC66 |
00FF99 |
|||||||||||||
FF3300 |
CC3300 |
993300 |
663300 |
333300 |
003300 |
006633 |
009966 |
00CC99 |
00FFCC |
||||||||||||
FF0000 |
CC0000 |
990000 |
660000 |
330000 |
000000 |
003333 |
006666 |
009999 |
00CCCC |
00FFFF |
|||||||||||
FF0033 |
CC0033 |
990033 |
660033 |
330033 |
000033 |
003366 |
006699 |
0099CC |
00CCFF |
||||||||||||
FF0066 |
CC0066 |
990066 |
660066 |
330066 |
000066 |
003399 |
0066CC |
0099FF |
|||||||||||||
FF0099 |
CC0099 |
990099 |
660099 |
330099 |
000099 |
0033CC |
0066FF |
||||||||||||||
FF00CC |
CC00CC |
9900CC |
6600CC |
3300CC |
0000CC |
0033FF |
|||||||||||||||
FF00FF |
CC00FF |
9900FF |
6600FF |
3300FF |
0000FF |
FFFF00 |
CCFF00 |
99FF00 |
66FF00 |
33FF00 |
00FF00 |
||||||||||||||||
FFCC00 |
FFFF33 |
CCFF33 |
99FF33 |
66FF33 |
33FF33 |
00FF33 |
|||||||||||||||
FF9900 |
FFCC33 |
FFFF66 |
CCFF66 |
99FF66 |
66FF66 |
33FF66 |
00FF66 |
||||||||||||||
FF6600 |
FF9933 |
FFCC66 |
FFFF99 |
CCFF99 |
99FF99 |
66FF99 |
33FF99 |
00FF99 |
|||||||||||||
FF3300 |
FF6633 |
FF9966 |
FFCC99 |
FFFFCC |
CCFFCC |
99FFCC |
66FFCC |
33FFCC |
00FFCC |
||||||||||||
FF0000 |
FF3333 |
FF6666 |
FF9999 |
FFCCCC |
FFFFFF |
CCFFFF |
99FFFF |
66FFFF |
33FFFF |
00FFFF |
|||||||||||
FF0033 |
FF3366 |
FF6699 |
FF99CC |
FFCCFF |
CCCCFF |
99CCFF |
66CCFF |
33CCFF |
00CCFF |
||||||||||||
FF0066 |
FF3399 |
FF66CC |
FF99FF |
CC99FF |
9999FF |
6699FF |
3399FF |
0099FF |
|||||||||||||
FF0099 |
FF33CC |
FF66FF |
CC66FF |
9966FF |
6666FF |
3366FF |
0066FF |
||||||||||||||
FF00CC |
FF33FF |
CC33FF |
9933FF |
6633FF |
3333FF |
0033FF |
|||||||||||||||
FF00FF |
CC00FF |
9900FF |
6600FF |
3300FF |
0000FF |
CCCC33 |
99CC33 |
66CC33 |
33CC33 |
||||||||||
CC9933 |
999933 |
669933 |
339933 |
33CC66 |
|||||||||
CC6633 |
996633 |
666633 |
336633 |
339966 |
33CC99 |
||||||||
CC3333 |
993333 |
663333 |
333333 |
336666 |
339999 |
33CCCC |
|||||||
CC3366 |
993366 |
663366 |
333366 |
336699 |
3399CC |
||||||||
CC3399 |
993399 |
663399 |
333399 |
3366CC |
|||||||||
CC33CC |
9933CC |
6633CC |
3333CC |
CCCC33 |
99CC33 |
66CC33 |
33CC33 |
||||||||||
CC9933 |
CCCC66 |
99CC66 |
66CC66 |
33CC66 |
|||||||||
CC6633 |
CC9966 |
CCCC99 |
99CC99 |
66CC99 |
33CC99 |
||||||||
CC3333 |
CC6666 |
CC9999 |
CCCCCC |
99CCCC |
66CCCC |
33CCCC |
|||||||
CC3366 |
CC6699 |
CC99CC |
9999CC |
6699CC |
3399CC |
||||||||
CC3399 |
CC66CC |
9966CC |
6666CC |
3366CC |
|||||||||
CC33CC |
9933CC |
6633CC |
3333CC |
999966 |
669966 |
||||
996666 |
666666 | 669999 |
|||
999999 | |||||
996699 |
666699 |
Come specificare i colori in HTML
Per specificare i colori in HTML, si deve assegnare il codice "#rrggbb" del colore ad opportuni attributi, come di seguito illustrato:
- Background di pagine o di frame: Si usa l'attributo BGCOLOR=color del tag <BODY>.
- Background di tabelle o di singole celle: Si usa l'attributo BGCOLOR=color dei tag <TABLE>, <TR>, <TH> o <TD>, per settare il background dell'intera tabella, di una riga o di una singola cella.
- Testo: Si usa l'attributo TEXT=color del tag <BODY> per specificare il colore del testo nell'intero documento. Altrimenti, si usa l'attributo COLOR=color del tag <FONT>.
- Link: Si usano i seguenti attributi del tag <BODY>:
- LINK=color, per settare il colore dei link non visitati;
- VLINK=color, per settare il colore dei link visitati; e
- ALINK=color, per settare il colore dei link attivi (quelli selezionati dal mouse).
<BODY BGCOLOR=white TEXT=black LINK=blue VLINK=purple>.
Si noti che i background chiari sono preferibili a quelli completamente bianchi. Alcune possibilità sono:
FFF9F9 |
FFF6ED |
FFF9DE |
F9F9FF |
F6F6F6 |
F6F6F0 |
F9F0E7 |
F9F9F9 |
FFFBF0 |
fonte: http://www.dmi.unict.it/~cantone/HomePageHTML/Colori.html
Tabella colori html
Visita la nostra pagina principale
Tabella colori html
Termini d' uso e privacy