LA TEORA DEL COLOR

1. CONCEPTO El color no es una caracterstica de una imagen u objeto, sino que es ms bien una apreciacin subjetiva nuestra. Se puede definir como, una sensacin que se produce en respuesta a la estimulacin del ojo y de sus mecanismos nerviosos, por la energa luminosa de ciertas longitudes de onda. 2. EL COLOR Y SU EXPANSIN Probablemente alguna vez os hayis preguntado por qu la mayora de las pginas Web que hay en Internet tienen un fondo claro y no negro. De hecho, las pginas que tienen un fondo negro suelen quedar peor. Esto se debe al carcter expansivo de los colores, no se ver igual un texto sobre fondo negro que blanco:

El texto sobre fondo blanco es ms legible y por lo tanto el lector debe forzar menos la vista, sintindose agradecido. Esto tambin lo podemos ver en colores claros y oscuros, no es algo que suceda nicamente en blanco y negro.

En estos dos dibujos parece que el de la izquierda tienda a expandirse y a hacerse ms grande, todo lo contrario que en el de la derecha. Eso es debido a que el color oscuro comprime la figura del medio. Estas tcnicas las usaremos cuando queramos que una parte de nuestra web quede cerrada o abierta. Armona y contraste

Armona: Crear una gama de colores para nuestra web que este compuesta por colores de la misma gama o tono. Por ejemplo, CLab es una web con colores armnicos, ya que usa el mismo color y diferentes tonalidades del mismo.

Contraste: Combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, clidos y fros, etc.

Es obvio que en esta imagen cada casilla nos est expresando una idea diferente. 3. MODELOS DE COLOR Modelo RGB

Los colores aditivos son los usados en trabajo grfico con monitores de ordenador, ya que, segn vimos cuando hablamos de los componentes grficos de un ordenador, el monitor produce los puntos de luz partiendo de tres tubos de rayos catdicos, uno rojo, otro verde y otro azul. Por este motivo, el modelo de definicin de colores usado en trabajos digitales es el modelo RGB (Red, Green, Blue). Todos los colores que se visualizan en el monitor estn en funcin de las cantidades de rojo, verde y azul utilizadas. Por ello, para representar un color en el sistema RGB se le asigna un valor entre 0 y 255 (notacin decimal) o entre 00 y FF (notacin hexadecimal) para cada uno de los componentes rojo, verde y azul que lo forman. Los valores ms altos de RGB corresponden a una cantidad mayor de luz blanca. Por

consiguiente, cuanto ms altos son los valores RGB, ms claros son los colores.

De esta forma, un color cualquiera vendr representado en el sistema RGB mediante la sintaxis decimal (R,G,B) o mediante la sintaxis hexadecimal #RRGGBB. El color rojo puro, por ejemplo, se especificar como (255,0,0) en notacin RGB decimal y #FF0000 en notacin RGB hexadecimal, mientras que el color rosa claro dado en notacin decimal por (252,165,253) se corresponde con el color hexadecimal #FCA5FD. Esta forma aditiva de percibir el color no es nica. Cuando la luz solar choca contra la superficie de un objeto, ste absorbe diferentes longitudes de onda de su espectro total, mientras que refleja otras. Estas longitudes de onda reflejadas son precisamente las causantes de los colores de los objetos, colores que por ser producidos por filtrado de longitudes de onda se denominan colores sustractivos.

Este fenmeno es el que se produce en pintura, donde el color final de una zona va a depender de las longitudes de onda de la luz incidente reflejadas por los pigmentos de color de la misma.

Un coche es de color azul porque absorbe todas las longitudes de onda que forman la luz solar, excepto la correspondiente al color azul, que refleja, mientras que un objeto es blanco porque refleja todo el espectro de ondas que forman la luz, es decir, refleja todos los colores, y el resultado de la mezcla de todos ellos da como resultado el blanco. Por su parte, un objeto es negro porque absorbe todas las longitudes de onda del espectro: el negro es la ausencia de luz y de color. En esta concepcin sustractiva, los colores primarios son otros, concretamente el cian, el magenta y el amarillo. A partir de estos tres colores podemos obtener casi todos los dems, salvo el blanco y el negro. Modelo CMYK

