Colores web | colores utilizados en el diseño de páginas web

Los colores de la web son los colores utilizados en el diseño de las páginas web, así como las formas de describir y enumerar esos colores.

Hay varias formas de elegir los colores para las partes de las páginas web. Los colores pueden aparecer como un triplete RGB (un conjunto de tres números) en formato hexadecimal (un triplete hexadecimal). El triplete RGB puede formar 16.777.216 colores diferentes. Muchos colores comunes también pueden elegirse por sus nombres comunes en inglés. A menudo se utiliza una herramienta de color u otro software gráfico para crear valores de color.

Las primeras versiones de Mosaic y Netscape Navigator utilizaban los nombres de colores de X11 como base para sus listas de colores. Esto se debió a que ambos comenzaron como aplicaciones del sistema X Window.

Cada color de la web tiene su propia definición, sRGB. Ésta se relaciona con las cromaticidades de un único conjunto de fósforos, una curva de transferencia determinada, un punto blanco adaptable y unas condiciones de visualización. Se han elegido para que sean similares a muchos monitores y condiciones de visualización del mundo real. Incluso sin la gestión del color, los colores creados se acercan bastante a los valores dados. Sin embargo, los agentes de usuario pueden diferir en la fidelidad con la que muestran los colores. Los mejores agentes de usuario utilizan la gestión del color para crear una mayor fidelidad de los colores. Esto es importante para las aplicaciones Web-to-print.

Triplete hexadecimal

Un triplete hexadecimal es un número de seis dígitos y tres bytes que se utiliza en HTML, CSS, SVG y otros programas informáticos para representar los colores. Los bytes representan las partes roja, verde y azul del color. Un byte representa un número en el rango de 00 a FF, o de 0 a 255 en notación decimal. Esto representa desde la menor (0) hasta la mayor (255) intensidad de cada uno de los componentes del color. El triplete hexadecimal se forma concatenando tres bytes en notación hexadecimal, en el siguiente orden:

Byte 1: valor rojo (tipo de color rojo)

Byte 2: valor verde (tipo de color verde)

Byte 3: valor azul (tipo de color azul)

Por ejemplo, considere el color donde los valores rojo/verde/azul son números decimales: rojo=36, verde=104, azul=160 (un color azul grisáceo). Los números decimales 36, 104 y 160 son similares a los números 24, 68 y A0 respectivamente. El triplete hexadecimal se obtiene combinando los 6 dígitos hexadecimales juntos, 2468A0 en este ejemplo.

Colores web HTML

Formulado en 1997, originalmente había 16 colores. Posteriormente se añadió el naranja para hacer un total de 17. Los 16 originales formaban parte de algo llamado "plantilla VGA de Windows", lo que significa que son los colores que pueden utilizarse para acciones como el resaltado.

Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal
aqua	#00FFFF	gris	#808080	marina	#000080	plata	#C0C0C0
negro	#000000	verde	#008000	aceituna	#808000	cerceta	#008080
azul	#0000FF	cal	#00FF00	púrpura	#800080	blanco	#FFFFFF
fucsia	#FF00FF	granate	#800000	rojo	#FF0000	amarillo	#FFFF00

Lista de nombres de colores HTML

La tabla siguiente contiene los 140 colores HTML. Todos los navegadores modernos los soportan.

Nombre HTML	Hex	Código decimal R G B
Colores rojos
Carmesí	#DC143C	220 20 60
Coral claro	#F08080	240 128 128
Rojo indio	#CD5C5C	205 92 92
Ladrillo refractario	#B22222	178 34 34
Marrón	#A52A2A	165 42 42
Rojo	#FF0000	255 0 0
Rojo oscuro	#8B0000	139 0 0
Granate	#800000	128 0 0
Salmón	#FA8072	250 128 114
Colores rosa y rosa
Rosa	#FFC0CB	255 192 203
Rosa claro	#FFB6C1	255 182 193
Rojo violeta pálido	#DB7093	219 112 147
Rosa intenso	#FF69B4	255 105 180
Rosa intenso	#FF1493	255 20 147
Colores anaranjados
Hojaldre de melocotón	#FFDAB9	255 218 185
Salmón oscuro	#E9967A	233 150 122
Salmón claro	#FFA07A	255 160 122
Coral	#FF7F50	255 127 80
Tomate	#FF6347	255 99 71
NaranjaRojo	#FF4500	255 69 0
Látigo de papaya	#FFEFD5	255 239 213
Mocasín	#FFE4B5	255 228 181
Naranja oscuro	#FF8C00	255 140 0
Naranja	#FFA500	255 165 0

