Unidades (distancias, colores, etc.)

En esta lección aprenderás a definir:

• distancias
• colores mediante códigos RGB, nombres HTML 3.2 y nombres X11

Distancias

En una página web o en una hoja de estilo puedes definir las distancias como porcentajes o como valores numéricos (absolutos o relativos).

Los valores numéricos pueden ser positivos o negativos, enteros o decimales (utilizando el punto como separador de las partes entera y decimal). Las unidades deben ir pegadas a los valores numéricos (sin espacio entre ellos).

Las unidades relativas disponibles son:

• em: el tamaño de la fuente actual
• ex: la altura de la letra x de la fuente actual
• px: pixeles de la pantalla

Las unidades absolutas disponibles son:

• cm: centímetros
• mm: milímetros
• in: pulgadas
• pc: picas, la sexta parte de una pulgada (1in = 6pc)
• pt: puntos, la doceava parte de una pica, es decir, la 72ava parte de una pulgada (1in = 6pc = 72pt)

Los porcentajes se escriben con el símbolo de porcentaje pegado al valor numérico (sin espacio entre ellos). Por ejemplo: 100%, 50%, etc.

Colores

En una página web o en una hoja de estilo puedes definir los colores mediante códigos numéricos o mediante nombres de colores. Existen varios códigos numéricos, aunque en este curso utilizarás únicamente códigos RGB.

Códigos de colores RGB

Las pantallas de ordenador consiguen los colores mezclando tres colores básicos (rojo - verde - azul). Cada color admite 256 niveles de intensidad, lo que hace un total de 256 x 256 x 256 = 16.777.216 colores distintos. Para codificar un color es suficiente indicar las intensidades de cada uno de los tres colores. Como las intensidades van de 0 a 255, se suelen expresar en notación hexadecimal (de 00 a FF) en vez de en notación decimal. El código de un color se escribe #RRGGBB, donde RR, GG y BB son los valores (hexadecimales) de la intensidad de los colores rojo, verde y azul respectivamente.

El color negro se consigue con la ausencia de cualquier color, así que su código RGB es #000000. El color blanco se consigue mezclando los tres colores con la máxima intensidad, así que su código RGB es #FFFFFF.

Nombres de colores HTML 3.2

En la recomendación HTML 3.2 (aprobada el 14 de enero de 1997) se incluyeron dieciséis nombres de colores: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow. Estos colores son los colores de la paleta VGA de Windows. La tabla e ilustración siguientes muestran estos 16 colores, sus nombres y códigos RGB.

Color	Nombre	Código RGB		Color	Nombre	Código RGB
	blue	#0000FF			navy	#000080
	fuchsia	#FF00FF			purple	#800080
	red	#FF0000			maroon	#800000
	yellow	#FFFF00			olive	#808000
	lime	#00FF00			green	#008000
	aqua	#00FFFF			teal	#008080
	gray	#808080			black	#000000
	white	#FFFFFF			silver	#C0C0C0

Nombres de colores X11

En el módulo CSS3:Color (que todavía no es una recomendación del W3C) se permiten los nombres de colores X11, que la mayoría de navegadores son capaces de representar desde hace tiempo. La tabla siguiente muestra los 140 colores, sus nombres y códigos RGB.

Nota: Los colores Fuchsia y Magenta son el mismo color y los colores Aqua y Cyan son también el mismo color, por lo que la tabla contiene en realidad 138 colores distintos

Autor: Bartolomé Sintes Marco
Última modificación: 20 de enero de 2003