HTML - Nombres de colores

La siguiente tabla muestra los 16 nombres de colores que se introdujeron en HTML 3.2:

Nombre del color	Valor hexadecimal	mostrar
agua	# 00ffff	Manifestación
negro	# 000000	Manifestación
azul	# 0000ff	Manifestación
fucsia	# ff00ff	Manifestación
verde	# 008000	Manifestación
gris	# 808080	Manifestación
Lima	# 00ff00	Manifestación
granate	# 800000	Manifestación
Armada	# 000080	Manifestación
aceituna	# 808000	Manifestación
púrpura	# 800080	Manifestación
rojo	# ff0000	Manifestación
plata	# c0c0c0	Manifestación
verde azulado	# 008080	Manifestación
blanco	#ffffff	Manifestación
amarillo	# ffff00	Manifestación

Hay otros colores que no forman parte de HTML o XHTML, pero son compatibles con la mayoría de las versiones de los principales navegadores.

Nombre del color	Valor hexadecimal	mostrar
Alice azul	# f0f8ff	Manifestación
blanco antiguo	# faebd7	Manifestación
aguamarina	# 7fffd4	Manifestación
azur	# f0ffff	Manifestación
beige	# f5f5dc	Manifestación
sopa de mariscos	# ffe4c4	Manifestación
blanchedalmond	#febcd	Manifestación
Violeta Azul	# 8a2be2	Manifestación
marrón	# a52a2a	Manifestación
burlywood	# deb887	Manifestación
cadete azul	# 5f9ea0	Manifestación
monasterio	# 7fff00	Manifestación
chocolate	# d2691e	Manifestación
coral	# ff7f50	Manifestación
aciano azul	# 6495ed	Manifestación
seda de maiz	# fff8dc	Manifestación
carmesí	# dc143c	Manifestación
cian	# 00ffff	Manifestación
azul oscuro	# 00008b	Manifestación
cian oscuro	# 008b8b	Manifestación
varilla de oro oscura	# b8860b	Manifestación
gris oscuro	# a9a9a9	Manifestación
verde oscuro	# 006400	Manifestación
caqui oscuro	# bdb76b	Manifestación
darkmagenta	# 8b008b	Manifestación
verde oliva oscuro	# 556b2f	Manifestación
naranja oscuro	# ff8c00	Manifestación
orquídea oscura	# 9932cc	Manifestación
rojo oscuro	# 8b0000	Manifestación
salmón oscuro	# e9967a	Manifestación
verde oscuro	# 8fbc8f	Manifestación
azul oscuro	# 483d8b	Manifestación
gris oscuro	# 2f4f4f	Manifestación
turquesa oscuro	# 00ced1	Manifestación
Violeta oscuro	# 9400d3	Manifestación
Rosa profundo	# ff1493	Manifestación
Depskyblue	# 00bfff	Manifestación
dimgray	# 696969	Manifestación
dodgerblue	# 1e90ff	Manifestación
ladrillo refractario	# b22222	Manifestación
blanco floral	# fffaf0	Manifestación
bosque verde	# 228b22	Manifestación
Gainsboro	#dcdcdc	Manifestación
fantasma blanco	# f8f8ff	Manifestación
oro	# ffd700	Manifestación
vara de oro	# daa520	Manifestación
gris	# 808080	Manifestación
verde amarillo	# adff2f	Manifestación
gotas de miel	# f0fff0	Manifestación
Rosa caliente	# ff69b4	Manifestación
indio rojo	# cd5c5c	Manifestación
índigo	# 4b0082	Manifestación
Marfil	# fffff0	Manifestación
caqui	# f0e68c	Manifestación
lavanda	# e6e6fa	Manifestación
lavanda rubor	# fff0f5	Manifestación
verde césped	# 7cfc00	Manifestación
gasa de limón	#fffacd	Manifestación
azul claro	# add8e6	Manifestación
coral claro	# f08080	Manifestación
cian claro	# e0ffff	Manifestación
dorado claro	# fafad2	Manifestación
verde claro	# 90ee90	Manifestación
gris claro	# d3d3d3	Manifestación
Rosa claro	# ffb6c1	Manifestación
salmón ligero	# ffa07a	Manifestación
verde claro	# 20b2aa	Manifestación
cielo azul claro	# 87cefa	Manifestación
luces grises	# 778899	Manifestación
azul claro	# b0c4de	Manifestación
amarillo claro	# ffffe0	Manifestación
verde lima	# 32cd32	Manifestación
lino	# faf0e6	Manifestación
magenta	# ff00ff	Manifestación
azul medio	# 0000cd	Manifestación
orquídea mediana	# ba55d3	Manifestación
mediumpurple	# 9370db	Manifestación
medianoche azul	# 191970	Manifestación
mistyrose	# ffe4e1	Manifestación
mocasín	# ffe4b5	Manifestación
Oldlace	# fdf5e6	Manifestación
naranja	# ffa500	Manifestación
orquídea	# da70d6	Manifestación
melocotón	# ffdab9	Manifestación
Perú	# cd853f	Manifestación
rosado	# ffc0cb	Manifestación
ciruela	# dda0dd	Manifestación
púrpura	# 800080	Manifestación
rosa marrón	# bc8f8f	Manifestación
azul real	# 4169e1	Manifestación
salmón	# fa8072	Manifestación
marrón arenoso	# f4a460	Manifestación
Mar verde	# 2e8b57	Manifestación
tierra de siena	# a0522d	Manifestación
cielo azul	# 87ceeb	Manifestación
pizarra azul	# 6a5acd	Manifestación
azul acero	# 4682b4	Manifestación
broncearse	# d2b48c	Manifestación
cardo	# d8bfd8	Manifestación
tomate	# ff6347	Manifestación
Violeta	# ee82ee	Manifestación
trigo	# f5deb3	Manifestación
humo blanco	# f5f5f5	Manifestación
amarillo	# ffff00	Manifestación
amarillo verde	# 9acd32	Manifestación