Colores amarillos
Amarillo dorado claro	#FAFAD2	250 250 210
Vara de oro pálida	#EEE8AA	238 232 170
Goldenrod	#DAA520	218 165 32
Vara de oro oscura	#B8860B	184 134 11
Oro	#FFD700	255 215 0
Chifón de limón	#FFFACD	255 250 205
Amarillo claro	#FFFFE0	255 255 224
Amarillo	#FFFF00	255 255 0
Oliva	#808000	128 128 0
Caqui	#F0E68C	240 230 140
Caqui oscuro	#BDB76B	189 183 107
Colores violeta, púrpura y magenta
Lavanda	#E6E6FA	230 230 250
Púrpura medio	#9370DB	147 112 219
Azul Violeta	#8A2BE2	138 43 226
Violeta oscuro	#9400D3	148 0 211
Indigo	#4B0082	75 0 130
Orquídea mediana	#BA55D3	186 85 211
Orquídea oscura	#9932CC	153 &50 204
Cardo	#D8BFD8	216 191 216
Ciruela	#DDA0DD	221 160 221
Violeta	#EE82EE	238 130 238
Orquídea	#DA70D6	218 112 214
Fucsia o magenta	#FF00FF	255 0 255
Magenta oscuro	#8B008B	139 0 139
Púrpura	#800080	128 0 128
Rojo violeta medio	#C71585	199 21 133

Nombre HTML	Hex	Código decimal R G B
Colores verdes
Amarillo Verde	#9ACD32	154 205 50
Color de oliva	#6B8E23	107 142 35
Verde oliva oscuro	#556B2F	85 107 47
Verde Amarillo	#ADFF2F	173 255 47
Chartreuse	#7FFF00	127 255 0
Césped verde	#7CFC00	124 252 0
Cal	#00FF00	0 255 0
Verde	#008000	0 128 0
Verde oscuro	#006400	0 100 0
Verde pálido	#98FB98	152 251 152
Verde claro	#90EE90	144 238 144
Verde lima	#32CD32	50 205 50
Verde bosque	#228B22	34 139 34
Verde primavera medio	#00FA9A	0 250 154
Verde de primavera	#00FF7F	0 255 127
Verde marino medio	#3CB371	60 179 113
Verde marino	#2E8B57	46 139 87
Verde marino oscuro	#8FBC8F	143 188 143
Colores cianes
Aguamarina	#7FFFD4	127 255 212
Aguamarina mediana	#66CDAA	102 205 170
Turquesa	#40E0D0	64 224 208
Turquesa medio	#48D1CC	72 209 204
Turquesa oscuro	#00CED1	0 206 209
Turquesa pálido	#AFEEEE	175 238 238
Verde marino claro	#20B2AA	32 178 170
Cian claro	#E0FFFF	224 255 255
Aqua o Cyan	#00FFFF	0 255 255
Cian oscuro	#008B8B	0 139 139
Teal	#008080	0 128 128
Azul Polvo	#B0E0E6	176 224 230
Azul cadete	#5F9EA0	95 158 160
Colores azules y azules
Azul claro	#ADD8E6	173 216 230
Azul cielo	#87CEEB	135 206 235
Azul cielo claro	#87CEFA	135 206 250
Azul cielo profundo	#00BFFF	0 191 255
Azul Dodger	#1E90FF	30 144 255
Azul acero claro	#B0C4DE	176 196 222
Azul acero	#4682B4	70 130 180
Azul aciano	#6495ED	100 149 237
Azul real	#4169E1	65 105 225
Azul	#0000FF	0 0 255
Azul medio	#0000CD	0 0 205
Azul oscuro	#00008B	0 0 139
Marina	#000080	0 0 128
Azul noche	#191970	25 25 112
Azul pizarra medio	#7B68EE	123 104 238
Azul pizarra	#6A5ACD	106 90 205
Azul pizarra oscuro	#483D8B	72 61 139

