Los colores y HTML

01 de enero de 2001
Valoración del artículo:
En este reportaje tratamos de acercarte todos los detalles relativos al buen uso de colores en HTML. Colores compatibles con todos los sistemas.
Rueda de los colores Tabla de color

El la composición de webs juegan un papel muy importante los colores. Se indican en valores RGB, es decir, que para conseguir un color cualquiera mezclaremos cantidades de Rojo, Verde y Azul.
    Los valores RBG se indican en numeración hexadecimal, en base 16. (Los dígito pueden crecer hasta 16. Como no hay tantos dígitos numéricos se utilizan las letras de la A a la F.

0=0 4=4 8=8 C=12
1=1 5=5 9=9 D=13
2=2 6=6 A=10 E=14
3=3 7=7 B=11 F=15

    Para conseguir un color, mezclaremos valores de esta manera:
RRGGBB
Donde cada valor puede crecer desde 00 hasta FF.

Ejemplo

Cómo se cambiaría la fuente para escribir en rojo:
<font color="#FF0000">Rojo</font>

Al Atributo color le damos un valor RGB en formato hexadecimal. El caracter # se coloca al principio de la cadena.

Otros colores

Naranja #FF8000
Verde turquesa #339966
Azul oscuro #000080

Colores compatibles en todos los sistemas

Como las páginas web las tienen que ver todos los usuarios, y los sistemas que utilizan para entrar son distintos, hay que utilizar colores compatibles con la paleta de todos ellos.
    La forma de conseguir esto es limitando nuestros colores alos que se pueden conseguir utilizando la siguiente norma:

Utilizaremos siempre
estos valores:
00
33
66
99
CC
FF

Ejemplos: #3366FF #FF9900 #666666

Se consiguen los colores siguientes:

Por último, te ofrecemos unos archivos con programillas en JavaScript que te pueden ayudar a encontrar los colores adecuados. Entro otros, podrás encontrar el script que genera la tabla de arriba.

.zipColores.zip 16Kb

Compartir en redes sociales

Comentarios
Fueron enviados 14 comentarios al artículo
1 comentario no revisado
13 comentarios revisados:
Por: José María López Molina
28/5/2005
Aparte de los códigos RGB, también se pueden utilizar sus nombres en inglés.
Tengo hecha una página web con dichos nombres con su código correspondientes.

La página es la siguiente: http://webs.ono.com/semarimoli
Por:
18/6/2007
La aplicación de color la he guardado el archivo tal como está en esta página (en zip) lo he descomprimido en una carpeta pero en Mozilla Firefox junto la extensión No Script no me funciona y la dirección file:// la tengo permitida. En cambio, si cambio de motor a Internet Explorer con el ietab me funciona.
Por: nando
23/10/2007
cual es el codigo del color transparente
Por: Carolina
03/11/2008
tambien puede usarse el selector de colores de algun programa de diseño para obtener las combinaciones apropiadas. Personalmente, los que se muestran aki... pues si son lindos pero siempre se puede hacer algo mejor
Sonbras
Por: Miguel Ruiz
13/5/2009
Hola
Gracias por su didáctica página. Es excelente.
Deseo poner una bonita sombra a una foto, una que la destaque, pero no encuentro información en cuanto a cómo escribir el código. ¿Podrían ayudarme?
Mil gracias
¿que norma de color?
Por: Pablo
24/5/2009
Lo primero felicitaros por vuestra web
y además haceros dos preguntas de este Tema 8:

¿que norma de color es la que se aplica para usar unos "colores limitados" que explicais en este tema?

¿ y esa norma se aplica sólo a html, o a todos los lenguajes de diseño de webs?

gracias por adelantado y felicitaros por esta excelente web
Color texto
Por: Pedro
23/9/2009
¿Hay alguna forma de hacer que el color del texto sea el que tenga el usuario configurado en su sistema?
Por ejemplo Ubuntu Studio, usado por muchos diseñadores del mundo del software libre usa fondos oscuros y textos blancos, pero en muchas webs y en formularios, el color de fondo es el del sistema pero la fuente negra, con lo que no se lee nada. ¿Cómo es posible que la página respete el color de fondo del sistema del usuario pero no el de la fuente?, y sobre todo ¿cómo hacer que tembién el color de la fuente sea respetado?

Gracias y saludos.
Excelente explicacion
Por: Dani Good
20/6/2010
Gracias por esplicar como se llegan a esos códigos HMTL

Dani Good
http://www.color-es.net
Cual es o como se pone el color de fuente transparente
Por: Lucas
02/8/2010
tambien necesito el codigo dle color transparente. Aclaro q me refiero al color dela fuente, no del background. Eso necesito mucho, a ver si eso se puede hacer o no. Muchas gracias.
color transparente de fuente.

Felicidades por esta maravillosa web, de todo corazon. Es muy util, practica y comoda, ya q no nos obligan a registrarnos ni a loguearnos para poder hacer un comentario, pues algunas otras web tienes q registrarte si o si para poder ver el contenido. Cuando veo esa clase de webs asi no aguanto ni 1 segundo mas y me largo, xD...Gracias gracias gracias!!!
html
Por: nora
07/10/2010
hola intente colocar con font-family varias letras y no funciona podrian ayudarme a resolver eso

misael_...
convinacion de colores RGB
03/5/2011
Cual es el codigo para que al elegir los colores de numero decimales, me muestre el color y la intencidad de contiene segun su mescla. o como puedo hacerlo breve y que lo pueda mostrar en valores y color.... Gracias;
Colores definidos en sistema decimal
Por: Martin
13/7/2011
?Como represento cada color con un valor decimal?

eglis20...
Colores
20/10/2011
Esto es una buena página para trabajar en las páginas web para los sitios

Manuales relacionados
Categorias relacionadas
El autor
Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com


Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...