HTML de color burdeos. Códigos de colores en Minecraft
Vlad Merzhevich
En HTML, el color se especifica de dos maneras: usando código hexadecimal y mediante el nombre de ciertos colores. El método utilizado principalmente se basa en sistema hexadecimal El cálculo como el más universal.
Colores hexadecimales
HTML utiliza números hexadecimales 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. Se reemplazan los números del 10 al 15 con letras latinas. En mesa 6.1 muestra la correspondencia entre números decimales y hexadecimales.
Los números mayores a 15 en el sistema hexadecimal se forman combinando dos números en uno (Tabla 6.2). Por ejemplo, el número 255 en sistema decimal corresponde al número FF en hexadecimal.
Para evitar confusión al determinar el sistema numérico, antes número hexadecimal Se utiliza el símbolo de almohadilla #, por ejemplo #aa69cc. En este caso, el caso no importa, por lo que está permitido escribir #F0F0F0 o #f0f0f0.
Un color típico utilizado en HTML se ve así.
Aquí el color de fondo de la página web se establece en #FA8E47. El símbolo de almohadilla # delante de un número significa que es hexadecimal. Los primeros dos dígitos (FA) definen el componente rojo del color, los dígitos tercero a cuarto (8E) definen el componente verde y los dos últimos dígitos (47) definen el componente azul. El resultado final será este color.
| FA. | + | 8E | + | 47 | = | FA8E47 |
Cada uno de los tres colores (rojo, verde y azul) puede tomar valores de 00 a FF, lo que da como resultado un total de 256 tonos. Así, el número total de colores puede ser 256x256x256 = 16.777.216 combinaciones. Un modelo de color basado en componentes rojo, verde y azul se llama RGB (rojo, verde, azul; rojo, verde, azul). Este modelo es aditivo (de agregar - agregar), en el que la suma de los tres componentes forma el color blanco.
Para que sea más fácil navegar por los colores hexadecimales, tenga en cuenta algunas reglas.
- Si los valores de los componentes de color son iguales (por ejemplo: #D6D6D6), entonces el resultado será sombra gris. Cómo numero mayor, aquellos color más claro, los valores cambian de #000000 (negro) a #FFFFFF (blanco).
- Se forma un color rojo brillante si el componente rojo se hace al máximo (FF) y los componentes restantes se establecen en cero. Un color con un valor de #FF0000 es el tono de rojo más rojo posible. La situación es similar con verde(#00FF00) y azul (#0000FF).
- Amarillo(#FFFF00) se obtiene mezclando rojo y verde. Esto es claramente visible en el círculo cromático (Fig. 6.1), que presenta los colores primarios (rojo, verde, azul) y los complementarios o adicionales. Estos incluyen el amarillo, el cian y el violeta (también llamado magenta). En general, se puede obtener cualquier color mezclando colores cercanos a él. Así, el cian (#00FFFF) se obtiene combinando azul y verde.
Arroz. 6.1. circulo de colores
Los colores basados en valores hexadecimales no tienen que seleccionarse empíricamente. Para ello se dispone de un editor gráfico que pueda trabajar con diferentes modelos de color, Por ejemplo, Adobe Photoshop. En la Fig. La Figura 6.2 muestra la ventana para seleccionar un color en este programa; el valor hexadecimal resultante del color actual está delineado con una línea. Puedes copiarlo y pegarlo en tu código.
Arroz. 6.2. Ventana para elegir un color en programa photoshop
colores web
Si configura la calidad de reproducción cromática del monitor en 8 bits (256 colores), se podrá mostrar el mismo color en diferentes navegadores a mi manera. Esto se debe a la forma en que se muestran los gráficos, cuando el navegador trabaja con su propia paleta y no puede mostrar un color que no esté en su paleta. En este caso, el color se reemplaza por una combinación de píxeles de otros colores cercanos que imitan el dado. Para garantizar que el color siga siendo el mismo en los diferentes navegadores, se introdujo una paleta de los llamados colores web. Los colores web son aquellos colores para los cuales cada componente (rojo, verde y azul) se establece en uno de seis valores: 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC). , 255 (FF). El valor hexadecimal de este componente se indica entre paréntesis. El número total de colores de todas las combinaciones posibles da 6x6x6 - 216 colores. Un color web de ejemplo es #33FF66.
La característica principal del color web es que aparece igual en todos los navegadores. EN este momento La relevancia de los colores web es muy pequeña debido a la mejora en la calidad de los monitores y la ampliación de sus capacidades.
Colores por nombre
Para evitar tener que recordar un conjunto de números, puede utilizar los nombres de los colores más utilizados. En mesa 6.3 muestra los nombres de los nombres de colores populares.
| Nombre del color | Color | Descripción | valor hexadecimal |
|---|---|---|---|
| negro | Negro | #000000 | |
| azul | Azul | #0000FF | |
| fucsia | violeta claro | #FF00FF | |
| gris | Gris oscuro | #808080 | |
| verde | Verde | #008000 | |
| cal | Verde claro | #00FF00 | |
| granate | Rojo oscuro | #800000 | |
| Armada | Azul oscuro | #000080 | |
| aceituna | Aceituna | #808000 | |
| púrpura | Morado oscuro | #800080 | |
| rojo | Rojo | #FF0000 | |
| plata | Gris claro | #C0C0C0 | |
| verde azulado | Azul verde | #008080 | |
| blanco | Blanco | #FFFFFF | |
| amarillo | Amarillo | #FFFF00 |
No importa si especifica un color por su nombre o mediante números hexadecimales. Estos métodos son iguales en su efecto. El ejemplo 6.1 muestra cómo configurar los colores de fondo y de texto de una página web.
Ejemplo 6.1. Color de fondo y texto
Texto de ejemplo
En este ejemplo, el color de fondo se establece usando atributo bgcolor etiqueta
y el color del texto a través del atributo de texto. Para variar, el valor de atributo de texto se establece en un número hexadecimal y bgcolor se establece en la palabra clave reservada verde azulado. 28/11/14 11.1KLamentablemente, todavía no es posible mostrar sensaciones gustativas en el sitio web. Pero esto se puede compensar completamente con gama de colores. Después de todo, los colores html le permiten mostrar millones de tonos. Entonces " lápices de colores Hay muchos más de siete en su conjunto.
Esquema de colores en html
En HTML, el color se puede especificar en varios formatos:
1. En la forma valor hexadecimal– se utiliza el código especificado en el sistema numérico hexadecimal. Estos códigos de color en HTML constan de tres pares de números hexadecimales. Cada par es responsable de la saturación del tono con su color primario:
- El primer par de números es responsable del color rojo;
- El segundo par es para el contenido de color verde;
- Este último es por su contenido azul.
Se coloca una almohadilla al principio del código (antes de los números). Este es el código de color hexadecimal. Además de los números del 1 al 9, este sistema numérico utiliza letras del alfabeto latino (A, B, C, D, E, F).
Por ejemplo, código blanco en html se verá así #FFFFFF:
2. Palabra clave: HTML actualmente admite alrededor de 147 palabras clave. Pero no todas estas palabras son únicas. Algunos de ellos se refieren al mismo tono de color.
El color gris está representado por dos palabras clave: gris y gris. Su código hexadecimal(HEX) se establece en el mismo valor #808080.
Ejemplo:
#808080
3.B formato RGB– esta codificación de color en html se basa en el uso de tres valores, especificados en el rango de 0 a 255. Cada uno de ellos determina la saturación del tono con uno de los colores primarios:
- R – rojo (rojo);
- GRAMO – verde (verde);
- B – azul (azul).
El número de color en formato RGB se escribe de la siguiente forma: rgb(0, 210, 100).
color de fondo:rgb(100,186,43)
4. En formato RGBA: es un formato RGB mejorado, donde el cuarto valor especifica la transparencia del color como una fracción decimal de 0 a 1.
Ejemplo de uso:
color de fondo:rgba(100,86,143,0.2)
color de fondo:rgba(100,86,143,0.5)
color de fondo:rgba(100,86,143,0.8)
color de fondo:rgba(100,86,143,1)
Tablas de colores HTML y generadores de colores.
Con una gama tan amplia de formatos de configuración de color, es fácil confundirse. Por eso, se inventó una tabla de colores especial. En él a 147 nombres clave Los tonos de color reciben códigos de cumplimiento en todos los principales estándares de color. Además, cada campo está equipado con una barra para la selección visual del color. Una de estas tablas se presenta en el sitio web colourscheme.ru:
Pero incluso con esta estructuración de combinación, elegir el tono adecuado puede resultar complicado. Y no es un hecho que la tabla de códigos de colores contenga el que necesita.
Para sortear este obstáculo y facilitar al máximo la elección del tono adecuado, se han desarrollado servicios web interactivos. Su interfaz de usuario pueden diferir ligeramente entre sí.
En el sitio web html-color-codes.info, el generador de colores tiene este aspecto:
Y dentro del servicio color-picker.appsmaster.co, esta herramienta se implementa de manera un poco diferente:
La saturación de cada color en el generador se establece mediante controles deslizantes especiales. Visualmente, la sombra se muestra mediante el color del marco y el rectángulo en el lado izquierdo. En la parte inferior, 3 campos muestran el código de color en formatos básicos.
Pero el generador de colores no sólo está disponible en sitios especializados. Casi todo el mundo está equipado con una herramienta de este tipo. editor gráfico. Por ejemplo, Photoshop:
Precauciones de seguridad al trabajar con color.
Y esto fue hace mucho tiempo, en la era de las tarjetas de video que solo admitían 256 colores. En aquellos tiempos lejanos SO solo se puede mostrar sin distorsión Una cierta cantidad de sombras de ocho bits.
Entonces se dibujó una gran mesa colores seguros. Especificaba 216 tonos que podían mostrarse sin distorsión en cualquiera de los navegadores de esa época. Y hasta el día de hoy esto " gran manuscrito» todavía está disponible en algunos recursos:
Hoy en día todo ha cambiado. Por lo tanto, todas las reglas de seguridad al trabajar con color en html están completamente canceladas. Después de todo, moderno hardware de la computadora Admite más de 16 millones de tonos diferentes. Y 216 colores seguros se han hundido en el olvido.
Códigos de Minecraft colores, o Minecraft códigos formatear, permite que cualquier jugador agregue flores y formatee el texto de todas las formas posibles directamente en Minecraft. Códigos de color desde &0-9 - hasta &a-f. Agréguelos antes de su texto. Los mensajes de los jugadores pueden contener códigos de colores que te permiten agregar color a tus oraciones.
Colores y códigos de formato.
El signo comercial (&) seguido de un número hexadecimal en los mensajes indica al cliente que cambie de color al mostrar texto. Además, el texto se puede formatear con un & seguido de una letra. Puedes añadir varios colores en libros, bloques de comando, nombre del servidor, descripción del servidor (motd), en los nombres de los mundos, en los carteles e incluso en los nombres de los jugadores.
Es muy fácil formatear tu texto en configuraciones o en el juego usando la tabla de colores a continuación. &r se utiliza para restablecer todos los códigos, es decir. &mAAA&rBBB se mostrará como AAA BBB.
Te presentamos una tabla de códigos de colores existentes en Minecraft para tu comodidad:
| Código | Nombre | Nombre técnico | Color del símbolo | Color de sombra del símbolo | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | GRAMO | B | Maleficio | R | GRAMO | B | Maleficio | |||
| &0 | Negro | negro | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Azul oscuro | azul oscuro | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Verde oscuro | verde oscuro | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | azul verdoso oscuro | agua_oscura | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Rojo oscuro | rojo oscuro | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Morado oscuro | morado oscuro | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Oro | oro | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Gris | gris | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Gris oscuro | gris oscuro | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Azul | azul | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Verde | verde | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Azul verde | agua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &C | Rojo | rojo | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | violeta claro | violeta_claro | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &mi | Amarillo | amarillo | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &F | Blanco | blanco | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
A veces es necesario subrayar, tachar, destacar cualquier texto. Esto se hace usando formato de texto. Se usa exactamente de la misma manera que los colores (ponemos antes del texto código, por ejemplo &lMinecraft = Minecraft.
Para su comodidad, a continuación se muestra una tabla de códigos de formato:
| Código | Nombre |
|---|---|
| & k | Texto mágico |
| &l | Miniatura |
| &metro | Texto tachado |
| &norte | Texto subrayado |
| &o | Texto en cursiva |
| & r | Texto sin formato |
Los códigos de color en CSS se utilizan para especificar colores. Normalmente, códigos de colores o valores de color Se utiliza para establecer el color o primer plano elemento (por ejemplo, color de texto, enlace) o para el fondo del elemento (color de fondo, bloque). También se pueden utilizar para cambiar el color de un botón, borde, marcador, desplazamiento y otros efectos decorativos.
Puede configurar sus valores de color en varios formatos. La siguiente tabla enumera todos los formatos posibles:
Los formatos enumerados se describen con más detalle a continuación.
Colores CSS: códigos hexadecimales
Código de color hexadecimal es una representación del color de seis dígitos. Los dos primeros dígitos (RR) representan el valor rojo, los dos siguientes representan el valor verde (GG) y los dos últimos representan el valor azul (BB).
Colores CSS: códigos hexadecimales cortos
Código de color hexadecimal corto es una forma más corta de notación de seis caracteres. En este formato, cada dígito se repite para producir un valor de color equivalente de seis dígitos. Por ejemplo: #0F0 se convierte en #00FF00.
El valor hexadecimal se puede tomar de cualquier gráfico. software, como Adobe Photoshop, Core Draw, etc.
Cada código de color hexadecimal en CSS irá precedido por un signo almohadilla "#". A continuación se muestran ejemplos del uso de notaciones hexadecimales.
Colores CSS - Valores RGB
valor RGB es un código de color que se establece mediante la propiedad rgb(). Esta propiedad toma tres valores: uno para rojo, uno para verde y otro para azul. El valor puede ser un número entero, de 0 a 255, o un porcentaje.
Nota: no todos los navegadores son compatibles propiedad rgb() colores, por lo que no se recomienda su uso.
A continuación se muestra un ejemplo que muestra varios colores utilizando valores RGB.
Generador de códigos de colores
Puede crear millones de códigos de colores utilizando nuestro servicio.
Colores seguros del navegador
A continuación se muestra una tabla de 216 colores que son los más seguros e independientes de la computadora. Estos colores en CSS van desde 000000 hasta el código hexadecimal FFFFFF. Son seguros de usar porque garantizan que todas las computadoras muestren el color correctamente cuando trabajan con la paleta de 256 colores.
| Tabla de colores "seguros" en CSS | |||||
| #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 |
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. Está permitido 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.
| 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 es posible establecer el color como porcentaje, correspondiendo el 100% al número 255. Primero, indique palabra clave rgb y luego los componentes del color se indican 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 valor intermedio como 0,5 - translucidez.
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+ |
Nombre formato HSL formado a partir de una 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 un tono de gris, 100% valor máximo 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.
Valores de color en Formatos RGBA, HSL y HSLA se han agregado a CSS3, por lo que cuando utilice estos formatos, verifique la validez de la versión de su código.
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!
Resultado este ejemplo mostrado en la Fig. 2.
Arroz. 2. Colores en la página web
