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
Tabella colori html
Disclaimer
Questo sito non rappresenta una testata giornalistica e viene aggiornato senza alcuna periodicità, esclusivamente sulla base della disponibilità del materiale, pertanto non è un prodotto editoriale sottoposto alla disciplina di cui all'art. 1, comma III della Legge n. 62 del 7.03.2001. I riassunti , gli appunti i testi e le citazioni contenuti nel nostro sito sono messi a disposizione gratuitamente a studenti, ricercatori, professori, tecnici con scopi illustrativi didattici e scientifici con il concetto del fair use e con obiettivo del rispetto della direttiva europea 2001/29/CE e della legge n. 633 art. 70 e dlg 68. Il sito è curato e coordinato dall’autore al solo scopo informativo e didattico. Pur ritenendo le fonti utilizzate affidabili, l'autore di questo sito non garantisce l'accuratezza e l'integrità delle informazioni contenute e pertanto declina ogni responsabilità per eventuali problemi o danni causati da errori o omissioni, nel caso tali errori o omissioni risultino da negligenza, caso fortuito o altra causa. Tutti gli appunti, le citazioni i testi e le immagini , sono proprietà dei rispettivi autori o case di produzione che ne detengono i diritti, qualora gli aventi diritto si ritenessero danneggiati dall'inserimento in questo sito dei predetti files o fossero stati inavvertitamente inseriti immagini, informazioni, testi od altro materiale coperto da Copyright saranno immediatamente rimossi e/o ne saranno citate le fonti su semplice segnalazione all' indirizzo e-mail indicato nella pagina contatti .
Gli obiettivi di questo sito sono il progresso delle scienze e delle arti utili in quanto pensiamo che siano molto importanti per il nostro paese i benefici sociali e culturali della libera diffusione di informazioni utili. Tutte le informazioni e le immagini contenute in questo sito vengono qui utilizzate esclusivamente a scopi didattici, conoscitivi e divulgativi. Le informazioni di medicina e salute contenute nel sito sono di natura generale ed a scopo puramente divulgativo e per questo motivo non possono sostituire in alcun caso il consiglio di un medico (ovvero un soggetto abilitato legalmente alla professione). In questo sito abbiamo fatto ogni sforzo per garantire l'accuratezza dei tools, calcolatori e delle informazioni, non possiamo dare una garanzia o essere ritenuti responsabili per eventuali errori che sono stati fatti, i testi utilizzati sono stati prelevati da siti che li hanno messi a disposizione gratuitamente per farli conoscere nel web con scopi didattici. Se trovate un errore su questo sito o se trovate un testo o tool che possa violare le leggi vigenti in materia di diritti di autore, comunicatecelo via e-mail e noi provvederemo tempestivamente a rimuoverlo.
Tabella colori html
Designed by Larapedia.com 1998 -2011