Nombre HTML	Hex	Código decimal R G B
Colores marrones
Cornsilk	#FFF8DC	255 248 220
Almendra escaldada	#FFEBCD	255 235 205
Bisque	#FFE4C4	255 228 196
Blanco Navajo	#FFDEAD	255 222 173
Trigo	F5 DE B3	245 222 179
Burlywood	DE B8 87	222 184 135
Tan	D2 B4 8C	210 180 140
Marrón rosado	BC 8F 8F	188 143 143
Sandy Brown	F4 A4 60	244 164 96
Perú	CD 85 3F	205 133 63
Chocolate	D2 69 1E	210 105 30
Marrón de la silla de montar	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Colores blancos
Blanco	FF FF FF	255 255 255
Nieve	FF FA FA	255 250 250
Miel de abeja	F0 FF F0	240 255 240
Crema de menta	F5 FF FA	245 255 250
Azure	F0 FF FF	240 255 255
Alice Blue	F0 F8 FF	240 248 255
Blanco fantasma	F8 F8 FF	248 248 255
Humo blanco	F5 F5 F5	245 245 245
Concha marina	FF F5 EE	255 245 238
Beige	F5 F5 DC	245 245 220
Old Lace	FD F5 E6	253 245 230
Blanco Floral	FF FA F0	255 250 240
Marfil	FF FF F0	255 255 240
Blanco antiguo	FA EB D7	250 235 215
Lino	FA F0 E6	250 240 230
Colorete de lavanda	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Colores grises
Gainsboro	DC DC DC	220 220 220
Gris claro	D3 D3 D3	211 211 211
Plata	C0 C0 C0	192 192 192
Gris oscuro	A9 A9 A9	169 169 169
Gris	80 80 80	128 128 128
Gris oscuro	69 69 69	105 105 105
Gris pizarra claro	77 88 99	119 136 153
Gris pizarra	70 80 90	112 128 144
Gris pizarra oscuro	2F 4F 4F	47 79 79
Negro	00 00 00	0 0 0

Colores X11 (formulados en 1987)

Se denominan "colores web X11" desde la invención de la World Wide Web en 1991.

Nombre X11	Hex	Código decimal R G B
Colores rojos
lightcoral	#F08080	240 128 128
indianred	#CD5C5C	205 92 92
indianred1	#FF6A6A	255 106 106
indianred2	#EE6363	238 99 99
indianred3	#CD5555	205 85 85
indianred4	#8B3A3A	139 58 58
ladrillo refractario	#B22222	178 34 34
marrón	#A52A2A	165 42 42
rojo1	#FF0000	255 0 0
rojo4	#8B0000	139 0 0
salmón	#FA8072	250 128 114
Colores rosa y rosa
rosa	#FFC0CB	255 192 203
rosa claro	#FFB6C1	255 182 193
hotpink	#FF69B4	255 105 180
deeppink1	#FF1493	255 20 147
palevioletred	#DB7093	219 112 147
granate	#B03060	176 48 96
Colores anaranjados
peachpuff1	#FFDAB9	255 218 185
darksalmon	#E9967A	233 150 122
lightsalmon1	#FFA07A	255 160 122
coral	#FF7F50	255 127 80
tomate1	#FF6347	255 99 71
orangered1	#FF4500	255 69 0
papayawhip	#FFEFD5	255 239 213
mocasín	#FFE4B5	255 228 181
darkorange	#FF8C00	255 140 0
naranja1	#FFA500	255 165 0

