Códigos de colores HTML


Si estas diseñando una página web o quieres cambiar el color del texto o enlace de tu blog debes de saber que existe una tabla de colores llamada tabla hexadecimal de colores. Pero, ¿Qué diferencia tiene la tabla hexadecimal? Bueno no entraremos en la teoría completa pero si quieres saber todo sobre esta tabla de colores te invito a que pases a este enlace “Colores web” y allí encontraras toda la información sobre esta tablita de colores pero hablando un poco de ella te puedo decir que en cada color que existe en la tabla este tiene un código que comienza con el símbolo # y después de una serie de letras y números y sirven para identificar el color. 

Teoría sobre los códigos de colores HTML.

Seguramente se está preguntando: « ¿Tiene algún significado esta extraña combinación de letras y números?» Pues la respuesta es «Sí» y así es como funciona:)

Formato de los códigos HTML:

Cada código HTML comprende el símbolo «#» y 6 letras o números. Estos números se expresan en el sistema de numeración hexadecimal. Por ejemplo «FF» en hexadecimal representa el número 255 en Decimal.

Significado de los símbolos:

Significado de los símbolos: Los dos primeros símbolos del código de color HTML representan la intensidad del color rojo. 00 es el menos intenso y FF es el más intenso. El tercer y el cuarto número representan la intensidad del verde y el quinto y el sexto representan la intensidad del azul. Así, con esta combinación de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos;)

Ejemplos: 
#FF0000 - Con este código HTML le decimos al navegador que muestre la máxima cantidad de rojo y nada de verde ni de azul. El resultado es evidentemente el color rojo puro     

#00FF00 - Este código HTML muestra solo el verde y nada de rojo ni de azul. El resultado es:      

#0000FF - Este código HTML muestra solo el azul y nada de rojo ni de verde. El resultado es:      

#FFFF00 - Con la combinación de color rojo y verde obtenemos el amarillo:      

#CCEEFF - Cogemos un poco de rojo, un poco más de verde y el máximo de azul para obtener el color del ciel
o.     

¿Cómo usar los códigos de colores HTML?

Los colores los podemos usar de varias maneras como cambio de texto, cambio de fondo y cambio de color de celdas. 

Usar los códigos de colores HTML para el color de fondo del sitio web:

<body style="background:#80BFFF">

Usar los códigos de colores HTML para configurar el color de la fuente/texto:

<span style="color:#80BFFF">

Usar los códigos de colores HTML para el color de fondo de las tablas:

<table style="background:#80BFFF">

Ya conociendo un poco sobre que es la tabla de colores HTML Existe una página que te proporciona esta tabla en la que puedas buscar el color que tú quieras y esta te da el código para que lo puedas copiar y pegarlo en el texto que quieras. Te presenta dos maneras de visualizarla en forma de tabla y la otra forma es que con una bolita y con el clic del ratón puedas seleccionar el color que quieras moviéndola  justo en el color que mejor te convenga.
La página se llama color-codes y puedes entrar a esta tabla entrando a este enlace.


Si te ha servido esta información no olvides de compartirla a tus amigos blogueros que aun comienzan en esto de los blogs para que puedan aprender sobre esta grandiosa herramienta.
También no te olvides de seguirme en mis redes sociales para estar al pendiente de nuevas publicaciones. Te invito a que leas más artículos de este blog e interactúes con nosotros. 



Share: