Colores pastel html. El color en los estilos se puede configurar de diferentes maneras: por valor hexadecimal, por nombre, en formato RGB, RGBA, HSL, HSLA. Especificación de color con RGB

Los números hexadecimales se utilizan para especificar colores. El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre lo indica, en el número 16. Los números serán los siguientes: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Los números del 10 al 15 se sustituyen por letras latinas. Los números mayores de 15 en el sistema hexadecimal se forman combinando dos números en uno. Por ejemplo, el número 255 en decimal corresponde al número FF en hexadecimal. Para evitar confusiones en la definición del sistema numérico, el número hexadecimal está precedido por el símbolo de almohadilla #, por ejemplo, #666999. Cada uno de los tres colores, rojo, verde y azul, puede tomar valores de 00 a FF. Así, la designación del color se divide en tres componentes #rrggbb, donde los dos primeros caracteres marcan el componente rojo del color, los dos del medio marcan el verde y los dos últimos marcan el azul. Se permite utilizar la forma abreviada #rgb, donde cada carácter debe ser duplicado. Por lo tanto, la entrada #fe0 debe considerarse como #ffee00.

por nombre

explorador de Internet Cromo Ópera safari Firefox Androide iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Los navegadores admiten algunos colores por nombre. En mesa. 1 muestra los nombres, código hexadecimal, valores en RGB, formato HSL y descripción.

Pestaña. 1. Nombres de colores
Nombre Color El código RGB LGV Descripción
blanco #fffff o #fff rgb(255,255,255) hsl(0.0%,100%) Blanco
plata #c0c0c0 rgb(192,192,192) hsl(0.0%,75%) Gris
gris #808080 rgb(128,128,128) hsl(0.0%,50%) Gris oscuro
negro #000000 o #000 rgb(0,0,0) hsl(0,0%,0%) Negro
granate #800000 rgb(128,0,0) hsl(0,100%,25%) Rojo oscuro
rojo #ff0000 o #f00 rgb(255,0,0) hsl(0,100%,50%) Rojo
naranja #ffa500 rgb(255,165,0) hsl(38.8,100%,50%) Naranja
amarillo #ffff00 o #ff0 rgb(255,255,0) hsl(60,100%,50%) Amarillo
aceituna #808000 rgb(128,128,0) hsl(60,100%,25%) Aceituna
Lima #00ff00 o #0f0 rgb(0,255,0) hsl(120,100%,50%) verde claro
verde #008000 rgb(0,128,0) hsl(120,100%,25%) Verde
agua #00ffff o #0ff rgb(0,255,255) hsl(180,100%,50%) Azul
azul #0000ff o #00f rgb(0,0,255) hsl(240,100%,50%) Azul
Armada #000080 rgb(0,0,128) hsl(240,100%,25%) Azul oscuro
verde azulado #008080 rgb(0,128,128) hsl(180,100%,25%) azul verde
fucsia #ff00ff o #f0f rgb(255,0,255) hsl(300,100%,50%) Rosado
púrpura #800080 rgb(128,0,128) hsl(300,100%,25%) Púrpura

con RGB

explorador de Internet Cromo Ópera safari Firefox Androide iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Puede definir un color utilizando los valores rojo, verde y azul en términos decimales. Cada uno de los tres componentes de color toma un valor de 0 a 255. También es aceptable establecer el color como un porcentaje, mientras que el 100 % corresponderá al número 255. Primero, se especifica la palabra clave rgb y luego se especifican los componentes de color. especificado entre paréntesis, separados por comas, por ejemplo rgb(255 , 128, 128) o rgb(100%, 50%, 50%).

RGBA

explorador de Internet Cromo Ópera safari Firefox Androide iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

El formato RGBA es similar en sintaxis a RGB, pero incluye un canal alfa que establece la transparencia del elemento. Un valor de 0 es totalmente transparente, 1 es opaco y un valor intermedio como 0,5 es translúcido.

