Codificación HTML blanca. El color en los estilos se puede especificar de diferentes maneras: por valor hexadecimal, por nombre, en formato RGB, RGBA, HSL, HSLA. Especificación del color mediante RGB

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

códigos de color HTML

Los colores en HTML están representados por una notación hexadecimal (HEX) de rojo, azul y verde (RGB).

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

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

Códigos de color (significados)

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 sombras

La combinación de rojo, azul y verde con valores que van de 0 a 255 para el porcentaje de cada color da como resultado un total de 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 mil 16 millones (actualizado en octubre de 2013) colores y los monitores CRT pueden mostrar un número prácticamente ilimitado 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 partes iguales de todos los colores. Para que le resulte más fácil elegir el color adecuado, le proporcionamos códigos de tonos de grises.

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 para varios navegadores (todos los navegadores)

Una colección de 150 nombres de colores en HTML, compatible con todos los navegadores.

Nombres de colores estandarizados

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

Cuando se utilizan colores no incluidos en esta lista, es más correcto utilizar su código hexadecimal (HEX) o código RGB.

Colores seguros

Hace varios años, cuando las computadoras podían soportar 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.

Ahora bien, esto no importa porque la mayoría de las computadoras en todo el mundo admiten millones de tonos de color. En cualquier caso, aquí tienes una lista de estos 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

El módulo de color CSS detalla valores que permiten a los autores definir los colores y la opacidad de los elementos html, así como los valores de la propiedad de color.

propiedad de color

1. Colores prioritarios: propiedad del color

La propiedad especifica el color de fuente utilizando varios sistemas de reproducción cromática. La propiedad describe el color del contenido del texto del elemento. Además, se utiliza para proporcionar un valor indirecto potencial (currentColor) para cualquier otra propiedad que acepte valores de color.

La propiedad se hereda.

2. Valores de color

2.1. Palabras clave principales

La lista de palabras clave principales incluye los siguientes significados:

Nombre	MALEFICIO	RGB	Color
negro	#000000	0,0,0
plata	#C0C0C0	192,192,192
gris	#808080	128,128,128
blanco	#FFFFFF	255,255,255
granate	#800000	128,0,0
rojo	#FF0000	255,0,0
púrpura	#800080	128,0,128
fucsia	#FF00FF	255,0,255
verde	#008000	0,128,0
cal	#00FF00	0,255,0
aceituna	#808000	128,128,0
amarillo	#FFFF00	255,255,0
Armada	#000080	0,0,128
azul	#0000FF	0,0,255
verde azulado	#008080	0,128,128
agua	#00FFFF	0,255,255

Los nombres de los colores no distinguen entre mayúsculas y minúsculas.

Sintaxis

Color turquesa;

2.2. Valores de color numéricos

2.2.1. Colores del modelo RGB

El formato hexadecimal de un valor RGB es un signo # seguido inmediatamente de tres o seis caracteres hexadecimales. La notación RGB de tres dígitos #rgb se convierte a la forma de seis dígitos #rrggbb copiando los dígitos en lugar de agregar ceros. Por ejemplo, #fb0 se expande a #ffbb00. Esto garantiza que se pueda especificar el #ffffff blanco en la entrada corta #fff y elimina cualquier dependencia en la profundidad del color de la pantalla.

El formato de un valor RGB en notación funcional es rgb (seguido de una lista separada por comas de tres valores numéricos (ya sea tres valores enteros o tres valores porcentuales) seguidos de un símbolo). El valor entero 255 corresponde a 100% y F o FF en notación hexadecimal:

Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF

Se permiten caracteres de espacio alrededor de valores numéricos.

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

En las especificaciones antiguas de la empresa WC3, solo se especificaban 16 palabras clave, con las que se configuraban los colores en HTML y CSS. En especificaciones más modernas, se agregaron otras 130 palabras clave para indicar nombres de colores. La siguiente tabla contiene los nombres de los colores y los códigos hexadecimales y RGB a los que corresponden.

