▷ Códigos de Colores HTML (Copiar y Pegar)

Esta página enumera palabras clave especiales que pueden utilizarse para identificar colores concretos en sitios web y en lenguajes de desarrollo como HTML, CSS, JavaScript y otros.

En las primeras especificaciones del W3C sólo se definían 16 colores clave. En especificaciones posteriores, se han definido otros 130 nombres de colores diferentes. La siguiente tabla contiene los nombres y los colores de muestra asociados a ellos.

Tabla de Colores HTML

Los nombres de colores HTML no distinguen entre mayúsculas y minúsculas, y pueden escribirse de cualquier forma.

También hay que señalar que, con 147 palabras clave diferentes (17 antiguas y 130 nuevas), no todos los colores de esta lista son únicos. Algunos nombres corresponden al mismo color. Así, por ejemplo, tanto Grey como Gray representan el color #808080, mientras que Magenta es sólo un sinónimo del color HTML Fuchsia, y se refiere al código de color hexadecimal #FF00FF.

Name	Hex	RGB
Red
IndianRed	#CD5C5C	205, 92, 92	Copy Hex Copy RGB Copy HSL Copy HSV
LightCoral	#F08080	240, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Salmon	#FA8072	250, 128, 114	Copy Hex Copy RGB Copy HSL Copy HSV
DarkSalmon	#E9967A	233, 150, 122	Copy Hex Copy RGB Copy HSL Copy HSV
LightSalmon	#FFA07A	255, 160, 122	Copy Hex Copy RGB Copy HSL Copy HSV
Crimson	#DC143C	220, 20, 60	Copy Hex Copy RGB Copy HSL Copy HSV
Red	#FF0000	255, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
FireBrick	#B22222	178, 34, 34	Copy Hex Copy RGB Copy HSL Copy HSV
DarkRed	#8B0000	139, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Pink
Pink	#FFC0CB	255, 192, 203	Copy Hex Copy RGB Copy HSL Copy HSV
LightPink	#FFB6C1	255, 182, 193	Copy Hex Copy RGB Copy HSL Copy HSV
HotPink	#FF69B4	255, 105, 180	Copy Hex Copy RGB Copy HSL Copy HSV
DeepPink	#FF1493	255, 20, 147	Copy Hex Copy RGB Copy HSL Copy HSV
MediumVioletRed	#C71585	199, 21, 133	Copy Hex Copy RGB Copy HSL Copy HSV
PaleVioletRed	#DB7093	219, 112, 147	Copy Hex Copy RGB Copy HSL Copy HSV
Orange
LightSalmon	#FFA07A	255, 160, 122	Copy Hex Copy RGB Copy HSL Copy HSV
Coral	#FF7F50	255, 127, 80	Copy Hex Copy RGB Copy HSL Copy HSV
Tomato	#FF6347	255, 99, 71	Copy Hex Copy RGB Copy HSL Copy HSV
OrangeRed	#FF4500	255, 69, 0	Copy Hex Copy RGB Copy HSL Copy HSV
DarkOrange	#FF8C00	255, 140, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Orange	#FFA500	255, 165, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Yellow
Gold	#FFD700	255, 215, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Yellow	#FFFF00	255, 255, 0	Copy Hex Copy RGB Copy HSL Copy HSV
LightYellow	#FFFFE0	255, 255, 224	Copy Hex Copy RGB Copy HSL Copy HSV
LemonChiffon	#FFFACD	255, 250, 205	Copy Hex Copy RGB Copy HSL Copy HSV
LightGoldenrodYellow	#FAFAD2	250, 250, 210	Copy Hex Copy RGB Copy HSL Copy HSV
PapayaWhip	#FFEFD5	255, 239, 213	Copy Hex Copy RGB Copy HSL Copy HSV
Moccasin	#FFE4B5	255, 228, 181	Copy Hex Copy RGB Copy HSL Copy HSV
PeachPuff	#FFDAB9	255, 218, 185	Copy Hex Copy RGB Copy HSL Copy HSV
PaleGoldenrod	#EEE8AA	238, 232, 170	Copy Hex Copy RGB Copy HSL Copy HSV
Khaki	#F0E68C	240, 230, 140	Copy Hex Copy RGB Copy HSL Copy HSV
DarkKhaki	#BDB76B	189, 183, 107	Copy Hex Copy RGB Copy HSL Copy HSV
Purple
Lavender	#E6E6FA	230, 230, 250	Copy Hex Copy RGB Copy HSL Copy HSV
Thistle	#D8BFD8	216, 191, 216	Copy Hex Copy RGB Copy HSL Copy HSV
Plum	#DDA0DD	221, 160, 221	Copy Hex Copy RGB Copy HSL Copy HSV
Violet	#EE82EE	238, 130, 238	Copy Hex Copy RGB Copy HSL Copy HSV
Orchid	#DA70D6	218, 112, 214	Copy Hex Copy RGB Copy HSL Copy HSV
Fuchsia	#FF00FF	255, 0, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Magenta	#FF00FF	255, 0, 255	Copy Hex Copy RGB Copy HSL Copy HSV
MediumOrchid	#BA55D3	186, 85, 211	Copy Hex Copy RGB Copy HSL Copy HSV
MediumPurple	#9370DB	147, 112, 219	Copy Hex Copy RGB Copy HSL Copy HSV
BlueViolet	#8A2BE2	138, 43, 226	Copy Hex Copy RGB Copy HSL Copy HSV
DarkViolet	#9400D3	148, 0, 211	Copy Hex Copy RGB Copy HSL Copy HSV
DarkOrchid	#9932CC	153, 50, 204	Copy Hex Copy RGB Copy HSL Copy HSV
DarkMagenta	#8B008B	139, 0, 139	Copy Hex Copy RGB Copy HSL Copy HSV
Purple	#800080	128, 0, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Indigo	#4B0082	75, 0, 130	Copy Hex Copy RGB Copy HSL Copy HSV
SlateBlue	#6A5ACD	106, 90, 205	Copy Hex Copy RGB Copy HSL Copy HSV
DarkSlateBlue	#483D8B	72, 61, 139	Copy Hex Copy RGB Copy HSL Copy HSV
Brown
Cornsilk	#FFF8DC	255, 248, 220	Copy Hex Copy RGB Copy HSL Copy HSV
BlanchedAlmond	#FFEBCD	255, 235, 205	Copy Hex Copy RGB Copy HSL Copy HSV
Bisque	#FFE4C4	255, 228, 196	Copy Hex Copy RGB Copy HSL Copy HSV
NavajoWhite	#FFDEAD	255, 222, 173	Copy Hex Copy RGB Copy HSL Copy HSV
Wheat	#F5DEB3	245, 222, 179	Copy Hex Copy RGB Copy HSL Copy HSV
BurlyWood	#DEB887	222, 184, 135	Copy Hex Copy RGB Copy HSL Copy HSV
Tan	#D2B48C	210, 180, 140	Copy Hex Copy RGB Copy HSL Copy HSV
RosyBrown	#BC8F8F	188, 143, 143	Copy Hex Copy RGB Copy HSL Copy HSV
SandyBrown	#F4A460	244, 164, 96	Copy Hex Copy RGB Copy HSL Copy HSV
Goldenrod	#DAA520	218, 165, 32	Copy Hex Copy RGB Copy HSL Copy HSV
DarkGoldenRod	#B8860B	184, 134, 11	Copy Hex Copy RGB Copy HSL Copy HSV
Peru	#CD853F	205, 133, 63	Copy Hex Copy RGB Copy HSL Copy HSV
Chocolate	#D2691E	210, 105, 30	Copy Hex Copy RGB Copy HSL Copy HSV
SaddleBrown	#8B4513	139, 69, 19	Copy Hex Copy RGB Copy HSL Copy HSV
Sienna	#A0522D	160, 82, 45	Copy Hex Copy RGB Copy HSL Copy HSV
Brown	#A52A2A	165, 42, 42	Copy Hex Copy RGB Copy HSL Copy HSV
Maroon	#800000	128, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Basic Colors
Black	#000000	0, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Gray	#808080	128, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Silver	#C0C0C0	192, 192, 192	Copy Hex Copy RGB Copy HSL Copy HSV
White	#FFFFFF	255, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Fuchsia	#FF00FF	255, 0, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Purple	#800080	128, 0, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Red	#FF0000	255, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Maroon	#800000	128, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Yellow	#FFFF00	255, 255, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Olive	#808000	128, 128, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Lime	#00FF00	0, 255, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Green	#008000	0, 128, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Aqua	#00FFFF	0, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Teal	#008080	0, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Blue	#0000FF	0, 0, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Navy	#000080	0, 0, 128	Copy Hex Copy RGB Copy HSL Copy HSV

