COLOR

COLOREnrique Luna1

Resolucin y Modos de Color2RGB son las siglas en ingls de Rojo, Verde y Azul (Red, Green y Blue). Es el modo de color ms usado para imgenes que se mostrarn en una pantalla.Las cmaras digitales lo usan, tu telfono mvil tambin y en general cualquier dispositivo digital que muestra imgenes a travs de una pantalla.

Resolucin y Modos de Color3Es un modelo de color basado en la sntesis aditiva, con el que es posible representar un color mediante la mezcla por adicin de los tres colores luz primarios. Los espacios de color pueden variar de pantalla a pantalla considerablemente. Cuando estas tres luces se mezclan en intensidades iguales, obtenemos el blanco.Resolucin y Modos de Color4CMYK son las iniciales en ingls de Cian, Magenta, Amarillo y Negro (Cyan, Magenta, Yellow y Key (black)). Este modo se usa principalmente para trabajos de impresin comercial como Anuncios, revistas, libros, carteles, etc.El modo CMYK est basado en una Sntesis sustractiva del color. De este modo, la mezcla de colores no lleva al blanco, sino al negro.

Resolucin y Modos de Color5Por lo tanto el Modo de Color que utilizaremos para nuestros desarrollos web ser el RGB.Adems del modo de color se deber considerar la Resolucin en la que se trabaja de manera digital.La Resolucin que utilizarn para el manejo de las imgenes es de 72 dpis (puntos por pulgada).

Resolucin y Modos de Color6Las resoluciones dependern de la salida o fin que tenga nuestro trabajo, as se trabaja en resoluciones ms bajas cuando se imprime en Gran Formato como lo es un Espectacular, tambin puede ser la resolucin mayor como 300 dpi que se utiliza en una impresin.

Pero para desarrollos web no se usan ms de 72 dpi.

Resolucin y Modos de Color7Si utilizas una imagen en web sin optimizar y sta tiene una resolucin mayor de 72dpi no se ver mejor en el monitor, lo nico que ests haciendo es ocupar espacio en el disco innecesariamente, esto es porque automticamente el sistema lo reinterpreta y slo muestra la resolucin permitida.

Resolucin y Modos de Color8Resolucin y Modos de Color

72 dpiRGB27.9 kb300 dpiRGB826 kb9Combinaciones de Color10Combinaciones de color

El color es un atributo que percibimos de los objetos cuando hay luz. La luz es constituida por ondas electromagnticas que se propagan a unos 300,000 kilmetros por segundo. Esto significa que nuestros ojos reaccionan a la incidencia de la energa y no a la materia en s.

11Combinaciones de colorPROPIEDADES DEL COLOR:TONOSATURACINBRILLOLUMINOSIDAD

Tono (hue), matiz o croma: es el atributo que diferencia el color y por el cual designamos los colores: verde, violeta, anaranjado, etc.

12Combinaciones de colorSaturacin (saturation): es la intensidad cromtica o pureza de un color Valor (value) es la claridad u oscuridad de un color, est determinado por la cantidad de luz que un color tiene.

Brillo (brightness): es la cantidad de luz emitida por una fuente lumnica o reflejada por una superficie.

13Combinaciones de colorLuminosidad (lightness): es la cantidad de luz reflejada por una superficie en comparacin con la reflejada por una superficie blanca en iguales condiciones de iluminacin.

14Combinaciones de colorESTRUCTURA BSICA DE UNA COMPOSICINColor Primario: es el tono bsico de la pgina, el que la define, y el que ocupa la gran mayora de la misma. Sera el color del atributo "background" de la pgina.Color Secundario: es el segundo tono predominante en la pgina, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar reas y debe ser bastante prximo en tono al primario.

15Combinaciones de colorColor Destacado: es el color que se utiliza para resaltar aspectos concretos de la pgina. Por definicin debe contrastar mucho con los colores primario y secundario y por tanto, debe utilizarse con moderacin. Puede utilizarse el Complementario o el Complementario Adyacente del color primario de la pgina.