Según 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 contiene menos colores. Esto se debe a que algunas palabras clave hacen referencia al mismo color. Así, los nombres Gray y Gray representan el código de color 50% gris #808080, y la palabra Magenta es sinónimo del color HTML Fucsia, correspondiente al código hexadecimal #FF00FF. También son sinónimos las palabras Aqua y Cyan, corresponden al código #00FFFF.

Nombre del color en HTML y CSS MALEFICIO RGB Tonos rojos: indiorojo #CD5C5C 205, 92, 92 Coral claro #F08080 240, 128, 128 Salmón #FA8072 250, 128, 114 salmón oscuro #E9967A 233, 150, 122 Salmón claro #FFA07A 255, 160, 122 carmesí #DC143C 220, 20, 60 Rojo #FF0000 255, 0, 0 Ladrillo refractario #B22222 178, 34, 34 Rojo oscuro #8B0000 139, 0, 0 Tonos rosados: Rosa #FFC0CB 255, 192, 203 Rosa claro #FFB6C1 255, 182, 193 Rosa caliente #FF69B4 255, 105, 180 Rosa profundo #FF1493 255, 20, 147 MedioVioletaRojo #C71585 199, 21, 133 PálidoVioletaRojo #DB7093 219, 112, 147 Tonos naranjas: Salmón claro #FFA07A 255, 160, 122 Coral #FF7F50 255, 127, 80 Tomate #FF6347 255, 99, 71 Rojo naranja #FF4500 255, 69, 0 Naranja oscuro #FF8C00 255, 140, 0 Naranja #FFA500 255, 165, 0 Tonos amarillos: Oro #FFD700 255, 215, 0 Amarillo #FFFF00 255, 255, 0 Amarillo claro #FFFFE0 255, 255, 224 LimónGasa #FFFACD 255, 250, 205 LuzVara De OroAmarillo #FAFAD2 250, 250, 210 papayalátigo #FFEFD5 255, 239, 213 Mocasín #FFE4B5 255, 228, 181 melocotónpuff #FFDAB9 255, 218, 185 Vara de oro pálida #EEE8AA 238, 232, 170 Caqui #F0E68C 240, 230, 140 Caqui oscuro #BDB76B 189, 183, 107 Tonos violetas: Lavanda #E6E6FA 230, 230, 250 Cardo #D8BFD8 216, 191, 216 Ciruela #DDA0DD 221, 160, 221 Violeta #EE82EE 238, 130, 238 Orquídea #DA70D6 218, 112, 214 Fucsia #FF00FF 255, 0, 255 Magenta #FF00FF 255, 0, 255 Orquídea mediana #BA55D3 186, 85, 211 Púrpura medio #9370DB 147, 112, 219 Violeta Azul #8A2BE2 138, 43, 226 Violeta oscuro #9400D3 148, 0, 211 orquídea oscura #9932CC 153, 50, 204 magenta oscuro #8B008B 139, 0, 139 Púrpura #800080 128, 0, 128 Índigo #4B0082 75, 0, 130 PizarraAzul #6A5ACD 106, 90, 205 oscuropizarraazul #483D8B 72, 61, 139 Tonos marrones: Seda de maiz #FFF8DC 255, 248, 220 Almendra Blanqueada #FFEBCD 255, 235, 205 Sopa de mariscos #FFE4C4 255, 228, 196 NavajoBlanco #FFDEAD 255, 222, 173 Trigo #F5DEB3 245, 222, 179 BurlyWood #DEB887 222, 184, 135 Broncearse #D2B48C 210, 180, 140 rosamarrón #BC8F8F 188, 143, 143 SandyBrown #F4A460 244, 164, 96 vara de oro #DAA520 218, 165, 32 oscurodoradovarilla #B8860B 184, 134, 11 Perú #CD853F 205, 133, 63 Chocolate #D2691E 210, 105, 30 SillínMarrón #8B4513 139, 69, 19 Tierra de siena #A0522D 160, 82, 45 Marrón #A52A2A 165, 42, 42 Granate #800000 128, 0, 0 Colores primarios: Negro #000000 0, 0, 0 Gris #808080 128, 128, 128 Plata #C0C0C0 192, 192, 192 Blanco #FFFFFF 255, 255, 255 Fucsia #FF00FF 255, 0, 255 Púrpura #800080 128, 0, 128 Rojo #FF0000 255, 0, 0 Granate #800000 128, 0, 0 Amarillo #FFFF00 205, 92, 92 Aceituna #808000 240, 128, 128 Cal #00FF00 250, 128, 114 Verde #008000 233, 150, 122 Agua #00FFFF 205, 92, 92 verde azulado #008080 240, 128, 128 Azul #0000FF 250, 128, 114 Armada #000080 233, 150, 122

