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.
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 ...
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:
- LINK es el color de un enlace que aún no ha sido visitado.
- ALINK es un color muy fugaz que aparece cuando se hace clic sobre el enlace.
- VLINK es el color de un enlace que ya ha sido visitado.
<BODY LINK="blue" ALINK="red" VLINK="navy">
![]() |
![]() |