Efectivamente, la mezcla de pigmentos cian, magenta y amarillo no produce el color blanco, sino un color gris sucio, neutro. En cuanto al negro, tampoco es posible obtenerlo a partir de los primarios, siendo

necesario incluirlo en el conjunto de colores bsicos sustractivos, obtenindose el modelo CMYK (Cyan, Magenta, Yellow, Black). El sistema CMYK, define los colores de forma similar a como funciona una impresora de inyeccin de tinta o una imprenta comercial de cuatricroma. El color resulta de la superposicin o de colocar juntas gotas de tinta semitransparente, de los colores cian (un azul brillante), magenta (un color rosa intenso), amarillo y negro, y su notacin se corresponde con el valor en tanto por ciento de cada uno de estos colores. De esta forma, un color cualquiera vendr expresado en el sistema CMYK mediante la expresin (C,M,Y,K), en la que figuran los tantos por ciento que el color posee de los componentes bsicos del sistema. Por ejemplo, (0,0,0,0) es blanco puro (el blanco del papel), mientras que (100,0,100,0) corresponde al color verde.

Los colores sustractivos son usados en pintura, imprenta y, en general, en todas aquellas composiciones en las que los colores se obtienen mediante la reflexin de la luz solar en mezclas de pigmentos (tintas,

leos, acuarelas, etc.). En estas composiciones se obtiene el color blanco mediante el uso de pigmentos de ese color (pintura) o usando un soporte de color blanco y dejando sin pintar las zonas de la composicin que deban ser blancas (imprenta).

Los sistemas RGB, CMYK se encuentran relacionados, ya que los colores primarios de uno son los secundarios del otro (los colores secundarios son los obtenidos por mezcla directa de los primarios). Modelo HSV Otro modelo de definicin del color es el modelo HSV, que define los colores en funcin de los valores de tres importantes atributos de estos, matiz, saturacin y brillo.

El matiz (Hue) hace referencia al color como tal, por ejemplo el matiz de la sangre es rojo. La saturacin o intensidad indica la concentracin de color en el objeto. La saturacin de rojo de una fresa es mayor que la del rojo de unos labios. Por su parte, el brillo (Value) denota la cantidad de claridad que tiene el color (tonalidad ms o menos oscura). Cuando hablamos de brillo hacemos referencia al proceso mediante el cual se aade o se quita blanco a un color. Ms adelante estudiaremos con detalle estos conceptos. Modelo pantone Por ltimo, existen diferentes sistemas comerciales de definicin de colores, siendo el ms conocido de ellos el sistema Pantone.

Creado en 1963 y buscando un estndar para la comunicacin y reproduccin de colores en las artes grficas, su nombre completo es Pantone Matching System, y se basa en la edicin de una serie de catlogos sobre diversos sustratos (superficies a imprimir), que suministran una codificacin estandarizada mediante un nmero de referencia y un color especfico. 4. BRILLANTEZ Tiene que ver con la intensidad o el nivel de energa. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u oscuridad de un tono. Es una condicin variable, que puede alterar fundamentalmente la apariencia de un color. La luminosidad puede variar aadiendo negro o blanco a un tono. 5. SATURACION

10

Tiene que ver con la intensidad o el nivel de energa. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u oscuridad de un tono. Es una condicin variable, que puede alterar fundamentalmente la apariencia de un color. La luminosidad puede variar aadiendo negro o blanco a un tono. 6. COLORES CLIDOS Y COLORES FROS Las combinaciones de colores complementarios son geniales para utilizarlas en las Web porque contienen colores clidos y fros al mismo tiempo. El uso de estos colores proporciona contraste y es muy fcil recordar qu colores son clidos y qu colores son fros. Los colores clidos son los colores que recuerdan el verano, el sol o el fuego. Van desde los violetas hasta los amarillos. Los colores fros pueden recordar la primavera, el hielo o el agua. Estos colores van desde el amarillo verde hasta el violeta. Si observis cmo funcionan los colores en la rueda, no tardaris en descubrir que no podis elegir un color sin elegir su opuesto en "temperatura". De manera que si elegs un rojo caliente, el opuesto es un verde fro. O, si elegs un azul verde fro, acabaris con un rojo naranja picante en el otro lado. 7. SIGNIFICADO DEL COLOR