16Combinaciones de colorTipos de Combinaciones de Color.Colores Anlogos: Para un determinado color, sus colores anlogos son aquellos que se encuentran a ambos lados del mismo en el crculo de color.Es una combinacin Pasiva.Se utiliza para armonizar colores corporativos en dispositivos digitales.

17Colores AnlogosCombinaciones de color

18Combinaciones de colorColores Complementarios: Se encuentran opuestos en el crculo de color.Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto puede ser llamativo y hasta agresivo.Se deber tener cuidado en su uso para evitar estridencias cuando se usa con la tipografa.

estridencias: Que causa una sensacin molesta por su exageracin o contraste violento19Colores ComplementariosCombinaciones de color

20

Combinaciones de colorColores Monocromticos: Se encuentran aislados, sin presencia de otros colores. Usados producen sensacin de unidad, homogeneidad y robustez. Se puede evitar la monotona utilizndolos con diferente luminosidad (ms claros y ms oscuros).Pueden utilizarse para hacer una composicin que d idea de crecimiento o disminucin. Si la variacin de luminosidad es mnima puede crear confusin a la vista.

22Colores MonocromticosCombinaciones de color

23

Combinaciones de colorColores Complementarios Adyacentes: Para un color, sus complementarios adyacentes son los colores anlogos de su color complementario.

Los que se encuentran a la izquierda y a la derecha del complementario.

Existe una mayor armona en estos que utilizando el complementario directo.

25Colores Complementarios AdyacentesCombinaciones de color

26

Combinaciones de colorTriada de Colores: Tres colores constituyen una Trada cuando sus tonos son equidistantes en el Crculo Estndar de Color.Si el conjunto resulta demasiado colorido, se pueden disminuir su luminosidad o su saturacin (o ambas).

28Combinaciones de colorTriada de Colores

29

Combinaciones de colorEsquema Acromtico Monotono: Un esquema de color acromtico monotono es un caso particular del esquema de color monotono constituido slo por colores neutros dentro de la gama del negro al blanco.Aunque su uso puede ser aburrido, se puede realizar un concepto de elegancia y prestigio, si se combina con colores vivos como el rojo, aportan un buen contraste.

31Combinaciones de colorEsquema acromtico monotono

32

Combinaciones de colorTIPOS DE CONTRASTE.Contraste de Tono: Es lo que se conoce como colores complementarios. Cuanta mayor es la distancia entre dos colores dentro del crculo, mayor es el contraste entre ambos.En una pgina web ser ms conveniente utilizar colores fros para marcos, tapices o elementos y colores clidos para mens, iconos o barras de herramientas que sean relevantes.

34Combinaciones de color

35Combinaciones de colorContraste de Luminosidad: Permite crear grandes contrastes con el mismo tono de color slo mediante el brillo de luz.En general este tipo de contraste, an siendo grande, es agradable al ojo humano.

36Combinaciones de color

37Combinaciones de colorContraste de Saturacin: El contraste de saturacin con frecuencia es el ms adecuado para resaltar aspectos de la pgina web de una forma moderada, poco estridente.Un efecto interesante se obtiene utilizando reas con diferentes saturaciones con un fondo gris

38

Combinaciones de color39Combinaciones de colorContraste Simultneo: Es un efecto creado por nuestro sistema visual que, dado un color predominante, tiende a requerir su color complementario.Este efecto puede obtenerse combinando dos colores brillantes pero que no sean complementarios o simplemente, utilizando un color brillante sobre un fondo neutro (un color de la gama de los grises).

40Combinaciones de color

41Psicologa del Color42Simboliza sangre, fuego, calor, revolucin, alegra, accin, pasin, fuerza, disputa, desconfianza, destruccin e impulso, as mismo crueldad y rabia. Es el color de los maniticos y de Marte, y tambin el de los generales y los emperadores romanos y evoca la guerra, el diablo y el mal.Mezclado con blanco es frivolidad, inocencia, y alegra juvenil, y en su mezcla con el negro estimula la imaginacin y sugiere dolor, dominio y tirana.

