Colores


Los colores se identifican mediante el nombre del color en inglés o bien mediante un código del tipo #rrggbb donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul.
Para buscar el código de algún color determinado puede consultar la
tabla de códigos de colores.
Ha de tener en cuenta que algunos colores no se verán o se verán mal si la máquina no soporta 256 colores.
Color del texto
En este apartado se indicará cómo cambiar el color de un grupo definido de caracteres en un texto mediante el elemento <FONT>.
Colores del entorno
Aquí se verá cómo cambiar los colores definidos por defecto para el fondo, el texto normal y los enlaces mediante el elemento <BODY>. Este elemento también permite utilizar una imagen como fondo de página.

Color del texto

Se puede controlar el color del texto utilizando el elemento <FONT> con el atributo COLOR.
A continuación se muestran algunos ejemplos:

<FONT COLOR="red"> ROJO </FONT> ROJO
<FONT COLOR="blue"> AZUL </FONT> AZUL
<FONT COLOR="navy"> AZUL MARINO </FONT> AZUL MARINO
<FONT COLOR="green"> VERDE </FONT> VERDE
<FONT COLOR="olive"> OLIVA </FONT> OLIVA
<FONT COLOR="yellow"> AMARILLO </FONT> AMARILLO
<FONT COLOR="lime"> LIMA </FONT> LIMA
<FONT COLOR="magenta"> MAGENTA </FONT> MAGENTA
<FONT COLOR="purple"> PURPURA </FONT> PURPURA
<FONT COLOR="cyan"> CYAN </FONT> CYAN
<FONT COLOR="brown"> MARRON </FONT> MARRON
<FONT COLOR="black"> NEGRO </FONT> NEGRO
<FONT COLOR="gray"> GRIS </FONT> GRIS
<FONT COLOR="teal"> TEAL </FONT> TEAL
<FONT COLOR="white"> BLANCO </FONT> BLANCO

Como se comentó en la introducción el color se puede indicar tanto mediante su nombre en inglés como por determinados códigos hexadecimales. (Ver tabla de códigos de colores)

En el siguiente ejemplo se muestra una combinación de colores y tamaños de letra:
(Para mayor detalle ver <FONT>)

<FONT SIZE=6 COLOR="navy">C</FONT><FONT SIZE=4>apítulo </FONT> <BR>
<FONT SIZE=5 COLOR="red">E</FONT><FONT SIZE=3>rase una vez un ...</FONT>
Resulta:

Capítulo I
Erase una vez un ...

Inicio

Colores del entorno

Un cierto número de atributos de la marca BODY permite controlar el color del fondo de la ventana del browser, el color de los caracteres del texto y, finalmente, el color de los enlaces:
< BODY atributo1 atributo2 atributo3 ... atributoN >
El atributo BGCOLOR
Este atributo permite establecer un color de fondo para el documento.
<BODY BGCOLOR="#C0C0C0">
Este ejemplo establecerá el colos gris claro (#C0C0C0) como color de fondo de página.
El atributo BACKGROUND
Este atributo permitirá se utilice una imagen residente en el servidor, o en un fichero local, como fondo de página.
<BODY BACKGROUND="fichero_gráfico.gif"> 
El atributo TEXT
Permite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace.
<BODY TEXT="darkblue">
Este ejemplo hará que, por defecto, el texto del documento aparezca de color azul oscuro.
Los atributos LINK, VLINK y ALINK
Controlan el color de los enlaces:
Inicio

Indice

Facultad de Informática de la Universidad de Las Palmas de Gran Canaria