Cómo utilizar colores hexagonales para su html5 y css3 páginas web basadas

Video: Tutorial de HTML5 + CSS3 - 12 - Colores y Bordes

Colores en HTML 5 son una cosa extraña. La forma “fácil” (nombres de colores) resulta tener muchos problemas. El método más desarrolladores web De Verdad utilización suena mucho más difícil, pero no es tan malo como puede parecer en un principio. los color hexadecimal utiliza un esquema aparentemente extraña combinación de números y letras para determinar los valores de color. es aqua. Es amarillo. Es un régimen sólo un informático podría amar.

colores hexagonales trabajar describiendo exactamente lo que el equipo está haciendo, por lo que tiene que saber un poco más acerca de cómo funcionan los ordenadores con el color. Cada punto (o pixel) En la pantalla se compone realmente de tres pequeños haces de luz. Cada píxel tiene pequeña de color rojo, verde, azul y vigas.

Los haces de luz funcionan un poco como las luces del escenario. Imagine un escenario negro con tres focos (rojo, verde y azul) formados en el mismo lugar. Si todas las luces están apagadas, el escenario es completamente oscuro. Si enciende sólo la luz roja, se ve rojo. Puede activar combinaciones para conseguir nuevos colores.

Video: HTML y CSS Tutorial básico - (7) Sistema hexadecimal para colores, y RGBA (Español)

Color por el número de

En un sistema de ordenador, cada una de las pequeñas luces se puede ajustar a diferentes niveles de brillo. Estos valores miden de 0 a 255. Por lo tanto, se podría describir como rojo y amarillo como.

El 0 a 255 rango de valores parece extraño, ya que probablemente está acostumbrado a la base 10 matemáticas. El equipo realmente almacena valores en notación binaria. La forma en que un equipo lo ve, el amarillo es en realidad 111111111111111100000000. Ack! Tiene que haber una manera más fácil de manejar todos esos valores binarios. Es por eso que los desarrolladores utilizan notación hexadecimal.

Cualquier página que interactúa con el usuario tiende a utilizar un lenguaje de programación. Siéntase libre de mirar el código, pero no se preocupe si aún no está listo para añadir la programación a sus sitios.

educación hex

Todos los 1s y 0s tedioso. Programadores como para convertir a otro formato que sea más fácil trabajar con ellos. Lo creas o no, es más fácil para convertir números binarios a la base 16 de la base 10, así que eso es lo que los programadores lo hacen. Puede sobrevivir muy bien sin la comprensión de la base 16 (también llamado hexadecimal) La conversión, pero se debe entender algunas características clave, tales como:

Video: Tutoriales HTML5 + CSS3 - 15 Colores

  • Cada dígito hexadecimal es una abreviación de cuatro dígitos del binario. La razón por programadores utilizan enteros hexagonal es para simplificar el trabajo con el binario.

  • Cada dígito representa un valor entre 0 y 15. Cuatro dígitos de binario representan un valor entre 0 y 15.

  • Tenemos que inventar algunos dígitos. La razón por la hexagonal se ve tan raro es la inclusión de caracteres. Esto es por una simple razón: no hay suficientes dígitos numéricos para dar la vuelta!

    Video: HTML5 Y CSS3 tutorial básico

    Decimal (base 10)Hex (Base 16)
    00
    11
    22
    33
    44
    55
    66
    77
    88
    99
    10UN
    11segundo
    12do
    13re
    14mi
    15F

Los dígitos ordinarios 0-9 son los mismos en hex como lo son en base 10, pero los valores de 10-15 (base diez) están representados por los caracteres alfabéticos en hexadecimal.

Usted está muy acostumbrado a ver el valor 10 como igual al número de dedos de ambas manos, pero eso no es siempre el caso cuando se empieza a jugar un poco con los sistemas de numeración que estamos haciendo aquí. El número 10 significa simplemente una de la corriente de base. Hasta ahora, es posible que nunca ha utilizado ninguna base, pero la base diez, pero lo único que cambia en la actualidad.

El numeral 10 es de diez en base diez, pero en base dos, 10 significa dos. En base de ocho, 10 significa ocho, y en dieciséis bases, 10 significa dieciséis. Esto es importante porque cuando se quiere hablar sobre el número de dígitos en sus manos en hexadecimal, no se puede utilizar la conocida notación hexadecimal 10 porque en 10 significa dieciséis años.

Es necesario un valor de un dígito para representar diez, por lo que los informáticos legislados a salir de este lío con préstamos letras. 10 es A, 11 es B, y 15 es F.

Si toda esta teoría matemática está haciendo mareos, no se preocupe. Hay algunos atajos para crear grandes colores usando este esquema. Por ahora, sin embargo, esto es lo que hay que entender a utilizar colores hexagonales:

  • Un color requiere seis dígitos del hexagonal. Un píxel requiere de tres colores, y cada color utiliza ocho dígitos del binario. Dos dígitos del hexagonal cubren cada color. Dos dígitos representan rojos, dos para el verde, y, finalmente, dos para el azul.

  • valores de color hexadecimales por lo general comienzan con un signo de libra. Para advertir al navegador que un valor estará en hexadecimal, el valor suele ir precedido con un signo de número (#).

Utilización de colores en hexadecimal puede parecer muy loco y difícil, pero tiene algunas ventajas importantes:

  • Precisión: El uso de este sistema le da una gran cantidad de colores a trabajar. No hay manera de que podría llegar a esa cantidad de nombres de colores en el suyo propio. Bueno, usted podría, pero podría estar muy, muy viejo por el tiempo que estuvo terminado.

  • Objetividad: valores hexadecimales no son una cuestión de opinión. Podría haber algunos argumentos sobre qué color se tierra de siena quemada, pero el valor hexadecimal es inequívoca.

  • Portabilidad: La mayoría del software de edición gráfica utiliza el sistema hexadecimal, por lo que puede elegir el color de una imagen y obtener su valor hexadecimal de inmediato. Esto haría más fácil encontrar el color de ojos de su gato para ese santuario en línea.

  • previsibilidad: Después de comprender cómo funciona, se puede tomar cualquier color hexagonal y convertirlo en un valor que es un poco más oscuro, un poco más brillante, o que tiene un poco más azul en ella. Esto es difícil de hacer con los colores con nombre.

  • Facilidad de uso: Éste puede parecer exagerado, pero después de entender la paleta segura para la Web, es muy fácil obtener una idea aproximada de un color y luego modificarlo para hacer exactamente la forma que usted está buscando.

Artículos Relacionados