ROJO43Es el color mas intelectual y puede ser asociado con una gran inteligencia o con una gran deficiencia mental.Este primario significa envidia, ira, cobarda, y los bajos impulsos, y con el rojo y el naranja constituye los colores de la emocin. Tambin evoca satanismo (es el color del azufre) y traicin. Es el color de la luz, el sol, la accin , el poder y simboliza arrogancia, oro, fuerza, voluntad y estimulo.Psicolgicamente se asocia con el deseo de liberacin.

AMARILLO44Simboliza entusiasmo y exaltacin y cuando es muy encendido o rojizo, ardor y pasin. Utilizado en pequeas extensiones o con acento, es un color til, pero en grandes reas es demasiado atrevido y puede crear una impresin impulsiva que puede ser agresiva. Posee una fuerza activa, radiante y expresiva, de carcter estimulante y cualidad dinmica positiva y energtica.Mezclado con el negro sugiere engao, conspiracin e intolerancia y cuando es muy oscuro , opresin.

ANARANJADO45Simboliza, la profundidad inmaterial y del fro. Es el color del infinito, de los sueos y de lo maravilloso, y simboliza la sabidura, amistad, fidelidad, serenidad, sosiego, verdad eterna e inmortalidad. Tambin significa descanso.Mezclado con blanco es pureza, fe, y cielo, y mezclado con negro, desesperacin, fanatismo e intolerancia. No fatiga los ojos en grandes extensiones

AZUL46Es el color de la templanza, la lucidez y la reflexin. Transmite profundidad y experiencia. Tiene que ver con lo emocional y lo espiritual. Es mstico, melanclico y se podra decir que tambin representa la introversin. En su variacin al prpura, es realeza, dignidad, suntuosidad.

Mezclado con negro es deslealtad, desesperacin y miseria. Mezclado con blanco: muerte, rigidez y dolor.

VIOLETA47Es un color de extremo equilibrio, porque est compuesto por colores de la emocin (amarillo = clido) y del juicio (azul = fro) y por su situacin transicional en el espectro. Significa realidad, esperanza, razn, lgica y juventud.Sugiere humedad, frescura y vegetacin, simboliza la naturaleza y el crecimiento.

VERDE48Es un color masculino, severo, confortable. Es evocador del ambiente otoal y da la impresin de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

MARRN49Smbolo de lo absoluto, de la unidad y de la inocencia, significa paz o rendicin. Mezclado con cualquier color reduce su croma y cambia sus potencias psquicas, la del blanco es siempre positiva y afirmativa. Los cuerpos blancos nos dan la idea de pureza y modestia. El blanco crea una impresin luminosa de vacio, positivo infinito.

BLANCO50Smbolo del error, del mal, el misterio y en ocasiones simboliza algo impuro y maligno. Es la muerte, es la ausencia del color. Tambin transmite nobleza y elegancia.No cansa la vista utilizndolo en pantalla, crea un ambiente de fuerza, dependiendo de los colores que lo acompaen puede ser tanto negativo como positivo.

NEGRO51Es el centro de todo ya que se encuentra entre la transicin entre el blanco y el negro, y el producto de la mezcla de ambos. Simboliza neutralidad, indecisin y ausencia de energa. Muchas veces tambin expresa tristeza, duda y melancola. El color gris es una fusin de alegras y penas, del bien y del mal. Da la impresin de frialdad metlica, pero tambin sensacin de brillantez, lujo y elegancia.Es un neutro ideal para ser fondo de otros colores.

GRIS52http://www.patterncooler.com/ patroneshttp://kuler.adobe.com coloreshttp:// www.colorschemedesigner.com coloreshttp://www.thecoolhunter.net diseo aplicado