HTML - Nomi dei colori

La tabella seguente mostra i 16 nomi di colori che sono stati introdotti in HTML 3.2 -

Nome colore Valore esadecimale Colore Spettacolo
acqua # 00ffff Demo
nero # 000000 Demo
blu # 0000ff Demo
fucsia # ff00ff Demo
verde # 008000 Demo
grigio # 808080 Demo
lime # 00ff00 Demo
marrone # 800000 Demo
Marina Militare # 000080 Demo
oliva # 808000 Demo
viola # 800080 Demo
rosso # ff0000 Demo
argento # c0c0c0 Demo
verde acqua # 008080 Demo
bianca #ffffff Demo
giallo # ffff00 Demo

Ci sono altri colori che non fanno parte di HTML o XHTML ma sono supportati dalla maggior parte delle versioni dei principali browser.

Nome colore Valore esadecimale Colore Spettacolo
aliceblue # f0f8ff Demo
bianco antico # faebd7 Demo
acquamarina # 7fffd4 Demo
azzurro # f0ffff Demo
beige # f5f5dc Demo
bisque # ffe4c4 Demo
mandorle sbollentate #ffebcd Demo
blu viola # 8a2be2 Demo
Marrone # a52a2a Demo
burlywood # deb887 Demo
cadetblue # 5f9ea0 Demo
chartreuse # 7fff00 Demo
cioccolato # d2691e Demo
corallo # ff7f50 Demo
fiordaliso # 6495ed Demo
cornsilk # fff8dc Demo
cremisi # dc143c Demo
ciano # 00ffff Demo
blu scuro # 00008b Demo
darkcyan # 008b8b Demo
darkgoldenrod # b8860b Demo
grigio scuro # a9a9a9 Demo
verde scuro # 006400 Demo
cachi scuro # bdb76b Demo
darkmagenta # 8b008b Demo
darkolivegreen # 556b2f Demo
arancione scuro # ff8c00 Demo
darkorchid # 9932cc Demo
rosso scuro # 8b0000 Demo
salmone scuro # e9967a Demo
verde scuro # 8fbc8f Demo
darkslateblue # 483d8b Demo
darkslategray # 2f4f4f Demo
turchese scuro # 00ced1 Demo
viola scuro # 9400d3 Demo
rosa scuro # ff1493 Demo
deepskyblue # 00bfff Demo
grigio scuro # 696969 Demo
dodgerblue # 1e90ff Demo
mattone refrattario # b22222 Demo
floreale bianco # fffaf0 Demo
verde foresta # 228b22 Demo
gainsboro #dcdcdc Demo
ghostwhite # f8f8ff Demo
oro # ffd700 Demo
verga d'oro # daa520 Demo
grigio # 808080 Demo
verde giallo # adff2f Demo
melata # f0fff0 Demo
rosa caldo # ff69b4 Demo
indianred # cd5c5c Demo
indaco # 4b0082 Demo
avorio # fffff0 Demo
cachi # f0e68c Demo
lavanda # e6e6fa Demo
lavenderblush # fff0f5 Demo
prato verde # 7cfc00 Demo
lemonchiffon #fffacd Demo
azzurro # add8e6 Demo
lightcoral # f08080 Demo
ciano chiaro # e0ffff Demo
lightgoldenrodyellow # fafad2 Demo
verde chiaro # 90ee90 Demo
grigio chiaro # d3d3d3 Demo
rosa chiaro # ffb6c1 Demo
salmone chiaro # ffa07a Demo
verde chiaro # 20b2aa Demo
azzurro cielo # 87cefa Demo
lightslategray # 778899 Demo
azzurro # b0c4de Demo
giallo chiaro # ffffe0 Demo
verde lime # 32cd32 Demo
biancheria # faf0e6 Demo
magenta # ff00ff Demo
blu medio # 0000cd Demo
mediumorchid # ba55d3 Demo
medio-violetto # 9370db Demo
blu notte # 191970 Demo
mistyrose # ffe4e1 Demo
mocassino # ffe4b5 Demo
oldlace # fdf5e6 Demo
arancia # ffa500 Demo
orchidea # da70d6 Demo
peachpuff # ffdab9 Demo
Perù # cd853f Demo
rosa # ffc0cb Demo
prugna # dda0dd Demo
viola # 800080 Demo
rosybrown # bc8f8f Demo
Blu Reale # 4169e1 Demo
salmone # fa8072 Demo
sabbia marrone # f4a460 Demo
mare verde # 2e8b57 Demo
Siena # a0522d Demo
cielo blu # 87ceeb Demo
blu ardesia # 6a5acd Demo
Blu acciaio # 4682b4 Demo
abbronzatura # d2b48c Demo
cardo # d8bfd8 Demo
pomodoro # ff6347 Demo
viola # ee82ee Demo
Grano # f5deb3 Demo
fumo bianco # f5f5f5 Demo
giallo # ffff00 Demo
giallo verde # 9acd32 Demo