RGBA se agrega a CSS3, por lo que la validación del código CSS debe realizarse de acuerdo con esta versión. Cabe señalar que el estándar CSS3 aún está en desarrollo y algunas de sus características pueden cambiar. Por ejemplo, un color RGB agregado a la propiedad background-color pasa la validación, pero uno agregado a la propiedad background no. Al mismo tiempo, los navegadores entienden correctamente el color de ambas propiedades.

LGV

explorador de Internet Cromo Ópera safari Firefox Androide iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

El nombre del formato HSL se forma a partir de una combinación de las primeras letras Hue (tono), Saturate (saturación) y Lightness (luminosidad). El tono es el valor del color en la rueda de colores (Fig. 1) y se especifica en grados. 0° es rojo, 120° es verde y 240° es azul. El valor de matiz puede variar de 0 a 359.

Arroz. 1. Rueda de colores

La saturación es la intensidad de un color, medida como un porcentaje de 0% a 100%. Un valor de 0% indica ausencia de color y una sombra de gris, 100% es el valor máximo de saturación.

La luminosidad establece qué tan brillante es el color y se especifica como un porcentaje de 0% a 100%. Los valores pequeños oscurecen el color, mientras que los valores altos lo hacen más claro, los valores extremos de 0% y 100% corresponden a blanco y negro.

HSLA

explorador de Internet Cromo Ópera safari Firefox Androide iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

El formato HSLA es similar en sintaxis a HSL, pero incluye un canal alfa que establece la transparencia del elemento. Un valor de 0 es totalmente transparente, 1 es opaco y un valor intermedio como 0,5 es translúcido.

Los valores de color en los formatos RGBA, HSL y HSLA se agregan a CSS3, por lo que al usar estos formatos, verifique la validez del código con respecto a la versión.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Colores

Advertencia

Todos los métodos para atrapar un león enumerados en el sitio son teóricos y se basan en métodos computacionales. Los autores no garantizan su seguridad al utilizarlos y declinan cualquier responsabilidad por el resultado. ¡Recuerde, el león es un depredador y un animal peligroso!

¡Arrrgh!


El resultado de este ejemplo se muestra en la Fig. 2.

Arroz. 2. Colores en la página web

Los colores HTML se indican con seis caracteres después de la barra, por ejemplo, #000000. Estos seis caracteres representan las proporciones de los distintos colores (rojo, verde y azul) en el color final. La imagen en el monitor de su computadora se compone de una gran cantidad de puntos llamados píxeles. Cada píxel es una pequeña fuente de luz, llamémoslo "linterna", que a su vez consta de tres linternas: roja, verde y azul. Al reducir o aumentar la intensidad del brillo de las linternas de colores individuales, obtenemos el color deseado.

códigos de color html

Los colores en HTML se indican mediante la notación hexadecimal (HEX) para la combinación de rojo, azul y verde (RGB).

El valor de color más pequeño es 0 (hexadecimal 00). El valor de color más alto es 255 (FF hexadecimal).

El valor de color hexadecimal es de tres dígitos que comienzan con #.

Códigos de colores (valores)

Color código hexadecimal Código RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

16 millones de tonos

Combinar rojo, azul y verde con valores que van de 0 a 255 para cada color suma más de 16 millones de tonos (256 x 256 x 256).

La mayoría de los monitores modernos son capaces de mostrar al menos 16 384 tonos diferentes (los monitores LCD generalmente son capaces de mostrar 262,16 millones (actualizado en octubre de 2013) colores, mientras que los monitores CRT pueden mostrar una cantidad casi ilimitada de colores).

La siguiente tabla de colores muestra el cambio en la proporción de rojo de 0 a 255 con valores cero para azul y verde:

Rojo código hexadecimal Código RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

sombras de gris

Para obtener tonos de gris, se utilizan proporciones iguales de todos los colores. Para facilitar la elección del color deseado, ponemos a su disposición códigos de tonos de gris.

sombras de gris código hexadecimal Código RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
#808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
#C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 rgb(216,216,216)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 rgb(248,248,248)
#FFFFFF rgb(255,255,255)