Entidades HTML

Algunos caracteres están reservados en HTML y tienen un significado especial cuando se utilizan en documentos HTML. Por ejemplo, no puede usar los signos mayor y menor que o los corchetes angulares en su texto HTML porque el navegador los tratará de manera diferente e intentará dibujar un significado relacionado con la etiqueta HTML.

Los procesadores HTML deben admitir los siguientes cinco caracteres especiales que se enumeran en la siguiente tabla.

Símbolo	Descripción	Nombre de la entidad	Código numérico
"	comillas	& quot;	& # 34;
'	apóstrofe	& apos;	& # 39;
Y	ampersand	&erio;	& # 38;
<	menos que	& lt;	& # 60;
>	mas grande que	& gt;	& # 62;

Ejemplo

Si desea escribir <div id = "character"> como código, tendrá que escribir lo siguiente:

<!DOCTYPE html>
<html>

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

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

</html>

Esto producirá el siguiente resultado:

También hay una larga lista de caracteres especiales en HTML 4.0. Para que estos aparezcan en su documento, puede usar los códigos numéricos o los nombres de las entidades. Por ejemplo, para insertar un símbolo de copyright, puede utilizar cualquiera de los siguientes:

&copy; 2007
or
&#169; 2007

Entidades de símbolo ISO 8859-1

Resultado	Descripción	Nombre de la entidad	Código numérico
	espacio irrompible	& nbsp;	& # 160;
¡	signo de exclamación invertido	& iexcl;	& # 161;
¤	moneda	& curren;	& # 164;
¢	centavo	¢avo;	& # 162;
£	libra	&libra;	& # 163;
¥	yen	¥	& # 165;
¦	barra vertical rota	& brvbar;	& # 166;
§	sección	§a;	& # 167;
¨	diéresis espaciadora	& uml;	& # 168;
©	derechos de autor	&Copiar;	& # 169;
ª	indicador ordinal femenino	& ordf;	& # 170;
«	comillas angulares (izquierda)	& laquo;	& # 171;
¬	negación	&no;	& # 172;
	guion suave	&tímido;	& # 173;
