El color en la web (II)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Colores en las páginas web.-

El ojo humano puede distinguir aproximandamente entre 7 y 10 millones de colores. Debido a esto la vista es para nosotros el principal sentido que nos une con el exterior, de tal forma que mas o menos el 80% de la información que recibimos del mundo exterior es visual. Pintores y diseñadores graficos utilizan esta capacidad humana de apreciar colores para crear obras que profundicen en el alma y que inspiren sentimientos en los seres que las contemplan. Pero ?qué podemos hacer cuando debemos expresarnos con un número limitado de colores?.

Hace tan sólo unos pocos años la mayoría de los ordenadores de los que disponía el público en general eran, con la visión que tenemos hoy en día, unos trastos grandes, lentos y con pocas prestaciones, no sólo a nivel de memorias y procesadores, si no también a nivel de prestaciones gráficas. Y los periféricos eran asímismo muy limitados. Todo ello originaba que a nivel grafico estos equipos trabajaran tan sólo con 256 colores.

Actuálmente los equipos informáticos aumentan día a día sus prestaciones, y lo normal ahora es trabajar con millones de colores y con monitores de alto refresco y cualidades graficas. Incluso la mayoría de la gente dispone ya de avanzadas tarjetas gráficas, con memorias de hasta 64 megas, que desarrollan un trabajo de millones de texels.

Pero a la hora de la verdad ?de cuantos colores disponemos para trabajar los diseñadores web?.

La respuesta a ésta pregunta es desalentadora, ya que nosotros dependemos a la hora de mostrar nuestras páginas de unos programas específicos, los navegadores o browsers, que son los encargados de renderizar en pantalla el contenido de las páginas que le llegan por HTTP. Y estos programas, aparte de la gran diferencia a la hora de trabajar que hay entre ellos, interaccionan con el sitema operativo en el que corren, lo que origina al final un galimatías que hace que los colores de nuestras páginas varíen según el navegador usado y según el sistema operativo en el que este esta montado. Por todo esto, los millones de colores de los que se disponen para trabajar quedan reducidos a tan sólo unos pocos (y tan pocos) a la hora de crear páginas web.

No vamos a entrar aquí en una explicación exhaustiva de cómo maneja un ordenador los colores ni de los bits de profundidad, pero sí conviene que sepamos algun dato. El sistema operativo identifica trés colores basicos, a partir de los cuales construye todos los demas mediante un proceso de mezcla por unidades de pantalla (pixels); estos colores son el rojo, el azul y el verde, y el sistema sí definido se conoce como RGB. Los bits de profundidad de color marcan cuántos bits de información disponemos para definir los colore derivados de éstos colores primarios.

A más bits, mayor número de variaciones de un color primario podemos tener. Para 256 colores se precisan 8 bits, para obtener miles de colores necesitamos 16 bits (color de alta densidad) y para obtener millones de colores hacen falta 24 bits (color verdadero). Existe también otra profundidad de color, 32 bits, pero con ella no se consiguen más colores, si no que los que usemos se muestren más rápido.

De los 256 colores básicos el propio sistema operativo de queda con 40, para su gestión interna, con lo que disponemos de 216, es decir 6 tonos de rojo, 6 de azul y 6 de verde, que corresponden en cada color a:

%	decimal	hexadecimal
0%	0	0
20%	51	33
40%	102	66
60%	153	99
80%	204	CC
100%	255	FF

siendo las gamas correspondientes en decimal:

rojos	RGB(0,0,0)	RGB(51,0,0)	RGB(102,0,0)	RGB(153,0,0)	RGB(204,0,0)	RGB(255,0,0)
verdes	RGB(0,0,0)	RGB(0,51,0)	RGB(0,102,0)	RGB(0,153,0)	RGB(0,204,0)	RGB(0,255,0)
azules	RGB(0,0,0)	RGB(0,0,51)	RGB(0,0,102)	RGB(0,0,153)	RGB(0,0,204)	RGB(0,0,255)

y sus análogas en hexadecimal:

rojos	#000000	#330000	#660000	#990000	#CC0000	#FF0000
verdes	#000000	#003300	#006600	#009900	#00CC00	#00FF00
azules	#000000	#000033	#000066	#000099	#0000CC	#0000FF

Podemos combinar cada uno de estos valores de cada color primario para obtener los colores secundarios. En total, 216 colores (6x6x6), y como muestra, un botón:

#CC33FF

#660033

#00FFFF

#333333

#6600FF

#CCCC00

Si usamos una profundidad de color de 24 bits, correspondiente a millones de colores, disponemos de una amplia gama para trabajar, pero siempre teniendo en cuenta que sólo seran compatibles los colores que tengan su equivalente en el sistema de 256 colores, es decir, aquellos en los que cada color primario viene definido por una pareja de valores iguales, debiendo estos ser 00,33,66,99,CC o FF. Cuando usamos una profundidad de color de 16 bits disponemos de miles de colores, pero el problema es que debido a la división de esta gama de colores los valores obtenidos no se corresponden con los equivalentes en 256 colores ni en millones de colores, por ejemplo, #663399 es el mismo color a 256 y a millones, pero no es igual que el obtenido con miles de colores.

Con el paso del tiempo se ha adoptado una lista de colores a los que se le ha puesto un nombre repesentativo, de tal forma que los modernos navegadores interpretan el mismo y lo traducen internamente por su valor hexadecimal equivalente. Estos nombres están en el idioma inglés, y su representación y equivalencia con los valores hexadecimales podemos verlas en la siguiente ventana flotante.