Nombres de colores html entre navegadores (para todos los navegadores)

Una colección de 150 nombres de colores html compatibles con todos los navegadores.

Nombres de colores estandarizados

El W3C enumera 16 nombres de colores válidos para HTML y CSS: aqua (aguamarina), negro (negro), azul (azul), fucsia (magenta), gris (gris), verde (verde), lima (lima o verde claro), granate (castaño), azul marino (ultramar), verde oliva (oliva), morado (púrpura), rojo (rojo), plata (plata), verde azulado (gris), blanco (blanco) y amarillo (amarillo).

Cuando se utilicen colores que no estén incluidos en esta lista, será más correcto utilizar su código hexadecimal (HEX) o su código RGB.

Colores seguros

Hace algunos años, cuando las computadoras podían admitir un máximo de 256 colores diferentes, se propuso una lista de 216 "Colores seguros para la Web", con 40 colores reservados para el sistema.

Esta paleta de 216 colores se creó para mostrar correctamente los colores en el modo de paleta de 256 colores.

No importa ahora porque la mayoría de las computadoras en todo el mundo admiten millones de tonos de color. En cualquier caso, aquí hay una lista de esos colores:

000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

Esta página contiene una tabla con palabras clave que se pueden usar para designar colores en lenguajes de desarrollo web tales como: HTML, CSS, JavaScript, Flash, etc.

En la antigua especificación WC3, solo se usaban 16 palabras clave para establecer colores en HTML y CSS. En especificaciones posteriores, más modernas, se agregaron otras 130 palabras clave para indicar nombres de colores. La siguiente tabla contiene los nombres de los colores, los códigos hexadecimales y RGB a los que corresponden.

De acuerdo con las reglas de CSS, los nombres de los colores no distinguen entre mayúsculas y minúsculas. Las entradas de color IndianRed e indianred son equivalentes.

También vale la pena señalar que de las 146 palabras clave de la tabla, en realidad hay menos colores. Esto se debe a que algunos palabras clave representan el mismo color. Entonces, los nombres Gray y Gray representan un 50 por ciento de gris con el código #808080, mientras que la palabra Magenta es un sinónimo HTML del color fucsia, que corresponde al código hexadecimal #FF00FF. Las palabras Aqua y Cyan también son sinónimos, corresponden al código #00FFFF.

