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 un papel muy importante aquí. 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 completamente 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 la rueda cromática. 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.
En HTML, el color se puede especificar de tres formas:
Establecer un color en HTML por su nombre
Algunos colores se pueden especificar por su nombre, utilizando como valor el nombre del color en inglés. Las palabras clave más habituales: negro, blanco, rojo, verde, azul, etc.:
Color del texto: rojo
Los colores más populares del estándar World Wide Web Consortium (W3C):
| Color | Nombre | Color | Nombre | Color | Nombre | Color | Nombre |
|---|---|---|---|---|---|---|---|
| Negro | Gris | Plata | Blanco | ||||
| Amarillo | Cal | Agua | Fucsia | ||||
| Rojo | Verde | Azul | Púrpura | ||||
| Granate | Aceituna | Marina de guerra | verde azulado |
Ejemplo de uso de diferentes nombres de colores:
Ejemplo: especificar un color por su nombre
- Pruébelo usted mismo »
Encabezado sobre fondo rojo
Encabezado sobre fondo naranja
Rumbo sobre fondo de lima
Texto blanco sobre fondo azul.
Encabezado sobre fondo rojo
Encabezado sobre fondo naranja
Rumbo sobre fondo de lima
Texto blanco sobre fondo azul.
Especificación del color mediante RGB
Al mostrar diferentes colores en un monitor, se utiliza como base la paleta RGB. Cualquier color se obtiene mezclando tres básicos: R - rojo, G - verde, B-azul. El brillo de cada color viene dado por un byte y por lo tanto puede tomar valores de 0 a 255. Por ejemplo, RGB(255,0,0) se muestra como rojo ya que el rojo está configurado en su valor más alto (255) y el el resto se establecen en 0. También puede configurar el color como porcentaje. Cada parámetro indica el nivel de brillo del color correspondiente. Por ejemplo: los valores rgb(127, 255, 127) y rgb(50%, 100%, 50%) establecerán el mismo color verde medio:
Ejemplo: especificación del color mediante RGB
- Pruébelo usted mismo »
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
Establecer color por valor hexadecimal
Valores R GRAMO B También se puede especificar usando valores de color hexadecimales (HEX) en la forma: #RRGGBB donde RR (rojo), GG (verde) y BB (azul) son valores hexadecimales de 00 a FF (igual que el decimal 0-255). ). El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre indica, en el número 16. El sistema hexadecimal utiliza los siguientes signos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Aquí los números del 10 al 15 se sustituyen por letras latinas. Los números mayores a 15 en el sistema hexadecimal se representan combinando dos caracteres en un solo valor. Por ejemplo, el número más alto 255 en decimal corresponde al valor FF más alto en hexadecimal. A diferencia del sistema decimal, un número hexadecimal va precedido de un símbolo de almohadilla. # , por ejemplo, #FF0000 se muestra en rojo porque el rojo está configurado en su valor más alto (FF) y el resto de los colores están configurados en su valor mínimo (00). Signos después del símbolo de almohadilla # Puede escribir tanto en mayúsculas como en minúsculas. El sistema hexadecimal permite utilizar la forma abreviada #rgb, donde cada carácter equivale a doble. Por lo tanto, la entrada #f7O debe considerarse como #ff7700.
Ejemplo: Color HEX
- Pruébelo usted mismo »
rojo: #FF0000
verde: #00FF00
azul: #0000FF
rojo: #FF0000
verde: #00FF00
azul: #0000FF
rojo+verde=amarillo: #FFFF00
rojo+azul=púrpura: #FF00FF
verde+azul=cian: #00FFFF
Lista de colores comunes (nombre, HEX y RGB):
| nombre en ingles | nombre ruso | Muestra | MALEFICIO | RGB | ||
|---|---|---|---|---|---|---|
| Amaranto | Amaranto | #E52B50 | 229 | 43 | 80 | |
| Ámbar | Ámbar | #FFBF00 | 255 | 191 | 0 | |
| Agua | Azul verdoso | #00FFFF | 0 | 255 | 255 | |
| Azur | Azur | #007FFF | 0 | 127 | 255 | |
| Negro | Negro | #000000 | 0 | 0 | 0 | |
| Azul | Azul | #0000FF | 0 | 0 | 255 | |
| azul bondi | Agua de la playa de Bondi | #0095B6 | 0 | 149 | 182 | |
| Latón | Latón | #B5A642 | 181 | 166 | 66 | |
| Marrón | Marrón | #964B00 | 150 | 75 | 0 | |
| Azul claro | Azur | #007BA7 | 0 | 123 | 167 | |
| Verde oscuro primavera | Verde oscuro primavera | #177245 | 23 | 114 | 69 | |
| Esmeralda | Esmeralda | #50C878 | 80 | 200 | 120 | |
| Berenjena | Berenjena | #990066 | 153 | 0 | 102 | |
| Fucsia | Fucsia | #FF00FF | 255 | 0 | 255 | |
| Oro | Oro | #FFD700 | 250 | 215 | 0 | |
| Gris | Gris | #808080 | 128 | 128 | 128 | |
| Verde | Verde | #00FF00 | 0 | 255 | 0 | |
| Índigo | Índigo | #4B0082 | 75 | 0 | 130 | |
| Jade | Jade | #00A86B | 0 | 168 | 107 | |
| Cal | Cal | #CCFF00 | 204 | 255 | 0 | |
| Malaquita | Malaquita | #0BDA51 | 11 | 218 | 81 | |
| Marina de guerra | azul oscuro | #000080 | 0 | 0 | 128 | |
| Ocre | Ocre | #CC7722 | 204 | 119 | 34 | |
| Aceituna | Aceituna | #808000 | 128 | 128 | 0 | |
| Naranja | Naranja | #FFA500 | 255 | 165 | 0 | |
| Durazno | Durazno | #FFE5B4 | 255 | 229 | 180 | |
| Calabaza | Calabaza | #FF7518 | 255 | 117 | 24 | |
| Púrpura | Violeta | #800080 | 128 | 0 | 128 | |
| Rojo | Rojo | #FF0000 | 255 | 0 | 0 | |
| Azafrán | Azafrán | #F4C430 | 244 | 196 | 48 | |
| verde mar | mar verde | #2E8B57 | 46 | 139 | 87 | |
| Verde pantano | bolotny | #ACB78E | 172 | 183 | 142 | |
| verde azulado | Azul verdoso | #008080 | 0 | 128 | 128 | |
| Ultramarino | Ultramarino | #120A8F | 18 | 10 | 143 | |
| Violeta | Violeta | #8B00FF | 139 | 0 | 255 | |
| Amarillo | Amarillo | #FFFF00 | 255 | 255 | 0 | |
Códigos de color (fondo) por saturación y tono.
No se entiende CSS). Por tanto, el futuro webmaster simplemente necesita estudiar Herramientas HTML que le permiten cambiar el color, por ejemplo, para crear boletines informativos por correo electrónico brillantes y coloridos que atraigan la atención del público objetivo del sitio.
Esta publicación es bastante extensa, pero a partir de ella aprenderá sobre todas las características técnicas del trabajo con color usando HTML. Comenzaremos la grabación entendiendo la pregunta: ¿por qué necesitamos resaltar ciertos elementos de una página HTML con color? Luego hablaremos sobre el modelo RGB, que le permite configurar colores en HTML usando códigos especiales (en el camino, veremos códigos de color decimales y valores de color HTML hexadecimales). Además, en esta publicación aprenderá sobre la paleta de colores y también comprenderá por qué no hay paleta en HTML. Y al final de esta publicación habrá ejemplos de cómo cambiar el color de fondo, el texto y los enlaces.
Usando colores en HTML
Las páginas del sitio web serían aburridas y poco interesantes sin imágenes, como hablamos anteriormente y con gran detalle. Pero las imágenes tienen un inconveniente importante: cada imagen es adicional y, en consecuencia, una carga adicional para el hosting.
Me gustaría señalar que no utilicé una sola imagen para diseñar mi blog de WordPress; el diseño fue diseñado completamente usando color. Sin embargo Hoy hablaremos de colores en HTML.. Los colores en HTML se utilizan para diferentes propósitos, por ejemplo, podemos diseñar diseños de sitios web resaltando ciertos elementos con un color u otro.
Usando el color, podemos centrar la atención de nuestros visitantes en un texto o bloque particular del sitio. Tenga en cuenta que también se determina utilizando el color de tal manera que el usuario pueda entender: en qué enlace ya hizo clic, en qué enlace aún no ha visitado y en qué página HTML se encuentra actualmente.
Ten cuidado Usar colores para diseñar documentos HTML., no todos los colores combinan y no todos los colores agradarán a los visitantes de su sitio web. Pero será mejor que preguntes a los diseñadores web sobre estas sutilezas; este artículo te ayudará a comprender las características técnicas que te permiten controlar el color de los elementos de la página HTML.
Pero no debes olvidar que el diseño debe estar separado del contenido, por lo que es mejor usar CSS para manipular el color en las páginas HTML, pero de esto hablaremos en otro post. ahora veremos ¿Qué herramientas tiene HTML para controlar el color en las páginas del sitio?.
En la industria de TI, existen muchos modelos de color para la manipulación del color. El modelo de representación de color más utilizado es el modelo RGB. Hablaremos sobre algunas de las características de este modelo aquí y habrá una publicación separada para una introducción más detallada a RGB. A continuación encontrará una lista de modelos de color utilizados en TI (no solo HTML y CSS):
- Modelo RGB. Este modelo se ha generalizado mucho y es quizás una de las formas más convenientes y comunes de manipular el color de los elementos HTML.
- Modelo RGBA. Este modelo es muy similar al modelo RGB, pero incluye un canal alfa para el color. La característica especial del modelo RGBA es que permite ajustar no sólo el color del elemento HTML, sino también su transparencia debido a la presencia de un canal alfa. El modelo RGBA se agregó a CSS3 y no es compatible con navegadores más antiguos.
- Modelo HSL. La peculiaridad del modelo HSL es que configuramos el color utilizando sus parámetros: tono, planitud y luminosidad. Este modelo es algo más difícil de entender que el modelo RGB.
- Modelo HSLA. Este modelo es muy similar al modelo HSL, pero al igual que el modelo RGBA, permite trabajar con el canal de color alfa, por lo que usando HSLA podemos establecer no solo el color de un elemento HTML en la página, sino también su transparencia. .
- Modelo HSV (HSB). Este modelo no debe confundirse con el modelo HSL. Tenga en cuenta que los primeros cuatro modelos se pueden utilizar en HTML o CSS para diseñar páginas web, pero el modelo HSV no. El HSV fue diseñado por uno de los fundadores de Pixar en 1978 y es muy similar al HSL.
- Modelo CMY o CMYK. Este modelo se utiliza en todas las impresoras a color para imprimir. El modelo CMYK se basa en la regla de que la impresión se realiza en hojas de papel blancas. Cualquier color CMYK se obtiene mezclando Cyan (azul pálido, turquesa), Magenta (magenta) y amarillo. Cada color en el modelo CMY tiene una característica de opacidad (cantidad de tinta), medida como porcentaje. Pero además de los tres colores enumerados, el modelo CMYK también utiliza el negro.
Todos los modelos de color anteriores dependen del hardware, es decir, si establecer el color de un elemento HTML usando el modelo RGB o HSL, entonces es imposible decir con certeza qué tono exacto de color verá el visitante de su sitio, ya que los monitores de todos los usuarios son diferentes y transmiten los colores de manera diferente. Tenga en cuenta también que todos los modelos anteriores se basan en el modelo RGB y cualquier color especificado en cualquiera de los modelos (excepto HSLA y RGBA debido a la presencia de un canal alfa) se puede convertir a RGB.
Si hablamos de modelos de transferencia de color independientes del hardware, cabe destacar el modelo LAB. Entonces, tomamos un pequeño descanso del trabajo con color en HTML para familiarizarnos con algunos modelos de color. Tenga en cuenta que los navegadores "entienden" sólo los primeros cuatro modelos: HSL, RGB, HSLA y RGBA. Por tanto, sólo podemos controlar el color de los elementos HTML utilizando estos modelos.
Cómo se forma el color de un elemento HTML: algunas características del modelo RGB
Vamos a resolverlo cómo se forma el color de un elemento HTML y con algunas características del modelo RGB. Tenga en cuenta que hablaremos sobre el modelo RGB, así como sobre otros modelos que se utilizan para diseñar páginas web, un poco más adelante en publicaciones separadas.
Entonces, el modelo RGB significa Rojo, Verde, Azul. El modelo RGB se basa en el principio de aditividad. Este principio es que para obtener cualquier color, se añade color al negro. Para una mejor comprensión, imagina que tu pantalla es una pared negra y tienes tres focos: el primero brilla en rojo, el segundo brilla en verde y el tercero brilla en azul. Puedes ajustar el brillo de cada foco usando una regla con números del 0 al 255. En consecuencia, si pones el foco en cero, se apaga y no brilla, si el valor es 255, entonces el foco produce el color más brillante posible; .
Por lo tanto, resulta que si iluminas un foco rojo y uno verde en el mismo punto, notarás una mancha amarilla en una pared negra. Si combinas rojo y azul, obtendrás violeta, y si combinas verde y azul, el punto de luz en una pared negra será cian, pero si apuntas los tres focos a un punto, el punto de luz será blanco.
El principio descrito anteriormente subyace al modelo RGB y se utiliza para manipular colores en elementos HTML en una página en un navegador.
Atributos HTML para cambiar el color de los elementos: el color de fondo del elemento y el color del texto dentro del elemento
Se utiliza para hacer que los elementos de la página sean únicos. Usando atributos HTML podemos manipular el color de los elementos:
- Color del atributo HTML. Este atributo le permite cambiar el color del texto dentro del elemento HTML. El atributo puede tomar valores en forma de nombres de colores HTML y códigos de modelo RGB en notaciones hexadecimales y decimales. El atributo de color es un atributo HTML único que le permite cambiar el color del texto dentro de algunos elementos HTML.
- Atributo de texto HTML. Este atributo es un atributo de etiqueta único. . Etiqueta junto con etiquetas Y forma . Si recuerdas, dentro del contenedor. Se colocan elementos que luego el navegador muestra en el área de visualización. El atributo de texto le permite especificar Color de texto predeterminado para toda la página HTML.
- Atributo HTML bgcolor. También es un atributo HTML único y le permite cambiar el color de fondo de algunos elementos HTML.
- Enlace v de atributo HTML. Este atributo es único y se aplica sólo a la etiqueta. para cambiar el color de un enlace que el usuario ya ha visitado.
- Enlace de atributo HTML. Este atributo también es único y solo se aplica a la etiqueta. . El atributo alink cambia el color del enlace HTML activo.
- Atributo de enlace HTML. El atributo de enlace se utiliza sólo junto con una etiqueta. y sirve para cambiar el color de los enlaces de páginas HTML que el usuario aún no ha visitado.
Tenga en cuenta: no se recomienda utilizar atributos para cambiar el color de los elementos HTML, ya que existen hojas de estilo en cascada que le permiten separar el diseño de una página web de su contenido.
Usar códigos de colores decimales en HTML
Entonces, hablamos sobre el hecho de que puedes configurar el brillo del foco usando una regla especial en la que hay dibujos numerados del 0 al 255. Ahora veamos cómo esto nos ayudará a cambiar el color de los elementos HTML. El caso es que podemos cambiar el color del texto dentro de un elemento HTML o el color de fondo en HTML usando código decimal de la siguiente manera:
Si crea un documento HTML en el que se describe el contenedor del cuerpo, como en el ejemplo, verá:
- El color de fondo del documento HTML ahora es verde: bgcolor=”rgb (0,255,0)”.
- El color del texto de la página HTML se volverá azul: text=”rgb (0,0,255)”.
- El color HTML de un enlace que el usuario no ha visitado será blanco: link=”rgb (255,255,255)”.
- Los colores del enlace que se encuentra actualmente abierto serán negro: alink=”rgb (0,0,0)”.
- Y el color del enlace HTML que ya ha sido visitado será rojo: vlink=”rgb (255,0,0)”.
Tenga en cuenta: nadie le prohíbe ajustar la "potencia del foco" a su discreción, usted puede establecer color HTML, por ejemplo, de esta manera:
RGB(94, 85, 50) |
Y consigue el color de la sorpresa infantil. Ésta es la peculiaridad, flexibilidad y conveniencia del modelo RGB. Su monitor es una pared negra con focos brillando sobre él, y puede ajustar la potencia de estos focos y crear todo tipo de colores de fondo, texto y enlaces usando atributos HTML en el sistema de notación decimal, o también puede decir: usando códigos de color decimales.
De hecho Está mal decir códigos de color decimales en HTML, sería más correcto decir Códigos de color decimales RGB, ya que este modelo se utiliza no sólo para diseñar páginas web en HTML y CSS.
Valores de color HTML hexadecimales
Configurar el color de los elementos HTML utilizando códigos decimales del modelo RGB no es muy conveniente (y por el momento, no todos los navegadores admiten este método de manipulación del color), ya que la grabación no será la más compacta, es mucho más conveniente; establezca el color de los elementos HTML utilizando valores hexadecimales. En la imagen siguiente puedes ver cómo se convierten los valores decimales a hexadecimales.
Para aquellos que no están familiarizados con el sistema numérico hexadecimal, conviene dar una pequeña explicación para que puedan entender fácilmente manipular el color de elementos HTML utilizando códigos de modelo RGB hexadecimales. En primer lugar, el sistema numérico decimal se llama así porque cualquier número se puede obtener mediante una combinación de diez dígitos (la terminología es importante: hay una diferencia entre un número y un dígito): 0, 1, 2, 3, 5, 6, 7, 8, 9.
En el sistema numérico hexadecimal, cualquier número se puede escribir usando una combinación de dieciséis dígitos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Para facilitar la comprensión, puedes asumir que a es diez y f es quince. Por ejemplo, el número dieciséis se escribiría en hexadecimal como 10. Y el número 255 se escribiría como ff.
Ahora veamos cómo podemos establecer el color de los elementos HTML usando valores hexadecimales, repitamos nuestro ejemplo anterior, reemplazando los códigos de color decimales con sus contrapartes hexadecimales:
<
body
alink
=
”#000000” link=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”> |
Tenga en cuenta: escribir color en HTML en formato hexadecimal es algo más compacto que en decimal, ese es el primero. Segundo: la potencia de cada foco se establece mediante números del 0 al 255. Para escribir el número 255 se necesitan dos dígitos en formato hexadecimal (ff = 250), por lo que la luminosidad de cada canal de color (nuestros focos se llaman correctamente canal de color, canal de color) se establece mediante dos dígitos de 0 a f.
Tenga en cuenta: el brillo de cada canal de color se establece por separado, pero si imaginamos que se trata de un solo número, entonces el número máximo posible en el sistema numérico hexadecimal del modelo RGB es ffffff, nos dará blanco, y en el sistema decimal es: 16.777.215. Esta cantidad de colores y sombras le permite configurar/usar el modelo RGB. Este número surge del hecho de que cada canal de color tiene 256 valores de brillo (de 0 a 255), respectivamente: 256 * 256 * 256 = 16.777.215.
Los valores de color HTML hexadecimales son más compactos y claros, la mayoría de los diseñadores web y diseñadores de diseño usan valores hexadecimales para manipular el color en HTML, por lo que le recomendamos que no se acostumbre a la forma decimal de notación de color, sino que use hexadecimal inmediatamente.
Está claro que al principio será difícil para un diseñador novato o un diseñador de diseño navegar por la forma hexadecimal de notación de color, por lo que casi cualquier editor gráfico tiene la llamada paleta de colores, que le permite seleccionar el color deseado y obtener su código para diferentes modelos de color en diferentes sistemas numéricos.
Algunos editores de texto, como , tienen extensiones de paleta que son muy útiles cuando desea seleccionar rápidamente un color y cambiarlo. No puedo decir nada al respecto en este sentido.
Nombres de colores en HTML
Los atributos HTML pueden tomar como valores. no sólo códigos decimales y valores hexadecimales, pero también nombres de flores especiales. Cambiar el color de los elementos HTML usando su nombre no es una buena idea. En primer lugar, detrás del nombre del color en HTML se encuentra el código del modelo RGB y, en segundo lugar, cada navegador muestra el color del elemento HTML especificado por el nombre de forma diferente, esto depende únicamente del deseo de los desarrolladores del navegador.
Es por eso No se recomienda utilizar un nombre de color en HTML.. El modelo RGB depende del hardware y el color especificado por el nombre depende del navegador e incluso de su versión. Intentemos establecer el color de los elementos de la página HTML usando el nombre:
<
body
alink
=
”black
”link
=
”#blanco” vlink=”rojo” bgcolor=”verde” texto=”azul”> |
Como comprenderás, hay muchos colores y matices. Vale la pena señalar aquí que los atributos HTML no le permiten establecer un degradado; CSS tiene esta opción, pero hablaremos de eso en otra publicación. Y muchos colores en HTML tienen nombres. Puedes encontrar una tabla de nombres de colores en HTML y sus códigos RGB en mi sitio web.
La tabla anterior demuestra qué color obtendrá el elemento HTML si lo especifica usando el nombre. Esta tabla contiene 16 colores y sus nombres aprobados por el W3C y deben mostrarse igual en cualquier navegador. Pero, de hecho, en HTML se pueden utilizar alrededor de 200 nombres de colores compatibles con los principales navegadores, como Opera, Chrome, Firefox, Safari, Internet Explorer (esta afirmación es muy controvertida sobre este último).
paleta de colores HTML
De hecho no hay paleta de colores en HTML. Recordemos la definición de la palabra paleta. Una paleta es una pequeña tabla delgada de forma cuadrangular u ovalada sobre la que el artista mezcla pinturas y obtiene todo tipo de colores. A veces se hace un agujero en la paleta para que el pulgar sea cómodo de sostener. Encontrarás una imagen de la paleta a continuación. Por eso no hay paleta en HTML.
Pero en varios editores de texto hay complementos de paleta de colores esa ayuda seleccionar rápidamente el color de un elemento HTML. También hay una paleta de colores en los editores gráficos, porque no es muy conveniente y divertido para un diseñador sentarse y calcular: qué color saldrá con tal o cual brillo de tal o cual canal. En la imagen de abajo puedes ver la paleta más simple del editor Paint.
Tenga en cuenta que muchos módulos y complementos de paleta de colores le permiten obtener un código de color no solo en formato RGB/RGBA, sino también en el formato de otros modelos. Recordar que no hay paleta en HTML, bueno, a menos que seas un artista hasta la médula y a la paleta de colores de la página HTML le llamas esos colores que se usaron para decorarlo (después de todo, a veces una paleta se refiere a los colores que usa un artista en particular, o los colores que se usaron en la creación de una pintura en particular).
Aprendiendo a cambiar el color del texto en HTML
tenemos Mucha teoría sobre los colores en HTML., vamos a practicar y probar trabajar con colores de elementos HTML. Lo primero que aprenderemos a hacer es cambiar el color del texto en un documento HTML utilizando atributos y etiquetas especiales. Abra cualquier editor y escriba el siguiente código en él:
Aprendiendo a trabajar con color en HTML
Cambiar el color del texto
Para cambiar el color del texto, podemos usar el atributo único del elemento de texto BODY, y también podemos usar el elemento FONT y su atributo de color. Este texto aparecerá atenuado.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >Cambiar el color del texto en el documento HTML< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >Aprendiendo a trabajar con color en HTML< / font > < / h1 > < h2 > < font color = "yellow" >Cambiar el color del texto< / font > < / h2 > < p >Para cambiar el color del texto podemos usar un único atributo de texto BODY del elemento, y también use el elemento FONT < / body > < / html > |
Guardaré este archivo como color.html y le aconsejo que no lo olvide. Chrome, Firefox y Opera no admiten la grabación de colores en el sistema numérico decimal, pero IE comprende esta notación de colores y resalta el encabezado HTML en verde:
Lo correcto es no cambiar el color del texto en HTML, sino cambiar el color de fuente en HTML. Acerca de
Los códigos de color en CSS se utilizan para especificar colores. Normalmente, los códigos de color o valores de color se utilizan para establecer el color del color de primer plano de un elemento (por ejemplo, color de texto, color de enlace) o el color de fondo de un elemento (color de fondo, color de bloque). También se pueden utilizar para cambiar el color de un botón, borde, marcador, desplazamiento y otros efectos decorativos.
Puede especificar 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 software de gráficos 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 admiten la propiedad de color rgb(), por lo que no se recomienda utilizarla.
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 |