Name	Hex	RGB
Green
GreenYellow	#ADFF2F	173, 255, 47	Copy Hex Copy RGB Copy HSL Copy HSV
Chartreuse	#7FFF00	127, 255, 0	Copy Hex Copy RGB Copy HSL Copy HSV
LawnGreen	#7CFC00	124, 252, 0	Copy Hex Copy RGB Copy HSL Copy HSV
Lime	#00FF00	0, 255, 0	Copy Hex Copy RGB Copy HSL Copy HSV
LimeGreen	#32CD32	50, 205, 50	Copy Hex Copy RGB Copy HSL Copy HSV
PaleGreen	#98FB98	152, 251, 152	Copy Hex Copy RGB Copy HSL Copy HSV
LightGreen	#90EE90	144, 238, 144	Copy Hex Copy RGB Copy HSL Copy HSV
MediumSpringGreen	#00FA9A	0, 250, 154	Copy Hex Copy RGB Copy HSL Copy HSV
SpringGreen	#00FF7F	0, 255, 127	Copy Hex Copy RGB Copy HSL Copy HSV
MediumSeaGreen	#3CB371	60, 179, 113	Copy Hex Copy RGB Copy HSL Copy HSV
SeaGreen	#2E8B57	46, 139, 87	Copy Hex Copy RGB Copy HSL Copy HSV
ForestGreen	#228B22	34, 139, 34	Copy Hex Copy RGB Copy HSL Copy HSV
Green	#008000	0, 128, 0	Copy Hex Copy RGB Copy HSL Copy HSV
DarkGreen	#006400	0, 100, 0	Copy Hex Copy RGB Copy HSL Copy HSV
YellowGreen	#9ACD32	154, 205, 50	Copy Hex Copy RGB Copy HSL Copy HSV
OliveDrab	#6B8E23	107, 142, 35	Copy Hex Copy RGB Copy HSL Copy HSV
Olive	#808000	128, 128, 0	Copy Hex Copy RGB Copy HSL Copy HSV
DarkOliveGreen	#556B2F	85, 107, 47	Copy Hex Copy RGB Copy HSL Copy HSV
MediumAquamarine	#66CDAA	102, 205, 170	Copy Hex Copy RGB Copy HSL Copy HSV
DarkSeaGreen	#8FBC8F	143, 188, 143	Copy Hex Copy RGB Copy HSL Copy HSV
LightSeaGreen	#20B2AA	32, 178, 170	Copy Hex Copy RGB Copy HSL Copy HSV
DarkCyan	#008B8B	0, 139, 139	Copy Hex Copy RGB Copy HSL Copy HSV
Teal	#008080	0, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Blue
Aqua	#00FFFF	0, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Cyan	#00FFFF	0, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
LightCyan	#E0FFFF	224, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
PaleTurquoise	#AFEEEE	175, 238, 238	Copy Hex Copy RGB Copy HSL Copy HSV
Aquamarine	#7FFFD4	127, 255, 212	Copy Hex Copy RGB Copy HSL Copy HSV
Turquoise	#40E0D0	64, 224, 208	Copy Hex Copy RGB Copy HSL Copy HSV
MediumTurquoise	#48D1CC	72, 209, 204	Copy Hex Copy RGB Copy HSL Copy HSV
DarkTurquoise	#00CED1	0, 206, 209	Copy Hex Copy RGB Copy HSL Copy HSV
CadetBlue	#5F9EA0	95, 158, 160	Copy Hex Copy RGB Copy HSL Copy HSV
SteelBlue	#4682B4	70, 130, 180	Copy Hex Copy RGB Copy HSL Copy HSV
LightSteelBlue	#B0C4DE	176, 196, 222	Copy Hex Copy RGB Copy HSL Copy HSV
PowderBlue	#B0E0E6	176, 224, 230	Copy Hex Copy RGB Copy HSL Copy HSV
LightBlue	#ADD8E6	173, 216, 230	Copy Hex Copy RGB Copy HSL Copy HSV
SkyBlue	#87CEEB	135, 206, 235	Copy Hex Copy RGB Copy HSL Copy HSV
LightSkyBlue	#87CEFA	135, 206, 250	Copy Hex Copy RGB Copy HSL Copy HSV
DeepSkyBlue	#00BFFF	0, 191, 255	Copy Hex Copy RGB Copy HSL Copy HSV
DodgerBlue	#1E90FF	30, 144, 255	Copy Hex Copy RGB Copy HSL Copy HSV
CornflowerBlue	#6495ED	100, 149, 237	Copy Hex Copy RGB Copy HSL Copy HSV
MediumSlateBlue	#7B68EE	123, 104, 238	Copy Hex Copy RGB Copy HSL Copy HSV
RoyalBlue	#4169E1	65, 105, 225	Copy Hex Copy RGB Copy HSL Copy HSV
Blue	#0000FF	0, 0, 255	Copy Hex Copy RGB Copy HSL Copy HSV
MediumBlue	#0000CD	0, 0, 205	Copy Hex Copy RGB Copy HSL Copy HSV
DarkBlue	#00008B	0, 0, 139	Copy Hex Copy RGB Copy HSL Copy HSV
Navy	#000080	0, 0, 128	Copy Hex Copy RGB Copy HSL Copy HSV
MidnightBlue	#191970	25, 25, 112	Copy Hex Copy RGB Copy HSL Copy HSV
White Tones
White	#FFFFFF	255, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
Snow	#FFFAFA	255, 250, 250	Copy Hex Copy RGB Copy HSL Copy HSV
Honeydew	#F0FFF0	240, 255, 240	Copy Hex Copy RGB Copy HSL Copy HSV
MintCream	#F5FFFA	245, 255, 250	Copy Hex Copy RGB Copy HSL Copy HSV
Azure	#F0FFFF	240, 255, 255	Copy Hex Copy RGB Copy HSL Copy HSV
AliceBlue	#F0F8FF	240, 248, 255	Copy Hex Copy RGB Copy HSL Copy HSV
GhostWhite	#F8F8FF	248, 248, 255	Copy Hex Copy RGB Copy HSL Copy HSV
WhiteSmoke	#F5F5F5	245, 245, 245	Copy Hex Copy RGB Copy HSL Copy HSV
Seashell	#FFF5EE	255, 245, 238	Copy Hex Copy RGB Copy HSL Copy HSV
Beige	#F5F5DC	245, 245, 220	Copy Hex Copy RGB Copy HSL Copy HSV
OldLace	#FDF5E6	253, 245, 230	Copy Hex Copy RGB Copy HSL Copy HSV
FloralWhite	#FFFAF0	255, 250, 240	Copy Hex Copy RGB Copy HSL Copy HSV
Ivory	#FFFFF0	255, 255, 240	Copy Hex Copy RGB Copy HSL Copy HSV
AntiqueWhite	#FAEBD7	250, 235, 215	Copy Hex Copy RGB Copy HSL Copy HSV
Linen	#FAF0E6	250, 240, 230	Copy Hex Copy RGB Copy HSL Copy HSV
LavenderBlush	#FFF0F5	255, 240, 245	Copy Hex Copy RGB Copy HSL Copy HSV
MistyRose	#FFE4E1	255, 228, 225	Copy Hex Copy RGB Copy HSL Copy HSV
Gray
Gainsboro	#DCDCDC	220, 220, 220	Copy Hex Copy RGB Copy HSL Copy HSV
LightGrey	#D3D3D3	211, 211, 211	Copy Hex Copy RGB Copy HSL Copy HSV
LightGray	#D3D3D3	211, 211, 211	Copy Hex Copy RGB Copy HSL Copy HSV
Silver	#C0C0C0	192, 192, 192	Copy Hex Copy RGB Copy HSL Copy HSV
DarkGray	#A9A9A9	169, 169, 169	Copy Hex Copy RGB Copy HSL Copy HSV
DarkGrey	#A9A9A9	169, 169, 169	Copy Hex Copy RGB Copy HSL Copy HSV
Gray	#808080	128, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
Grey	#808080	128, 128, 128	Copy Hex Copy RGB Copy HSL Copy HSV
DimGray	#696969	105, 105, 105	Copy Hex Copy RGB Copy HSL Copy HSV
DimGrey	#696969	105, 105, 105	Copy Hex Copy RGB Copy HSL Copy HSV
LightSlateGray	#778899	119, 136, 153	Copy Hex Copy RGB Copy HSL Copy HSV
LightSlateGrey	#778899	119, 136, 153	Copy Hex Copy RGB Copy HSL Copy HSV
SlateGray	#708090	112, 128, 144	Copy Hex Copy RGB Copy HSL Copy HSV
SlateGrey	#708090	112, 128, 144	Copy Hex Copy RGB Copy HSL Copy HSV
DarkSlateGray	#2F4F4F	47, 79, 79	Copy Hex Copy RGB Copy HSL Copy HSV
DarkSlateGrey	#2F4F4F	47, 79, 79	Copy Hex Copy RGB Copy HSL Copy HSV
Black	#000000	0, 0, 0	Copy Hex Copy RGB Copy HSL Copy HSV