Nombre del color en HTML y CSS MALEFICIO RGB
Tonos rojos:
IndioRojo#CD5C5C205, 92, 92
coral claro#F08080240, 128, 128
Salmón#FA8072250, 128, 114
salmón oscuro#E9967A233, 150, 122
Salmón claro#FFA07A255, 160, 122
carmesí#DC143C220, 20, 60
Rojo#FF0000255, 0, 0
Ladrillo refractario#B22222178, 34, 34
rojo oscuro#8B0000139, 0, 0
Tonos rosas:
Rosado#FFC0CB255, 192, 203
Rosa claro#FFB6C1255, 182, 193
Rosa caliente#FF69B4255, 105, 180
Rosa profundo#FF1493255, 20, 147
MedioVioletaRojo#C71585199, 21, 133
PálidoVioletaRojo#DB7093219, 112, 147
Tonos naranjas:
Salmón claro#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
tomate#FF6347255, 99, 71
Rojo naranja#FF4500255, 69, 0
naranja oscuro#FF8C00255, 140, 0
Naranja#FFA500255, 165, 0
tonos amarillos:
Oro#FFD700255, 215, 0
Amarillo#FFFF00255, 255, 0
Amarillo claro#FFFFE0255, 255, 224
limóngasa#FFFACD255, 250, 205
luzvara de oroamarillo#FAFAD2250, 250, 210
Látigo De Papaya#FFEFD5255, 239, 213
Mocasín#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Caqui#F0E68C240, 230, 140
caqui oscuro#BDB76B189, 183, 107
Tonos morados:
Lavanda#E6E6FA230, 230, 250
Cardo#D8BFD8216, 191, 216
Ciruela#DDA0DD221, 160, 221
Violeta#EE82EE238, 130, 238
Orquídea#DA70D6218, 112, 214
Fucsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
orquídea mediana#BA55D3186, 85, 211
Púrpura Medio#9370DB147, 112, 219
Violeta Azul#8A2BE2138, 43, 226
Violeta oscuro#9400D3148, 0, 211
orquídea oscura#9932CC153, 50, 204
Magenta oscuro#8B008B139, 0, 139
Púrpura#800080 128, 0, 128
Índigo#4B008275, 0, 130
Azul pizarra#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Tonos marrones:
Seda de maiz#FFF8DC255, 248, 220
Almendra Blanqueada#FFEBCD255, 235, 205
Sopa de mariscos#FFE4C4255, 228, 196
NavajoBlanco#FFDAD255, 222, 173
Trigo#F5DEB3245, 222, 179
Burlywood#DEB887222, 184, 135
Broncearse#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
marrón arena#F4A460244, 164, 96
vara de oro#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Perú#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SillínMarrón#8B4513139, 69, 19
Tierra de siena#A0522D160, 82, 45
Marrón#A52A2A165, 42, 42
granate#800000 128, 0, 0
Colores primarios:
Negro#000000 0, 0, 0
Gris#808080 128, 128, 128
Plata#C0C0C0192, 192, 192
Blanco#FFFFFF255, 255, 255
Fucsia#FF00FF255, 0, 255
Púrpura#800080 128, 0, 128
Rojo#FF0000255, 0, 0
granate#800000 128, 0, 0
Amarillo#FFFF00205, 92, 92
Aceituna#808000 240, 128, 128
Lima#00FF00250, 128, 114
Verde#008000 233, 150, 122
Agua#00FFFF205, 92, 92
verde azulado#008080 240, 128, 128
Azul#0000FF250, 128, 114
Armada#000080 233, 150, 122
Nombre del color en HTML y CSS MALEFICIO RGB
Tonos verdes:
Verde amarillo#ADFF2F173, 255, 47
monasterio#7FFF00127, 255, 0
CéspedVerde#7CFC00124, 252, 0
Lima#00FF000, 255, 0
Verde lima#32CD3250, 205, 50
Verde pálido#98FB98152, 251, 152
Verde claro#90EE90144, 238, 144
MedioPrimaveraVerde#00FA9A0, 250, 154
Primavera verde#00FF7F0, 255, 127
MedioMarVerde#3CB37160, 179, 113
verde mar#2E8B5746, 139, 87
bosque verde#228B2234, 139, 34
Verde#008000 0, 128, 0
verde oscuro#006400 0, 100, 0
amarillo verde#9ACD32154, 205, 50
Verde oliva#6B8E23107, 142, 35
Aceituna#808000 128, 128, 0
OscuroOlivaVerde#556B2F85, 107, 47
MedioAguamarina#66CDAA102, 205, 170
oscuromarverde#8FBC8F143, 188, 143
luzmarverde#20B2AA32, 178, 170
cian oscuro#008B8B0, 139, 139
verde azulado#008080 0, 128, 128
Tonos azules:
Agua#00FFFF0, 255, 255
cian#00FFFF0, 255, 255
Cian claro#E0FFFF224, 255, 255
turquesa pálido#AFEEEE175, 238, 238
aguamarina#7FFFD4127, 255, 212
Turquesa#40E0D064, 224, 208
Turquesa Medio#48D1CC72, 209, 204
turquesa oscuro#00CED10, 206, 209
Cadete Azul#5F9EA095, 158, 160
azul acero#4682B470, 130, 180
LightSteelAzul#B0C4DE176, 196, 222
Azul pálido#B0E0E6176, 224, 230
azul claro#ADD8E6173, 216, 230
cielo azul#87CEEB135, 206, 235
LuzCieloAzul#87CEFA135, 206, 250
azul cieloprofundo#00BFFF0, 191, 255
Dodger azul#1E90FF30, 144, 255
AcianoAzul#6495ED100, 149, 237
MedioPizarraAzul#7B68EE123, 104, 238
Azul real#4169E165, 105, 225
Azul#0000FF0, 0, 255
Azul medio#0000CD0, 0, 205
azul oscuro#00008B0, 0, 139
Armada#000080 0, 0, 128
azul medianoche#191970 25, 25, 112
Tonos blancos:
Blanco#FFFFFF255, 255, 255
Nieve#FFFAFA255, 250, 250
Gotas de miel#F0FFF0240, 255, 240
mentacrema#F5FFFA245, 255, 250
Azur#F0FFFF240, 255, 255
Alice azul#F0F8FF240, 248, 255
fantasma blanco#F8F8FF248, 248, 255
humo blanco#F5F5F5245, 245, 245
Concha#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
encaje viejo#FDF5E6253, 245, 230
FloralBlanco#FFFAF0255, 250, 240
Marfil#FFFFF0255, 255, 240
blanco antiguo#FAEBD7250, 235, 215
lino#FAF0E6250, 240, 230
lavandarubor#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Tonos grises:
Gainsboro#DCDCDC220, 220, 220
gris claro#D3D3D3211, 211, 211
gris claro#D3D3D3211, 211, 211
Plata#C0C0C0192, 192, 192
gris oscuro#A9A9A9169, 169, 169
gris oscuro#A9A9A9169, 169, 169
Gris#808080 128, 128, 128
Gris#808080 128, 128, 128
gris tenue#696969 105, 105, 105
Gris tenue#696969 105, 105, 105
Gris Pizarra Claro#778899 119, 136, 153
gris pizarra claro#778899 119, 136, 153
Gris Pizarra#708090 112, 128, 144
Pizarra gris#708090 112, 128, 144
oscurogris pizarra#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Negro#000000 0, 0, 0

Hay varias formas de representar el color en el diseño web.

HEX es un sistema hexadecimal para representar colores en base 16. Para este sistema, se utilizan dígitos decimales arábigos del 0 al 9 y letras latinas de la A a la F para complementar el número digital hasta el 16. Para el diseño web, 16 colores primarios (clave) , el llamado código de color hexadecimal #RRGGBB, donde cada par es responsable de su parte de color: RR - rojo, GG - verde y BB - azul. Cada fracción de color va de 00 a FF.

Otras dos representaciones del color en el diseño web son: como RGB(*,*,*), donde cada parte "*" de un color está representada por dígitos decimales del 0 al 255 y por nombres de color en idioma en Inglés.

A la hora de crear una imagen en color, el principal problema es la correcta reproducción de los colores en diferentes tipos de ordenadores, monitores y navegadores. Si el navegador no puede reproducir un color correctamente, hace coincidir o mezcla varios colores. Y a veces se puede reemplazar con un color completamente diferente.

Mesa 16 colores primarios, que se utilizan en todos los navegadores

Nombre Color maleficio (RGB)
Aqua (ola de mar) #00FFFF (000,255,255)
Negro Negro) #000000 (000,000,000)
Azul Azul) #0000FF (000,000,255)
Fucsia (magenta) #FF00FF (255,000,255)
gris (gris) #808080 (128,128,128)
Verde verde) #008000 (000,128,000)
Lima (verde brillante) #00FF00 (000,255,000)
Granate (granate) #800000 (128,000,000)
Azul marino (azul oscuro) #000080 (000,000,128)
Oliva (oliva) #808000 (128,128,000)
Púrpura (púrpura) #800080 (128,000,128)
Rojo rojo) #FF0000 (255,000,000)
Plata (plata) #C0C0C0 (192,192,192)
Verde azulado (gris verde) #008080 (000,128,128)
Blanco Blanco) #FFFFFF (255,255,255)
amarillo (amarillo) #FFFF00 (255,255,000)

Mesa púrpura colores y matices