®	marca registrada	& reg;	& # 174;
™	marca comercial	&comercio;	& # 8482;
¯	macron espaciado	& macr;	& # 175;
°	la licenciatura	& deg;	& # 176;
±	más o menos	& plusmn;	& # 177;
²	superíndice 2	& sup2;	& # 178;
³	superíndice 3	& sup3;	& # 179;
´	espaciamiento agudo	&agudo;	& # 180;
µ	micro	µ	& # 181;
¶	párrafo	¶ca;	& # 182;
·	punto medio	& middot;	& # 183;
¸	espaciado cedilla	& cedil;	& # 184;
¹	superíndice 1	& sup1;	& # 185;
º	indicador ordinal masculino	& ordm;	& # 186;
»	comillas de ángulo (derecha)	& raquo;	& # 187;
¼	fracción 1/4	& frac14;	& # 188;
½	fracción 1/2	& frac12;	& # 189;
¾	fracción 3/4	& frac34;	& # 190;
¿	signo de interrogación invertido	& iquest;	& # 191;
×	multiplicación	&veces;	& # 215;
÷	división	&dividir;	& # 247;

Entidades de caracteres ISO 8859-1

Resultado	Descripción	Nombre de la entidad	Código numérico
UN	mayúscula, acento grave	&Una tumba;	& # 192;
UN	mayúscula, acento agudo	& Agudo;	& # 193;
UN	mayúscula, acento circunflejo	& Acirc;	& # 194;
UN	mayúscula, tilde	& Atilde;	& # 195;
UN	mayúscula, diéresis	& Auml;	& # 196;
UN	mayúscula, anillo	&Un anillo;	& # 197;
Æ	capital ae	& AElig;	& # 198;
C	mayúscula c, cedilla	& Ccedil;	& # 199;
MI	e mayúscula, acento grave	& Egrave;	& # 200;
MI	e mayúscula, acento agudo	& Eacute;	& # 201;
MI	e mayúscula, acento circunflejo	& Ecirc;	& # 202;
MI	e mayúscula, diéresis	& Euml;	& # 203;
YO	I mayúscula, acento grave	& Igrave;	& # 204;
YO	i mayúscula, acento agudo	& Iacute;	& # 205;
YO	I mayúscula, acento circunflejo	& Icirc;	& # 206;
YO	i mayúscula, diéresis	& Iuml;	& # 207;
RE	capital eth, islandés	& ETH;	& # 208;
NORTE	n mayúscula, tilde	& Ntilde;	& # 209;
Ò	mayúscula, acento grave	& Ograve;	& # 210;
Ó	o mayúscula, acento agudo	& Oacute;	& # 211;
Ô	o mayúscula, acento circunflejo	& Ocirc;	& # 212;
Õ	mayúscula, tilde	& Otilde;	& # 213;
Ö	O mayúscula, marca de diéresis	& Ouml;	& # 214;
Ø	capital o, barra	& Oslash;	& # 216;
Ù	U mayúscula, acento grave	& Ugrave;	& # 217;
Ú	u mayúscula, acento agudo	& Uacute;	& # 218;
Û	u mayúscula, acento circunflejo	& Ucirc;	& # 219;
Ü	U mayúscula, marca de diéresis	& Uuml;	& # 220;
Ý	mayúscula, acento agudo	& Yacute;	& # 221;
Þ	capital THORN, islandés	&ESPINA;	& # 222;
ß	pequeña s aguda, alemán	& szlig;	& # 223;
un	pequeña a, acento grave	&una tumba;	& # 224;
un	pequeña a, acento agudo	& aacute;	& # 225;
un	pequeña a, acento circunflejo	& acirc;	& # 226;
un	pequeña a, tilde	& atilde;	& # 227;
un	pequeña a, marca de diéresis	& auml;	& # 228;
un	pequeña a, anillo	&un anillo;	& # 229;
æ	pequeño ae	& aelig;	& # 230;
C	pequeña c, cedilla	& ccedil;	& # 231;
mi	e minúscula, acento grave	& egrave;	& # 232;
mi	e minúscula, acento agudo	& eacute;	& # 233;
mi	e minúscula, acento circunflejo	& ecirc;	& # 234;
mi	e pequeña, marca de diéresis	& euml;	& # 235;
yo	yo pequeña, acento grave	& igrave;	& # 236;
yo	i pequeña, acento agudo	& iacute;	& # 237;
yo	i pequeña, acento circunflejo	& icirc;	& # 238;
yo	pequeña i, marca de diéresis	& iuml;	& # 239;
re	pequeño eth, islandés	& eth;	& # 240;
norte	n pequeña, tilde	& ntilde;	& # 241;
ò	o pequeña, acento grave	& ograve;	& # 242;
ó	o pequeña, acento agudo	& oacute;	& # 243;
ô	o pequeña, acento circunflejo	& ocirc;	& # 244;
õ	pequeña o, tilde	& otilde;	& # 245;
ö	pequeña o, marca de diéresis	& ouml;	& # 246;
ø	pequeña o, barra	& oslash;	& # 248;
ù	pequeña u, acento grave	& ugrave;	& # 249;
ú	u pequeña, acento agudo	& uacute;	& # 250;
û	u pequeña, acento circunflejo	& ucirc;	& # 251;
ü	pequeña u, marca de diéresis	& uuml;	& # 252;
ý	pequeña y, acento agudo	& yacute;	& # 253;
þ	pequeña espina, islandés	&espina;	& # 254;
ÿ	pequeña y, marca de diéresis	& yuml;	& # 255;