Entità HTML

Alcuni caratteri sono riservati in HTML e hanno un significato speciale se utilizzati nel documento HTML. Ad esempio, non è possibile utilizzare i segni maggiore e minore o parentesi angolari all'interno del testo HTML perché il browser li tratterà in modo diverso e proverà a tracciare un significato correlato al tag HTML.

I processori HTML devono supportare i seguenti cinque caratteri speciali elencati nella tabella che segue.

Simbolo Descrizione Nome dell'entità Codice numerico
" Virgolette & quot; & # 34;
' apostrofo  & apos; & # 39;
& e commerciale & amp; & # 38;
< meno di & lt; & # 60;
> più grande di & gt; & # 62;

Esempio

Se vuoi scrivere <div id = "carattere"> come codice, dovrai scrivere come segue:

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

Questo produrrà il seguente risultato:

C'è anche un lungo elenco di caratteri speciali in HTML 4.0. Affinché questi compaiano nel tuo documento, puoi utilizzare i codici numerici o i nomi delle entità. Ad esempio, per inserire un simbolo di copyright è possibile utilizzare uno dei seguenti:

&copy; 2007
or
&#169; 2007

Entità simbolo ISO 8859-1

Risultato Descrizione Nome dell'entità Codice numerico
  spazio unificatore & nbsp; & # 160;
¡ punto esclamativo invertito & iexcl; & # 161;
¤ moneta & curren; & # 164;
¢ cento & cent; & # 162;
£ libbra &libbra; & # 163;
¥ yen ¥ & # 165;
¦ barra verticale rotta & brvbar; & # 166;
§ sezione &setta; & # 167;
¨ dieresi di spaziatura & uml; & # 168;
© diritto d'autore &copia; & # 169;
ª indicatore ordinale femminile & ordf; & # 170;
« virgolette angolari (a sinistra) & laquo; & # 171;
¬ negazione &non; & # 172;
­ trattino morbido &timido; & # 173;
® marchio registrato & reg; & # 174;
marchio &commercio; & # 8482;
¯ spaziatura macron & macr; & # 175;
° grado & deg; & # 176;
± più o meno  & plusmn; & # 177;
² apice 2 & sup2; & # 178;
³ apice 3 & sup3; & # 179;
´ spaziatura acuta & acute; & # 180;
µ micro & micro; & # 181;
paragrafo &parà; & # 182;
· punto centrale & middot; & # 183;
¸ cediglia spaziatura & cedil; & # 184;
¹ apice 1 & sup1; & # 185;
º indicatore ordinale maschile & ordm; & # 186;
» virgolette angolari (a destra) & raquo; & # 187;
¼ frazione 1/4 & frac14; & # 188;
½ frazione 1/2 & frac12; & # 189;
¾ frazione 3/4 & frac34; & # 190;
¿ punto interrogativo invertito & iquest; & # 191;
× moltiplicazione &volte; & # 215;
÷ divisione ÷re; & # 247;

Entità carattere ISO 8859-1