Nombre Color maleficio (RGB)
magenta (magenta) #FFCBDB (255,203,219)
magenta (magenta) #FF0099 (255,000,153)
magenta (magenta) #F95A61 (249,090,097)
Fucsia (fucsia) #FF00FF (255,000,255)
Mauveine (púrpura de anilina) #EF0097 (239,000,151)
Rosa salmón (rosa anaranjado) #FF91A4 (255,145,164)
Cenise (un tono de magenta) #DE3163 (153,149,140)
Berenjena Berenjena (Berenjena) #990066 (153,000,132)
Rubor lavanda (lavanda rosada)  #FFF0F5 (255,240,245)
Lila (lila) #C8A2C8 (200,162,200)
magenta (magenta) #FF008F (255,000,143)
orquídea (orquídea) #DA70D6 (218,112,214)
Rojo-violeta (púrpura-rojo) #C71585 (199,021,133)
Sanguíneo (sanguíneo) #92000A (146,000,010)
Cardo (un tono de magenta) #D8BFD8 (185,211,238)
Berenjena violeta (un tono de magenta) #991199 (153,017,153)
Rosa vivo (rosa intenso) #FF007F (255,000,127)
Lavanda-rosa (un tono de púrpura) #FBA0E3 (108,123,139)
Mountbatten rosa (Mounbatten rosa) #997ABD (153,122,141)

Mesa gris colores y matices

Nombre Color maleficio (RGB)
gris (gris) #808080 (128,128,128)
gris (gris) #bebebe (190,190,190)
(tinte gris) #858585 (133,133,133)
Gray33 (Gris-33) #545454 (084,084,084)
(pizarra gris) #708090 (112,128,144)
(Cuarzo) #99958s (153,149,140)
(Gris claro) #bbbbbb (187,187,187)
(Plata) #c0c0c0 (192,192,192)
(gris blanco) #f0f0f0 (240,240,240)
(Barbas de Abdel-Kerim) #e0e0e0 (224,224,224)
Gris claro (gris claro) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (Azul aciano pálido1) #c6e2ff (198,226,255)
StateGray-2 (Azul aciano pálido2) #b9d3ee (185,211,238)
EstadoGray3() #9fb6cd (159,182,205)
EstadoGray4() #6c7b8b (108,123,139)

Tabla (paleta) de colores html le da la oportunidad de elegir independientemente el tono que necesita. El valor del color se muestra en tres formatos: hexadecimal, RGB y HSV.

  • Hex consta de tres valores de dos caracteres en notación hexadecimal. Por ejemplo: #ff00b3, donde el primer par de números es rojo, el segundo es verde y el tercero es azul.
  • RGB (RedGreenBlue) tiene la forma "200,100,255" que indica la cantidad del tono correspondiente (rojo, verde, azul) en el color resultante.
  • HSV (Tono, Saturación, Valor - tono, saturación, valor) - un modelo de color en el que las coordenadas son:
    • Hue - tono de color, puede variar de 0° a 360°.
    • Saturación - saturación, varía entre 0-100 o 0-1. Cuanto mayor sea esta configuración, más "puro" será el color, razón por la cual esta configuración a veces se denomina pureza del color. Y cuanto más cerca esté este parámetro de cero, más cerca estará el color del gris neutro.
    • Valor (valor de color) - establece el brillo, el valor también puede variar entre 0-100 o 0-1.

Introduzca el código de color: VAMOS

Lista de colores con nombres

La tabla enumera los nombres de colores en inglés (que se pueden usar como valores) admitidos por todos los navegadores y sus valores hexadecimales. Todos los colores enumerados son "seguros", lo que significa que se mostrarán de la misma manera en todos los navegadores.