Otras entidades compatibles con los navegadores HTML

Resultado	Descripción	Nombre de la entidad	Código numérico
Œ	ligadura de capital OE	& OElig;	& # 338;
œ	pequeña ligadura oe	& oelig;	& # 339;
Š	mayúscula S con caron	& Scaron;	& # 352;
š	pequeña S con caron	& scaron;	& # 353;
Ÿ	Y mayúscula con diéres	& Yuml;	& # 376;
ˆ	letra modificadora acento circunflejo	& circ;	& # 710;
˜	tilde pequeña	& tilde;	& # 732;
	en el espacio	& ensp;	& # 8194;
	em espacio	& emsp;	& # 8195;
	espacio delgado	& thinsp;	& # 8201;
‌	no carpintero de ancho cero	& zwnj;	& # 8204;
‍	carpintero de ancho cero	& zwj;	& # 8205;
‎	marca de izquierda a derecha	& lrm;	& # 8206;
‏	marca de derecha a izquierda	& rlm;	& # 8207;
-	en guión	& ndash;	& # 8211;
-	guión largo	& mdash;	& # 8212;
'	comillas simples a la izquierda	& lsquo;	& # 8216;
'	comillas simples a la derecha	y rsquo;	& # 8217;
‚	comillas simples de 9 bajos	& sbquo;	& # 8218;
"	comillas dobles a la izquierda	& ldquo;	& # 8220;
"	comillas dobles a la derecha	& rdquo;	& # 8221;
„	comillas dobles bajas-9	& bdquo;	& # 8222;
†	daga	&daga;	& # 8224;
‡	daga doble	&Daga;	& # 8225;
...	elipsis horizontal	& hellip;	& # 8230;
‰	Por milla	& permil;	& # 8240;
‹	cita única de ángulo que apunta a la izquierda	& lsaquo;	& # 8249;
›	cita única de ángulo que apunta a la derecha	& rsaquo;	& # 8250;
€	euro	€	& # 8364;