Risultato Descrizione Nome dell'entità Codice numerico
UN a maiuscola, accento grave &Una tomba; & # 192;
UN a maiuscola, accento acuto & Aacute; & # 193;
UN a maiuscola con accento circonflesso & Acirc; & # 194;
UN a maiuscola, tilde & Atilde; & # 195;
UN a maiuscola, segno di dieresi & Auml; & # 196;
UN a maiuscola, anello &Un anello; & # 197;
Æ ae maiuscola & AElig; & # 198;
Ç capitale c, cediglia & Ccedil; & # 199;
È e maiuscola, accento grave & Egrave; & # 200;
É e maiuscola, accento acuto & Eacute; & # 201;
Ê e maiuscola con accento circonflesso & Ecirc; & # 202;
Ë e maiuscola, segno di dieresi & Euml; & # 203;
IO i maiuscola, accento grave & Igrave; & # 204;
IO i maiuscola, accento acuto & Iacute; & # 205;
IO i maiuscola con accento circonflesso & Icirc; & # 206;
IO I maiuscola, segno dieresi & Iuml; & # 207;
Ð capitale etico, islandese & ETH; & # 208;
Ñ n maiuscola, tilde & Ntilde; & # 209;
Ò O maiuscola, accento grave & Ograve; & # 210;
Ó o maiuscola, accento acuto & Oacute; & # 211;
Ô O maiuscola, accento circonflesso & Ocirc; & # 212;
Õ o maiuscola, tilde & Otilde; & # 213;
Ö o maiuscola, segno dieresi & Ouml; & # 214;
Ø o maiuscola, barra & Oslash; & # 216;
Ù u maiuscola, accento grave & Ugrave; & # 217;
Ú u maiuscola, accento acuto & Uacute; & # 218;
Û u maiuscola con accento circonflesso & Ucirc; & # 219;
Ü u maiuscola, segno dieresi & Uuml; & # 220;
Ý y maiuscola, accento acuto & Yacute; & # 221;
Þ THORN maiuscola, islandese &SPINA; & # 222;
ß s minuscole diesis, tedesco & szlig; & # 223;
un a minuscola, accento grave &una tomba; & # 224;
un una minuscola, accento acuto & aacute; & # 225;
un a minuscola con accento circonflesso & acirc; & # 226;
un a minuscola, tilde & atilde; & # 227;
un a minuscola, segno dieresi & auml; & # 228;
un una piccola, anello &un anello; & # 229;
æ piccolo ae & aelig; & # 230;
ç c minuscola, cediglia & ccedil; & # 231;
è e minuscola, accento grave & egrave; & # 232;
é e minuscola, accento acuto & eacute; & # 233;
ê e minuscola con accento circonflesso & ecirc; & # 234;
ë e minuscola, segno dieresi & euml; & # 235;
io i minuscola, accento grave & igrave; & # 236;
io i minuscola, accento acuto & iacute; & # 237;
io i minuscola con accento circonflesso & icirc; & # 238;
io piccola i, segno dieresi & iuml; & # 239;
ð piccolo eth, islandese & eth; & # 240;
ñ piccola n, tilde & ntilde; & # 241;
ò o minuscola, accento grave & ograve; & # 242;
ó o minuscola, accento acuto & oacute; & # 243;
ô o minuscola con accento circonflesso & ocirc; & # 244;
õ piccola o, tilde & otilde; & # 245;
ö piccola o, segno dieresi & ouml; & # 246;
ø piccola o, barra & oslash; & # 248;
ù u minuscola, accento grave & ugrave; & # 249;
ú u minuscola, accento acuto & uacute; & # 250;
û u minuscola con accento circonflesso & ucirc; & # 251;
ü u minuscola, segno dieresi & uuml; & # 252;
ý y minuscola, accento acuto & yacute; & # 253;
þ piccola spina, islandese &spina; & # 254;
ÿ y piccola, segno di dieresi & yuml; & # 255;

Altre entità supportate dai browser HTML

Risultato Descrizione Nome dell'entità Codice numerico
Œ legatura maiuscola OE & OElig; & # 338;
œ piccola legatura oe & oelig; & # 339;
S S maiuscola con caron & Scaron; & # 352;
S piccola S con caron & scaron; & # 353;
Ÿ Y maiuscola con diari & Yuml; & # 376;
ˆ lettera di modifica accento circonflesso & circ; & # 710;
˜ piccola tilde & tilde; & # 732;
nello spazio & ensp; & # 8194;
em spazio & emsp; & # 8195;
spazio sottile & thinsp; & # 8201;
non-joiner di larghezza zero & zwnj; & # 8204;
falegname a larghezza zero & zwj; & # 8205;
segno da sinistra a destra & lrm; & # 8206;
segno da destra a sinistra & rlm; & # 8207;
- en dash & ndash; & # 8211;
- em dash & mdash; & # 8212;
' virgoletta singola sinistra & lsquo; & # 8216;
' virgoletta singola destra & rsquo; & # 8217;
virgolette singole basse & sbquo; & # 8218;
" virgolette doppie a sinistra & ldquo; & # 8220;
" virgolette doppie a destra & rdquo; & # 8221;
virgolette doppie low-9 & bdquo; & # 8222;
pugnale &pugnale; & # 8224;
doppio pugnale &Pugnale; & # 8225;
... ellissi orizzontali & hellip; & # 8230;
per mille  & permil; & # 8240;
citazione dell'angolo singolo verso sinistra & lsaquo; & # 8249;
citazione di un angolo singolo a destra & rsaquo; & # 8250;
Euro &Euro; & # 8364;