Código de color rojo claro. Colores en "MTA": ¿qué necesitas saber? Códigos de color
Los juegos de ordenador son una de las formas más populares de pasar el tiempo libre. Al sumergirnos en el mundo de un videojuego, nos olvidamos de los problemas y angustias reales, nos relajamos y nos divertimos. Y si se trata de un juego en línea o un juego en modo multijugador, entonces su principal ventaja es que aquí puedes conocer a muchas personas de todo el mundo y encontrar no solo personas con ideas afines, sino también mejores amigos. ¿Quieres saber cómo la configuración del juego, hasta el color en MTA, puede afectar tus interacciones con otros jugadores? ¡Sigue leyendo!
Características del modo multijugador.
¿Alguna vez te has preguntado: cómo ajustar los colores en MTA o algún otro juego? Ninguna de las personas que alguna vez ha tenido la oportunidad de jugar un juego en línea con un gran número de jugadores negará que quiere mostrarse de la mejor manera frente a los demás. Puedes mostrar las cosas especiales y costosas de tu personaje, destacar por tu conocimiento de la terminología de juegos o simplemente personalizar la interfaz de tu juego para que funcione mejor que la de los jugadores sin experiencia.
Colores en "MTA": ¿qué necesitas saber?
Si hablamos de una de las versiones del modo multijugador del juego "GTA: San Andreas", "MTA", entonces el color juega aquí un papel muy importante. La capacidad de personalizar el color de tu apodo en MTA es una de las mejores habilidades que todo jugador principiante debería adquirir.
Entonces, para configurar el color de su apodo, vaya a la aplicación "MTA: SA" y haga clic en la opción Configuración, luego seleccione su nombre y luego ingrese el código de color deseado justo antes. En "MTA" hay una gran paleta de colores para apodos. En el artículo hemos incluido paletas de muestra entre las que podrás elegir el tono que más te guste.
Ahora ya sabes cómo puedes destacar y hacer que tu apodo sea diferente de los apodos de jugadores principiantes e inexpertos. Brillante, te distinguirá de los jugadores comunes y atraerá más atención. ¡Disfruta tu juego!
Lamentablemente, todavía no es posible mostrar sensaciones gustativas en el sitio web. Pero esto se puede compensar totalmente con la ayuda de los colores. Después de todo, los colores html le permiten mostrar millones de tonos. Entonces " lapices 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. Como 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, el código de color 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) viene dado por el mismo valor #808080.
Ejemplo:
#808080
3. En formato RGB: esta codificación de color en HTML se basa en el uso de tres valores establecidos 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. Proporciona 147 nombres clave de tonos de color con códigos de cumplimiento en 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 puede 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 todos los editores gráficos están equipados con una herramienta similar. 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, los sistemas operativos sólo podían mostrar un cierto número de tonos de ocho bits sin distorsión.
Luego se desarrolló una gran tabla de 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, el hardware informático moderno admite más de 16 millones de tonos diferentes. Y 216 colores seguros se han hundido en el olvido.
Estos datos están plenamente confirmados por las estadísticas. A juzgar por esto, en 2014, sólo el 0,5% de los usuarios tienen ordenadores que soportan sólo 256 tonos.
Conceptos básicos de la armonía del color.
No todos estamos dotados de un sentido del gusto natural y armonioso. Por eso, elegir el color adecuado puede ser un auténtico reto. Pero, alabada sea la ciencia, incluso logró describir la armonía del color en forma de varios esquemas. Todos ellos se basan en el uso de una rueda de colores. Esquemas para una selección armoniosa de colores en html:
- Esquema de colores paralelo: cuando ambos tonos de la rueda de colores son paralelos;
- Esquema triádico: todas las esquinas de un triángulo se basan en uno de los colores;
- Monocromático: cuando se seleccionan varios tonos parecidos del mismo color;
- Analógico es una versión más avanzada del circuito monocromático. En este caso, las sombras del mismo color se encuentran a cierta distancia.
La implementación de todos estos esquemas está bien presentada en el servicio paletton.com. Le permite seleccionar fácilmente un color armonioso.
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 la 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 | |
| marina de guerra | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | azul oscuro | |
| verde azulado | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Azul verdoso | |
| 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 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 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 han agregado 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
Vlad Merzhevich
En HTML, el color se especifica de dos maneras: mediante código hexadecimal y mediante el nombre de ciertos colores. Se utiliza predominantemente el método basado en el sistema numérico hexadecimal, ya que es 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. Los números del 10 al 15 se sustituyen por letras latinas. en la 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 decimal corresponde al número FF en hexadecimal.
Para evitar confusiones al definir el sistema numérico, un número hexadecimal está precedido por un 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). 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 del color son iguales (por ejemplo: #D6D6D6), el resultado será un tinte gris. Cuanto mayor sea el número, más claro será el color, con valores que van desde #000000 (negro) hasta #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 rojo más rojo posible. Lo mismo ocurre con el verde (#00FF00) y el azul (#0000FF).
- El 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. rueda de color
Los colores basados en valores hexadecimales no tienen que seleccionarse empíricamente. Para ello, es adecuado un editor gráfico que pueda trabajar con diferentes modelos de color, por ejemplo, Adobe Photoshop. En la figura. 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 colores en Photoshop.
colores web
Si configura la calidad de reproducción cromática del monitor en 8 bits (256 colores), el mismo color se puede mostrar de manera diferente en diferentes navegadores. 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. Por el 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 la 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 | |
| marina de guerra | azul oscuro | #000080 | |
| aceituna | Aceituna | #808000 | |
| púrpura | morado oscuro | #800080 | |
| rojo | Rojo | #FF0000 | |
| plata | Gris claro | #C0C0C0 | |
| verde azulado | Azul verdoso | #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 utilizando el atributo bgcolor de la etiqueta.
y el color del texto a través del atributo de texto. Para variar, el atributo de texto se establece en un número hexadecimal y el atributo bgcolor se establece en la palabra clave reservada verde azulado.