Blanco

11

Es un color apropiado para organizaciones caritativas. Por asociacin indirecta, a los ngeles se les suele representar como imgenes vestidas con ropas blancas. El blanco se le asocia con hospitales, mdicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos mdicos o que estn directamente relacionados con la salud. Amarillo El amarillo sugiere el efecto de entrar en calor, provoca alegra, estimula la actividad mental y genera energa muscular. Con frecuencia se le asocia a la comida. Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adecuado para promocionar productos para los nios y para el ocio. Por su eficacia para atraer la atencin, es muy til para destacar los aspectos ms importantes de una pgina Web. Naranja Representa el entusiasmo, la felicidad, la atraccin, la creatividad, la determinacin, el xito, el nimo y el estmulo. Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos. Color ctrico, se asocia a la alimentacin sana y al estmulo del apetito. Es muy adecuado para promocionar productos alimenticios y juguetes

12

El color naranja tiene una visibilidad muy alta, por lo que es muy til para captar atencin y subrayar los aspectos ms destacables de una pgina Web. Rojo Trae el texto o las imgenes con este color a primer plano resaltndolas sobre el resto de colores. Es muy recomendable para encaminar a las personas a tomar decisiones rpidas durante su estancia en un sitio web. En publicidad se utiliza el rojo para provocar sentimientos erticos. Smbolos como labios o uas rojos, zapatos, vestidos, etc., son arquetipos en la comunicacin visual sugerente. Prpura El prpura brillante es un color ideal para diseos dirigidos a la mujer. Tambin es muy adecuado para promocionar artculos dirigidos a los nios.

Azul Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma. Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con: El cielo (lneas areas, aeropuertos) El aire (acondicionadores paracaidismo) El mar (cruceros, vacaciones y deportes martimos)

13

El agua (agua mineral, parques acuticos, balnearios) Es adecuado para promocionar productos de alta tecnologa o de alta precisin. Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito. Verde El verde oscuro tiene tambin una correspondencia social con el dinero. Es recomendable utilizar el verde asociado a productos mdicos o medicinas. Por su asociacin a la naturaleza es ideal para promocionar productos de jardinera, turismo rural, actividades al aire libre o productos ecolgicos. El verde apagado y oscuro, por su asociacin al dinero, es ideal para promocionar productos financieros, banca y economa.

Negro El negro representa tambin autoridad, fortaleza, intransigencia. Tambin se asocia al prestigio y la seriedad. En una pgina Web puede dar imagen de elegancia, y aumenta la sensacin de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad.

14

8. IMPACTO EMOCIONAL La psicologa cree que el color hace ms que solamente impactar nuestro sistema visual. Por ejemplo, los mismos mecanismos que reciben el color, son los que a travs del hipotlamo, permiten a los pulsos llegar a la pituitaria y la glndula pineal. Se cree que algunas reacciones temporarias que afectan el estado de nimo ocurren como resultado de la exposicin a ciertos colores (rojo para estimular, azul para calmar, entre otras).

Buscar la reaccin del usuario espontneamente puede ser algo muy til. Hay evidencia fehaciente sobre la teora de la percepcin del color y los efectos potenciales que podemos lograr utilizndolos. 9. ENFOQUE DEL USUARIO Cuando hablamos de aplicaciones, podemos controlar o guiar al usuario sobre qu camino seguir. En los sitios Web, necesitamos brindar el contenido necesario para promover estadas prolongadas. Si bien no podemos controlar el foco del usuario, podemos utilizar mtodos subliminales y el color es una de las formas de hacerlo.

15

El ms utilizado en estos casos es la aplicacin de colores neutros o pasteles en general y colores vivos en aquellas zonas en las que deseemos que nuestros visitantes se enfoquen. 10. EFECTIVIDAD EN COMUNICAR LA INFORMACIN Estudios recientes han demostrado que las clsicas pginas blancas con letras negras no seran el ideal para la visualizacin humana. Es mejor si el contraste se atena, utilizando por ejemplo colores pastel de fondo con textos oscuros, el tema del contraste es una de las principales razones por las que dejo de leer artculos muchas veces, es eso, o definitivamente bajarle el brillo al monitor, pero no es algo que podra denominar placentero.