HEX:

RGB:

HSL:

HSV:

HWB:

CMYK:

¿Qué es un Código de Color HTML?

Un código de color HTML es un identificador utilizado para representar un color en la web y en otros activos digitales. Los códigos de color más comunes son: un nombre de palabra clave, un valor hexadecimal, un triplete RGB (Red, Green, Blue) (rojo, verde, azul) o un triplete HSL (Hue, Aaturation, Lightness) (tono, saturación, luminosidad). Los distintos valores permiten elegir 16.777.216 colores potenciales.

Por ejemplo, el color rojo puede identificarse utilizando los siguientes formatos:

red (palabra clave en inglés)
#ff0000 (HEX)
(255,0,0) (RGB)
(0, 100%, 50%) (HSL)

Dado que hay tantos colores entre los que elegir, se han creado herramientas para simplificar la tarea de selección. Un selector de color permite al usuario seleccionar un color haciendo clic en una gama visual de color para señalar un código exacto. Una tabla de colores ofrece una lista de colores comunes para una selección rápida.

Para utilizar un código de color seleccionado dentro de su página web, podrías colocar el siguiente atributo dentro de un elemento dado para cambiar su color de fondo a rojo:

style="background-color: #ff0000;"

¿Para qué Sirven los Códigos de Color HTML?

Los códigos de color HTML se utilizan en HTML y CSS para crear esquemas de color de diseño web. Los utilizan principalmente diseñadores web, diseñadores gráficos, programadores informáticos e ilustradores digitales. Elegir los colores web correctos puede ser agotador, pero es una gran habilidad que hay que tener, especialmente con fines de marketing.

Para saber más sobre colores html, Wikipedia tiene un buen recurso sobre colores web: https://es.wikipedia.org/wiki/Colores_web.

5/5 - (1 voto)