Nombre del color MALEFICIO Color
Negro#000000
Armada#000080
azul oscuro#00008B
Azul medio#0000CD
Azul#0000FF
verde oscuro#006400
Verde#008000
verde azulado#008080
cian oscuro#008B8B
azul cieloprofundo#00BFFF
turquesa oscuro#00CED1
MedioPrimaveraVerde#00FA9A
Lima#00FF00
Primavera verde#00FF7F
Agua#00FFFF
cian#00FFFF
azul medianoche#191970
Dodger azul#1E90FF
luzmarverde#20B2AA
bosque verde#228B22
verde mar#2E8B57
oscurogris pizarra#2F4F4F
Verde lima#32CD32
MedioMarVerde#3CB371
Turquesa#40E0D0
Azul real#4169E1
azul acero#4682B4
DarkSlateBlue#483D8B
Turquesa Medio#48D1CC
Índigo#4B0082
OscuroOlivaVerde#556B2F
Cadete Azul#5F9EA0
AcianoAzul#6495ED
MedioAquaMarine#66CDAA
gris tenue#696969
Azul pizarra#6A5ACD
Verde oliva#6B8E23
Gris Pizarra#708090
Gris Pizarra Claro#778899
MedioPizarraAzul#7B68EE
CéspedVerde#7CFC00
monasterio#7FFF00
aguamarina#7FFFD4
granate#800000
Púrpura#800080
Aceituna#808000
Gris#808080
cielo azul#87CEEB
LuzCieloAzul#87CEFA
Violeta Azul#8A2BE2
rojo oscuro#8B0000
Magenta oscuro#8B008B
SillínMarrón#8B4513
oscuromarverde#8FBC8F
Verde claro#90EE90
Púrpura Medio#9370D8
Violeta oscuro#9400D3
Verde pálido#98FB98
orquídea oscura#9932CC
amarillo verde#9ACD32
Tierra de siena#A0522D
Marrón#A52A2A
gris oscuro#A9A9A9
azul claro#ADD8E6
Verde amarillo#ADFF2F
turquesa pálido#AFEEEE
LightSteelAzul#B0C4DE
Azul pálido#B0E0E6
Ladrillo refractario#B22222
DarkGoldenRod#B8860B
orquídea mediana#BA55D3
RosyBrown#BC8F8F
caqui oscuro#BDB76B
Plata#C0C0C0
MedioVioletaRojo#C71585
IndioRojo#CD5C5C
Perú#CD853F
Chocolate#D2691E
Broncearse#D2B48C
gris claro#D3D3D3
PálidoVioletaRojo#D87093
Cardo#D8BFD8
Orquídea#DA70D6
vara de oro#DAA520
carmesí#DC143C
Gainsboro#DCDCDC
Ciruela#DDA0DD
Burlywood#DEB887
Cian claro#E0FFFF
Lavanda#E6E6FA
salmón oscuro#E9967A
Violeta#EE82EE
PaleGoldenRod#EEE8AA
coral claro#F08080
Caqui#F0E68C
Alice azul#F0F8FF
gotas de miel#F0FFF0
Azur#F0FFFF
marrón arena#F4A460
Trigo#F5DEB3
Beige#F5F5DC
humo blanco#F5F5F5
mentacrema#F5FFFA
fantasma blanco#F8F8FF
Salmón#FA8072
blanco antiguo#FAEBD7
lino#FAF0E6
LuzOroRodAmarillo#FAFAD2
encaje viejo#FDF5E6
Rojo#FF0000
Fucsia#FF00FF
Magenta#FF00FF
Rosa profundo#FF1493
Rojo naranja#FF4500
tomate#FF6347
Rosa caliente#FF69B4
Coral#FF7F50
naranja oscuro#FF8C00
Salmón claro#FFA07A
Naranja#FFA500
Rosa claro#FFB6C1
Rosado#FFC0CB
Oro#FFD700
PeachPuff#FFDAB9
NavajoBlanco#FFDAD
Mocasín#FFE4B5
Sopa de mariscos#FFE4C4
MistyRose#FFE4E1
Almendra Blanqueada#FFEBCD
Látigo De Papaya#FFEFD5
lavandarubor#FFF0F5
concha#FFF5EE
Seda de maiz#FFF8DC
limóngasa#FFFACD
FloralBlanco#FFFAF0
Nieve#FFFAFA
Amarillo#FFFF00
Amarillo claro#FFFFE0
Marfil#FFFFF0
Blanco#FFFFFF


ARTÍCULOS RELACIONADOS