Como diseadores Web deberamos considerar incluir un color suave en lugar del blanco, algo que podra hacer que nuestros lectores se queden por un tiempo. As se asegurara que lo que queremos decir a travs de

16

nuestros sitios (en especial si somos de escribir mucho) llegue como queremos y no muera en el intento. 11. EFECTOS DE LAS COMBINACIONES Si pensamos en las versiones impresas, sus costos siempre implican que utilicemos menos colores. En el caso Web, hay completa libertad para usar la cantidad de tonos que necesitemos, por lo que se pueden explorar combinaciones que favorezcan nuestro diseo y de esa manera agregar valor.

Para ello, es necesario contar con armonas de color, que aseguran la correcta utilizacin de las paletas de colores. As como existe una relacin entre los colores y la reaccin humana a ellos. Tambin existe una reaccin hacia las combinaciones de colores que se encuentran en armona. 12. IMPACTO Y LMITES DE LA VARIEDAD Al elegir entre tanta variedad de colores y sus combinaciones cmo decidimos cuntos y cules son necesarios (o suficientes). En el uso del color hay un rango de colores que se podra denominar justo para aplicar en diseo, y sera, siempre utilizar entre 3 y 5 colores.

17

Menos de 3 har que nuestro sitio se vea monocromtico, ms de 5 lograr un nivel interesante de distraccin (que estamos intentando evitar). 13. SUGESTIN SUBLIMINAL Quizs no existan pruebas fehacientes, pero los mensajes subliminales y sus efectos continan siendo estudiados por la psicologa, y son denominados estmulos y estmulos negativos. En los estmulos generalmente se prepara al usuario a recibir determinado objeto para obtener una ventaja de la comunicacin entre uno y otro. En el caso de los estmulos negativos, se puede provocar en la persona, un retraso en identificar lo que se quiere transmitir, an cuando es obvio.

18

El perfecto ejemplo de esto sera ese prrafo con palabras en diferentes colores dnde encontraremos la palabra verde en color rojo, para quienes lo han intentado saben como podemos confundir nuestro cerebro a partir de esta prctica. Si bien habra que investigar sobre las implicancias ticas o legales de esta prctica, lo que se quiere explicar con esto es que es necesario dar un mensaje claro an desde los colores. Lo ideal siempre es reducir al mnimo posible los efectos subliminales del color, si tenemos un sitio de ecologa por ejemplo lo ideal ser utilizar tonos verdes, ya que los grises o neutros podrn asociarse inconscientemente a la polucin. 14. COLOR COMO FACTOR DE ACCESIBILIDAD Crease o no, los colores tambin tienen una teora de accesibilidad. Si bien la web nos permite alcanzar lmites impensables hace algunas dcadas, existen millones de personas que no pueden percibir los colores en su totalidad, incluso, miles que, con problemas oftalmolgicos solo ven las cosas borrosas. Se puede alcanzar ese lmite tambin. El W3C contiene una lista de herramientas que los diseadores web pueden utilizar para optimizar la accesibilidad. Una de ellas es Access Color, que ayuda al diseador a garantizar que la eleccin de colores no afectar a aquellos con problemas en la vista, incluso la forma en la que podemos decidir sobre la separacin (en el esquema cromtico) de colores.

19

Para esto el W3C nos informa sobre el valor de brillo de los tres colores en esquema RGB: Rojo x 299 + Verde x 587 + Azul x 114 /1000. Con esto en mente nos indica que la visualizacin correcta de dos colores ser correcta si la diferencia entre sus brillos es mayor a 125 y la diferencia de color mayor a 500. Es un poco complejo, pero a lo que se quiere apuntar con esto es que al realizar un esquema cromtico son cosas que deberamos tener en cuenta si nuestro objetivo es llegar a todos. Si utilizan la herramienta en su sitio, se sorprendern.

20

21