Colores amarillos
amarillo dorado claro	#FAFAD2	250 250 210
lightgoldenrod1	#FFEC8B	250 250 210
lightgoldenrod2	#EEDC82	238 220 130
lightgoldenrod3	#CDBE70	205 190 112
lightgoldenrod4	#8B814C	139 129 76
palegoldenrod	#EEE8AA	238 232 170
vara de oro	#DAA520	218 165 32
vara de oro1	#FFC125	255 193 37
vara de oro2	#EEB422	238 180 34
vara de oro3	#CD9B1D	205 155 29
vara de oro4	#8B6914	139 105 20
darkgoldenrod	#B8860B	184 134 11
darkgoldenrod1	#FFB90F	255 184 15
darkgoldenrod2	#EEAD0E	238 173 14
darkgoldenrod3	#CD950C	205 149 12
darkgoldenrod4	#8B6508	139 101 8
oro1	#FFD700	255 215 0
oro2	#EEC900	238 201 0
oro3	#CDAD00	205 173 0
oro4	#8B7500	139 177 0
lemonchiffon1	#FFFACD	255 250 205
lemonchiffon2	#EEE9BF	238 233 191
lemonchiffon3	#CDC9A5	2O5 201 165
lemonchiffon4	#8B8970	139 137 112
amarillo claro1	#FFFFE0	255 255 224
amarillo claro2	#EEEED1	238 238 209
amarillo claro3	#CDCDB4	205 205 180
amarillo claro4	#8B8B7A	139 139 122
amarillo1	#FFFF00	255 255 0
amarillo2	#EEEE00	238 238 0
amarillo3	#CDCD00	205 205 0
amarillo4	#8B8B00	139 139 0
caqui	#F0E68C	240 230 140
caqui1	#FFF68F	255 246 143
caqui2	#EEE685	238 230 133
caqui3	#CDC673	205 198 115
caqui4	#8B864E	139 134 78
darkkhaki	#BDB76B	189 183 107
Colores violeta, púrpura y magenta
lavanda	#E6E6FA	230 230 250
mediumpurple	#9370DB	147 112 219
blueviolet	#8A2BE2	138 43 226
darkviolet	#9400D3	148 0 211
púrpura	#A020F0	160 32 240
mediumorchid	#BA55D3	186 85 211
darkorchid	#9932CC	153 50 204
cardo	#D8BFD8	216 191 216
ciruela	#DDA0DD	221 160 221
violeta	#EE82EE	238 130 238
orquídea	#DA70D6	218 112 214
magenta	#FF00FF	255 0 255
maroon1	#FF34B3	255 52 179
maroon2	#EE30A7	238 48 167
maroon3	#CD2990	205 41 144
maroon4	#8B1C62	139 28 98
mediumvioletred	#C71585	199 21 133
violeta	#D02090	208 32 144

Nombre X11	Hex	Código decimal R G B
Colores verdes
amarillo-verde	#9ACD32	154 205 50
olivedrab	#6B8E23	107 142 35
darkolivegreen	#556B2F	85 107 47
amarillo-verde	#ADFF2F	173 255 47
chartreuse1	#7FFF00	127 255 0
lawngreen	#7CFC00	124 252 0
verde1	#00FF00	0 255 0
verde4	#008B00	0 139 0
verde oscuro	#006400	0 100 0
palegreen	#98FB98	152 251 152
limegreen	#32CD32	50 205 50
forestgreen	#228B22	34 139 34
medioverde-primavera	#00FA9A	0 250 154
springgreen1	#00FF7F	0 255 127
mediumseagreen	#3CB371	60 179 113
seagreen1	#54FF9F	46 139 87
darkseagreen	#8FBC8F	143 188 143
Colores cianes
aguamarina	#7FFFD4	127 255 212
mediumaquamarine	#66CDAA	102 205 170
turquesa	#40E0D0	64 224 208
mediumturquoise	#48D1CC	72 209 204
darkturquoise	#00CED1	0 206 209
paleturquesa	#AFEEEE	175 238 238
lightseagreen	#20B2AA	32 178 170
lightcyan1	#E0FFFF	224 255 255
cian1	#00FFFF	0 255 255
cian2	#00EEEE	0 238 238
cian3	#00CDCD	0 205 205
cian4	#008B8B	0 139 139
powderblue	#B0E0E6	176 224 230
cadetblue	#5F9EA0	95 158 160
Colores azules y azules
azul claro	#ADD8E6	173 216 230
skyblue	#87CEEB	135 206 235
lightskyblue	#87CEFA	135 206 250
deepskyblue1	#00BFFF	0 191 255
dodgerblue1	#1E90FF	30 144 255
lightteelblue	#B0C4DE	176 196 222
steelblue	#4682B4	70 130 180
cornflowerblue	#6495ED	100 149 237
royalblue	#4169E1	65 105 225
azul1	#0000FF	0 0 255
azul2	#0000EE	0 0 238
mediumblue	#0000CD	0 0 205
azul4	#00008B	0 0 139
azul marino	#000080	0 0 128
midnightblue	#191970	25 25 112
mediumslateblue	#7B68EE	123 104 238
pizarraazul	#6A5ACD	106 90 205
darklateblue	#483D8B	72 61 139

