No has iniciado sesión
Conectar al sistema | Registrar usuario
Cursos Cuestionarios Curso de HTML Capítulo
 
16 votos
Colores en HTML
 
En el diseño de un sitio web atractivo es muy importante el color, sería imposible hoy en día imaginar internet en blanco y negro, pero... ¿Como se define un color en HTML?

ArribaEl color HTML

La respuesta es muy sencilla, un color se suele definir con un número de 6 cifras precedidas por almoadilla (#), donde los grupos de 2 cifras son cada uno la intensidad del Rojo, Verde y Azul de 0 a 255 en hexadecimal (0-FF), utilizando el llamado modelo RGB 24 bits.

De esta manera, si tenemos #00FF00, obtendremos color verde, ya que contiene 00 de rojo, FF (255) de verde y 00 de azul.

Sabiendo esto y un poco de Formateo Básico, podríamos codificar un texto de color rojo en HTML de la siguiente manera:
 
000 
<font color="#FF0000">Texto de color rojo</font>
 
Para adaptarse a las pantallas que solo disponen 256 colores se recomienda utilizar los colores llamados web-safe que se obtienen usando combinaciones de 00, 33, 66, 99, CC y FF.


Paleta de colores Web Safe

Vamos a ver los codigos HTML de alguno de estos colores web-safe:

#000000 #009900 #00FF00 #000099 #0000FF #009999 #00FFFF
#990000 #999900 #99FF00 #990099 #9900FF #999999 #99FFFF
#FF0000 #FF9900 #FFFF00 #FF0099 #FF00FF #FF9999 #FFFFFF


Es posible que muchos de vosotros esteis acostumbrados a usar otro tipo de formato de color, por ejemplo red en lugar de #FF0000, pero sin embargo es bueno acostumbrarse a esta nomenclatura, nos evita tener que aprender los nombres de los colores y nos permite crear cualquier color que deseemos.
 
Anterior y siguiente
Estructurando el c...
 
¿? Resolver dudas
Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de HTML de Programación Web indicando el artículo al que te refieres.
 
Comentarios
23/07/13 Comentario 1907
muy bueno, no sabía los pares de cifras, por eso se me dificultaban los colores hexadecimales xD
 
Redes Sociales
Programación Webon

Compartir en Google Plus