Nombre del color en HTML y CSS MALEFICIO RGB Tonos verdes: Verde amarillo #ADFF2F 173, 255, 47 Monasterio #7FFF00 127, 255, 0 CéspedVerde #7CFC00 124, 252, 0 Cal #00FF00 0, 255, 0 Verde lima #32CD32 50, 205, 50 Verde pálido #98FB98 152, 251, 152 Verde claro #90EE90 144, 238, 144 MedioPrimaveraVerde #00FA9A 0, 250, 154 Primavera verde #00FF7F 0, 255, 127 MedioMarVerde #3CB371 60, 179, 113 Mar verde #2E8B57 46, 139, 87 Bosque verde #228B22 34, 139, 34 Verde #008000 0, 128, 0 Verde oscuro #006400 0, 100, 0 Amarillo verde #9ACD32 154, 205, 50 Verde oliva #6B8E23 107, 142, 35 Aceituna #808000 128, 128, 0 oscuroverde oliva #556B2F 85, 107, 47 Aguamarina mediana #66CDAA 102, 205, 170 oscuromarverde #8FBC8F 143, 188, 143 LuzMarVerde #20B2AA 32, 178, 170 cian oscuro #008B8B 0, 139, 139 verde azulado #008080 0, 128, 128 Tonos azules: Agua #00FFFF 0, 255, 255 cian #00FFFF 0, 255, 255 Cian claro #E0FFFF 224, 255, 255 Turquesa Pálido #AFEEEE 175, 238, 238 Aguamarina #7FFFD4 127, 255, 212 Turquesa #40E0D0 64, 224, 208 Turquesa mediana #48D1CC 72, 209, 204 oscuroturquesa #00CED1 0, 206, 209 Azul cadete #5F9EA0 95, 158, 160 Azul acero #4682B4 70, 130, 180 LuzAceroAzul #B0C4DE 176, 196, 222 Azul pálido #B0E0E6 176, 224, 230 Azul claro #ADD8E6 173, 216, 230 Cielo azul #87CEEB 135, 206, 235 luzcieloazul #87CEFA 135, 206, 250 azul cielo profundo #00BFFF 0, 191, 255 Azul Dodgers #1E90FF 30, 144, 255 AcianoAzul #6495ED 100, 149, 237 MedioPizarraAzul #7B68EE 123, 104, 238 Azul real #4169E1 65, 105, 225 Azul #0000FF 0, 0, 255 Azul medio #0000CD 0, 0, 205 Azul oscuro #00008B 0, 0, 139 Armada #000080 0, 0, 128 MedianocheAzul #191970 25, 25, 112 Tonos blancos: Blanco #FFFFFF 255, 255, 255 Nieve #FFFAFA 255, 250, 250 Gotas de miel #F0FFF0 240, 255, 240 Crema De Menta #F5FFFA 245, 255, 250 Azur #F0FFFF 240, 255, 255 Alice azul #F0F8FF 240, 248, 255 FantasmaBlanco #F8F8FF 248, 248, 255 Humo blanco #F5F5F5 245, 245, 245 Concha #FFF5EE 255, 245, 238 Beige #F5F5DC 245, 245, 220 viejoencaje #FDF5E6 253, 245, 230 FloralBlanco #FFFAF0 255, 250, 240 Marfil #FFFFFF0 255, 255, 240 Blanco antiguo #FAEBD7 250, 235, 215 Lino #FAF0E6 250, 240, 230 lavandarubor #FFF0F5 255, 240, 245 MistyRose #FFE4E1 255, 228, 225 Tonos grises: Gainsboro #DCDCDC 220, 220, 220 Gris claro #D3D3D3 211, 211, 211 Gris claro #D3D3D3 211, 211, 211 Plata #C0C0C0 192, 192, 192 Gris oscuro #A9A9A9 169, 169, 169 Gris oscuro #A9A9A9 169, 169, 169 Gris #808080 128, 128, 128 Gris #808080 128, 128, 128 gris oscuro #696969 105, 105, 105 gris oscuro #696969 105, 105, 105 LuzPizarraGris #778899 119, 136, 153 claropizarragris #778899 119, 136, 153 Gris pizarra #708090 112, 128, 144 Gris pizarra #708090 112, 128, 144 oscuropizarragris #2F4F4F 47, 79, 79 OscuroPizarraGris #2F4F4F 47, 79, 79 Negro #000000 0, 0, 0

Los números hexadecimales se utilizan para especificar colores. El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre 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 a 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 al determinar el sistema numérico, se coloca un símbolo de almohadilla # antes del número hexadecimal, por ejemplo #666999. Cada uno de los tres colores (rojo, verde y azul) puede tomar valores de 00 a FF. Por lo tanto, el símbolo de color se divide en tres componentes #rrggbb, donde los dos primeros símbolos indican el componente rojo del color, los dos del medio, verde y los dos últimos, azul. Se permite utilizar la forma abreviada #rgb, donde cada carácter debe duplicarse. Por 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 su nombre. En mesa 1 muestra los nombres, código hexadecimal, valores RGB, HSL y descripción.

Mesa 1. Nombres de colores

Nombre	Color	Código	RGB	HSL	Descripción
blanco		#ffffff 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
cal		#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%)	Rosa
púrpura		#800080	rgb(128,0,128)	hsl(300,100%,25%)	Violeta

Usando 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 el 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 está permitido especificar el color como un porcentaje, correspondiendo el 100% al número 255. Primero, especifique la palabra clave rgb y luego especifique los componentes de color 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 especifica la transparencia del elemento. Un valor de 0 es completamente transparente, 1 es opaco y un valor intermedio como 0,5 es semitransparente.

RGBA se agregó a CSS3, por lo que el código CSS debe validarse con esta versión. Cabe señalar que el estándar CSS3 aún está en desarrollo y algunas características pueden cambiar. Por ejemplo, un color en formato RGB agregado a la propiedad color de fondo se valida, pero uno agregado a la propiedad de fondo ya no es válido. Al mismo tiempo, los navegadores entienden bastante correctamente el color de ambas propiedades.

HSL

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 deriva de la combinación de las primeras letras Hue (matiz), Saturate (saturación) y Lightness (luminosidad). El tono es el valor del color en la rueda de colores (Fig. 1) y se expresa en grados. 0° corresponde al rojo, 120° al verde y 240° al azul. El valor del tono puede variar de 0 a 359.

Arroz. 1. Rueda de colores

La saturación es la intensidad de un color y se mide como un porcentaje del 0% al 100%. Un valor de 0% indica que no hay color y hay un tono de gris; 100% es el valor máximo de saturación.

La luminosidad especifica qué tan brillante es el color y se especifica como un porcentaje del 0% al 100%. Los valores bajos oscurecen el color y los valores altos aclaran el color; 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 para especificar la transparencia del elemento. Un valor de 0 es completamente transparente, 1 es opaco y un valor intermedio como 0,5 es semitransparente.

Los valores de color RGBA, HSL y HSLA se agregan a CSS3, así que verifique la validez de la versión de su código cuando utilice estos formatos.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Advertencia

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

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

Arroz. 2. Colores en la página web