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

El problema de las imagenes.-

Otro problema adicional se produce cuando deseamos insertar en nuestra página una imagen dentro de la celda de una tabla, de una capa, etc., especialmente si se trata de una imagen en formato .gif, ya que este tipo de graficos tienen limitados su gama de colores a 256. El hecho es que frecuentemente nos encontraremos que el color de fondo del gif, que se lo habremos asignado con un programa de diseño grafico, no nos va a coincidir con el color de fondo de la celda o capa, aunque el código hexadecimal empleado en ambos sea el mismo, y esto es debido a las diferencias de renderización de los colores antes discutida. Un ejemplo de este problema lo podemos ver a continuación:

Y el problema se acentuara más aún si el usuario dispone de un sistema de 256 colores, ya que entonces el navegador por un lado y el sistema operativo por otro intentaran mezclar los colores de los que disponen para aproximarse lo mas posible a los de la imagen y fondo de la tabla, siendo normalmente estas aproximaciones diferentes, con lo que el contraste entre imagen y celda o capa se acentúa. Para solucionar este problema podemos hacer dos cosas:

* usar imagenes gif de fondo transparente.

* situar las imagenes fuera de celdas de tabla o capas que deban tener color de fondo.

Ninguna de estas soluciones es óptima, pero son las únicas de que disponemos.

Diseñadores graficos y desarrolladores web.-

Otro tema a tener en cuenta a la hora de trabajar con colores es la diferencia de herramientas y métodos de trabajo con los que nos encontramos a la hora de crear una página web, especialmente en aquellas páginas creadas por empresas dedicadas al desarrollo de aplicaciones web, ya que en estos casos es normal que el trabajo de divida entre un equipo de profesionales, cada uno de ellos especializado en una rama de trabajo.

De esta forma, es normal que a la hora de empezar un nuevo trabajo, y tras haber pasado este la etapa inicial de estudio necesaria, el maquetador y el diseñador grafico construyan una serie de imagenes representativas de las diferentes páginas de las que va a estar formado el sitio web, para su aprobación por el cliente.

Pero los diseñadores graficos trabajan normalmente con programas de diseño vectorial, con ordenadores de grandes prestaciones graficas y utilizando una completa gama de colores, que ademas viene expresados en sistemas de color como el Phantone, CMYK, etc., que usan sus propias unidades de medida del color. De esta forma, pueden conseguir unas gamas de colores que quedan vistosas y que son aprobadas por el cliente, pero que luego son un quebradero de cabeza para la persona encargada de dar vida a esas pantallas graficas, de pasarlas a código HTML. A veces el trabajo es arduo, y a veces imposible, ya que sólo cuenta con el sistema hexadecimal de colores y con las paletas que los navegadores le permitan.

Entonces, es vital que a la hora de diseñar una interfaz o una página se tengan siempre en cuenta estas limitaciones del HTML y de los navegadores, ya que si no se hace así la pérdida de tiempo y de trabajo sera inmensa, y en muchos casos se debera rechazar al final el diseño original por resultar inviable.

Si nos encontramos ante un problema de este tipo, en el que los colores o no nos los dan o vienen definidos en un sistema no web, siempre podremos usar un programa como Eye Dropper, que nos va a permitir obtener el color en el sistema hexadecimal. Si los colores no son seguros, siempre deberemos intentar conseguir a partir de ellos unos colores equivalentes de la paleta web segura de 216 colores (aunque a veces no es posible):

Sitio de descarga de EyeDropper: http://eyedropper.inetia.com/HTML/eng/