CURSO HTML

Curso HTML
por Javier Casares García

Colores

Hay dos formas de poner un color a una letra, o, en general, a una página web:

COLOR HEXADECIMAL ALIAS HTML CÓMO QUEDA
NEGRO #000000 black  
OLIVA #808000 olive  
VERDE FLUORESCENTE #008080 teal  
ROJO #FF0000 red  
AZUL #0000FF blue  
MARRÓN #800000 maroon  
AZUL OSCURO #000080 navy  
GRIS #808080 gray  
LIMA #00FF00 lime  
FUCSIA #FF00FF fuchsia  
BLANCO #FFFFFF white  
VERDE #008000 green  
PÚRPURA #800080 purple  
PLATEADO #C0C0C0 silver  
AMARILLO #FFFF00 yellow  
AGUA #00FFFF aqua  

Seguramente, si visitas alguna que otra web y miras su código fuente, encontrarás alguno que otro más, pero habitualmente se usan estos ya que son compatibles con todos los navegadores.

Y una vez hemos visto esta tabla de colores, vamos a hacer alguna pruebecita con texto...

El código a usar es el siguiente:

 

<P><FONT COLOR="red">Color de letra ROJO<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
<P><FONT COLOR="green">Color de letra VERDE<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
<P><FONT COLOR="blue">Color de letra AZUL<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>

Si editamos el código fuente con el Bloc de Notas el archivo fuentes.html (en c:\cursohtml\) y le añadimos esas líneas de arriba, nos quedará una cosa de esta forma:

Archivo HTML - fuentes.html
Archivo HTML - fuentes.html

Por lo que en nuestro navegador lo veremos de la siguiente manera (puedes verlo pulsando aquí).

Así se ven los diferentes colores en nuestro navegador
Así se ven los diferentes colores en nuestro navegador

De esta forma, una vez probado, solo hacerte un breve comentario, y es que en el color puedes poner tanto el ALIAS como el valor HEXADECIMAL de un color.

Los valores de ALIAS suelen ser los nombres de colores en inglés, así que te recomiendo que pruebes colores como NARANJA (orange), entre otros.

Los valores HEXADECIMALES van desde #000000 a #FFFFFF en grupos de 2, por lo que las 2 primeras cifras pertenecen al ROJO, las 2 del centro al VERDE y las 2 últimas al AZUL; De esta forma tenemos algunos valores como 00, 01, 02... 09, 0A, 0B... 0F y 10, 11, 12..., 19, 1A, 1B... 1F y así sucesivamente hasta llegar al FF; Como habrás observado en este último comentario, los números hexadecimales son números con 16 posibles (el decimal tiene 10, del 0 al 9) que son del 0 al 9 y del A al F.

Así, por ahora tenemos que el FONT puede ir acompañado del parámetro FACE y del parámetro COLOR por lo que os invito a que vayais probando diferentes tipos de letra y diferentes colores a la vez.

<< Anterior - Índice - Siguiente >>

Licencia de Creative Commons
Esta obra está bajo una licencia de Creative Commons. El autor es Javier Casares García, para la Asociación de Internautas