Nombre X11	Hex	Código decimal R G B
Colores marrones
cornsilk1	FF F8 DC	255 248 220
Blanqueo de almendras	FF EB CD	255 235 205
bisque1	FF E4 C4	255 228 196
navajowhite1	FF DE AD	255 222 173
trigo	F5 DE B3	245 222 179
burlywood	DE B8 87	222 184 135
tan	D2 B4 8C	210 180 140
rosybrown	BC 8F 8F	188 143 143
sandybrown	F4 A4 60	244 164 96
Perú	CD 85 3F	205 133 63
chocolate	D2 69 1E	210 105 30
silla de montar marrón	8B 45 13	139 69 19
siena	A0 52 2D	160 82 45
Colores blancos
blanco	FF FF FF	255 255 255
nieve1	FF FA FA	255 250 250
honeydew1	F0 FF F0	240 255 240
crema de menta	F5 FF FA	245 255 250
azur1	F0 FF FF	240 255 255
aliceblue	F0 F8 FF	240 248 255
ghostwhite	F8 F8 FF	248 248 255
humo blanco	F5 F5 F5	245 245 245
concha marina1	FF F5 EE	255 245 238
beige	F5 F5 DC	245 245 220
oldlace	FD F5 E6	253 245 230
floralblanco	FF FA F0	255 250 240
marfil1	FF FF F0	255 255 240
antiguoblanco	FA EB D7	250 235 215
lino	FA F0 E6	250 240 230
lavenderblush1	FF F0 F5	255 240 245
mistyrose1	FF E4 E1	255 228 225
Colores grises
gainboro	DC DC DC	220 220 220
gris claro	D3 D3 D3	211 211 211
plata	C0 C0 C0	192 192 192
darkgray	A9 A9 A9	169 169 169
gris	80 80 80	128 128 128
dimgray	69 69 69	105 105 105
lightslategray	77 88 99	119 136 153
slategray	70 80 90	112 128 144
darkslategray	2F 4F 4F	47 79 79
negro	#000000	0 0 0

Tabla de colores web seleccionados

Esta tabla muestra los colores HTML y X11 seleccionados, así como los colores web de consenso no oficiales desarrollados por diseñadores web desde 2002. Al introducir el código utilizando los colores no oficiales, debe especificarse el código hexadecimal del color en lugar de escribir el nombre del mismo.

ver
hablar
editar

Colores de la web (lista)

Rosa

Carmesí

Rojo

Granate

Marrón

Misty Rose

Salmón

Coral

Naranja-Rojo

Chocolate

Naranja

Oro

Marfil

Amarillo

Césped verde

Cal

Verde primavera

Turquesa

Teal

Azul

Ciruela

Púrpura

Tan

Gris pizarra

Gris pizarra oscuro

Blanco

Humo blanco

Gris claro

Plata

Gris oscuro

Gris

Gris oscuro

Negro

Preguntas y respuestas

P: ¿Qué son los colores web?

R: Los colores web son los colores que se utilizan en el diseño de las páginas web y las formas de describir y enumerar esos colores.

P: ¿Cuántos colores diferentes se pueden crear con los tripletes RGB?

R: Con los tripletes RGB se pueden crear 16.777.216 colores diferentes.

P: ¿Existen nombres comunes en inglés para algunos de estos colores?

R: Sí, muchos colores comunes también pueden elegirse por sus nombres comunes en inglés.

P: ¿Qué software se suele utilizar para crear valores de color?

R: A menudo se utiliza una herramienta de color u otro software gráfico para crear valores de color.

P: ¿En qué se basaron las listas de colores originales de Mosaic y Netscape Navigator?

R: Las primeras versiones de Mosaic y Netscape Navigator utilizaron los nombres de los colores de X11 como base para sus listas de colores porque ambos empezaron como aplicaciones del sistema X Window.

P: ¿Qué relación tiene sRGB con los colores de la web?

R: Cada color de la web tiene su propia definición, sRGB, que se relaciona con las cromaticidades de un único conjunto de fósforo, una curva de transferencia determinada, un punto blanco adaptable y las condiciones de visualización.

P: ¿Cómo muestran los agentes de usuario estos colores con precisión?

R: Los mejores agentes de usuario utilizan la gestión del color para crear una mayor fidelidad del color, lo que es importante para las aplicaciones de impresión de la web.