1

TEORÍA DEL COLOR

Centro Ingeniería de Software y Sistemas ISYS

¿De qué Color percibes el mundo? Última Actualización noviembre 2012

2

AGENDA

• Definiciones • Contrastes • Percepción del color • Psicología del color

• Color Digital

• Uso del Color en Web

3

“El color es un fenómeno combinado, físico y psicológico, producido por la compleja interacción de la luz, la forma en que afectan las longitudes de onda a determinados objetos, las superficies de éstos y la respuesta del ojo humano.”

Tomado de: KODAK. Enciclopedia práctica de la Fotografía. Tomo 2. Teoría del Color. Pág. 568.

COLOR ESPECTRAL

4

El espectro visible o de la luz blanca se define como la descomposición de la luz en sus diferentes longitudes de onda, desplegando ante nuestros ojos los principales colores que la conforman: rojo; anaranjado; amarillo; verde; verde-azulado; azul y violeta.

ESPECTRO VISIBLE

5

ESPECTRO VISIBLE

El ojo humano es un órgano que detecta la luz, es la base del sentido de la vista. Posee: una lente denominada cristalino que se ajusta según la distancia, un diafragma denominado pupila cuyo diámetro está regulado por el iris y un tejido sensible a la luz que es la retina.

6

ESPECTRO VISIBLE

Componentes de la retina: conos (cone) especialistas en color y bastones (rod) especialistas en formas en

blanco y negro.

7

Particularmente existen tres colores que cubren una tercera parte del espectro: el verde, el azul y el rojo. Por ser estos colores los de mayor longitud de onda y los factores de respuesta de la visión humana se les denomina colores primarios espectrales.

COLORES ESPECTRALES PRIMARIOS

8

Cuando se estimulan simultáneamente dos juegos de conos, se tiene la visión del color combinado. Los colores producto de la combinación de dos de los colores primarios espectrales se conocen como colores secundarios espectrales corresponden a: cian, magenta y amarillo.

COLORES ESPECTRALES SECUNDARIOS

9

El color complementario es aquel que al mezclarse con otro reproduce la luz blanca.

COLORES COMPLEMENTARIOS

10

El fenómeno físico de la mezcla de colores primarios para formar todos los colores se denomina Síntesis aditiva. Los colores verde, azul y rojo se conocen como colores aditivos primarios.

SÍNTESIS ADITIVA

Ejemplo

11

La Síntesis Sustractiva funciona removiendo el color de la luz blanca. Cuando todo el color ha sido removido de la luz, lo que queda es el negro. Luego, el cían, el magenta y el amarillo son los colores sustractivos primarios.

SÍNTESIS SUSTRACTIVA

12

Del Espectro De los Pigmentos

Los colores primarios y los secundarios forman el círculo cromático del espectro de la luz visible (azul, rojo, verde, cían, magenta y amarillo).

Herramienta que permite representar los colores sólidos primarios, secundarios y complementarios.

CÍRCULOS CROMÁTICOS

13

También conocidos como colores sólidos, los pigmentos son los tintes manejados en las artes plásticas, y al igual que los colores del espectro visible, se clasifican en primarios, secundarios, complementarios y se organizan en su propio círculo cromático.

COLORES PIGMENTOS

14

• Tono o Matiz • Claro Oscuro • Frío Cálido • Complementarios • Simultáneo • Por saturación • Por extensión

CONTRASTES

15

Se obtiene de combinar colores puros

CONTRASTE POR TONO O MATIZ

16

CONTRASTE POR TONO O MATIZ

17

CONTRASTE POR TONO O MATIZ

18

Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen líneas de contorno.

CONTRASTE CLARO OSCURO

19

CONTRASTE CLARO OSCURO

20

21

Las sensaciones de frío y calor están relacionadas con la percepción del color.

Se consideran colores cálidos los amarillos, rojos y anaranjados, y colores fríos los azules y verdes.

Las combinaciones de estos colores producen el contraste frío cálido.

CONTRASTE FRÍO CÁLIDO

22

CONTRASTE FRÍO CÁLIDO

23

CONTRASTE FRÍO CÁLIDO

24

Los colores complementarios tienen igual importancia ante nuestros ojos. Por esta razón utilizar este contraste produce sensación de equilibrio.

CONTRASTE COMPLEMENTARIO

25

CONTRASTE COMPLEMENTARIO

26

CONTRASTE COMPLEMENTARIO

27

CONTRASTE COMPLEMENTARIO

28

CONTRASTE COMPLEMENTARIO

29

Combina el color gris sobre dos superficies complementarias. Sobre un color cálido, el gris tiende a tomar características del complementario, a verse en una tonalidad fría (y viceversa).

CONSTRASTE SIMULTÁNEO

30

CONSTRASTE SIMULTÁNEO

31

CONSTRASTE SIMULTÁNEO

32

CONSTRASTE SIMULTÁNEO

33

CONSTRASTE SIMULTÁNEO

34

Se combina el mismo color en sus diferentes niveles de saturación, utilizando toda la gama de

tonos mezclados con el blanco y el negro.

CONTRASTE POR SATURACIÓN

35

CONTRASTE POR SATURACIÓN

36

http://www.websitedesigncorporation.com/puntos-clave-sitio-web.aspx

CONTRASTE POR SATURACIÓN

37

CONTRASTE POR SATURACIÓN

38

CONTRASTE POR SATURACIÓN

39

Para romper la igualdad de peso al contrastar colores complementarios, se varía la extensión de los colores, ej.

en el contraste amarillo/violeta, para resaltar la éste último, se aumenta su extensión con respecto al amarillo.

CONTRASTE POR EXTENSIÓN

40

CONTRASTE POR EXTENSIÓN

41

CONTRASTE POR EXTENSIÓN

42

El anaranjado está asociado con el entusiasmo, ardor, incandescencia, euforia; mezclado con blanco constituye un color rosa carne que tiene una calidad muy sensual. El amarillo, asociado al sol puede ser interpretados como: alegría, buen humor y voluntad; se le considera como estimulante de los centros nerviosos.

Factor Humano

PSICOLOGÍA DEL COLOR

43

El verde, en algunas culturas es reposo, esperanza, primavera, juventud y por ser el color de la naturaleza sugiere aire libre y frescura. Incita al equilibrio, produce reposo, calma. El azul puede significar paz y quietud, puede actuar como calmante. Mezclado con blanco es pureza, fe y cielo; mezclado con negro, desesperación, fanatismo e intolerancia.

Factor Humano

PSICOLOGÍA DEL COLOR

44

El violeta, en nuestra cultura occidental está vinculado con la religión, el misticismo, y la dignidad; Es un color delicado, fresco y de acción algo sedante. El blanco posee la mayor sensibilidad frente a la luz. Por ser la síntesis de todos los colores, se le considera el símbolo de lo absoluto, de la unidad; pero también de la inocencia.

Factor Humano

PSICOLOGÍA DEL COLOR

45

El gris no se considera un color, sino la transición entre el blanco y el negro, y el producto de la mezcla de ambos. Simboliza neutralidad, fusión de alegrías y penas. Al negro, por ser ausencia de luz no se le considera un color como tal, pero esto no significa que no sea utilizado como tal. Visualmente produce sensación de acercamiento.

Factor Humano

PSICOLOGÍA DEL COLOR

COLOR DIGITAL

46

COLOR DIGITAL: hace alusión a

que el color de las imágenes están

establecidas por el lenguaje binario

en un computador.

COLOR: percepción visual creada por el cerebro, a través de células situadas en la retina del ojo, que asocian color a una

imagen

DIGITAL: se refiere al uso del código binario (unos y ceros), para la

manipulación de datos en un computador.

COLOR DIGITAL

47

• Representación de un color a partir de estos colores primarios

• Para la proporción a cada color se le asigna un valor (0 sin mezcla y 255 mayor proporción de mezcla)

• Un pixel está formado por 3 puntos de rojo, verde y azul, cada uno brilla con diferente intensidad

COLOR DIGITAL

48

• El color existe en nuestro cerebro y no como entidad física en la naturaleza

• El color digital es menos complejo: digital hace referencia a "algo" representado mediante números

COLOR DIGITAL

49

• El color digital son números, que al ser representados mediante algún dispositivo de salida (monitor, impresora, etc.) se percibe como color

• El significado de los números necesita un contexto. Así, el color de un pixel en RGB no es un color específico. Se verá distinto al ser representado por distintos monitores e impresoras

50

Color Significado Su uso aporta El exceso produce BLANCO Pureza, inocencia, optimismo Purifica la mente a los más altos niveles --- LAVANDA Equilibrio Ayuda a la curación espiritual Cansado y desorientado PLATA Paz, tenacidad Quita dolencias y enfermedades --- GRIS Estabilidad Inspira la creatividad

Simboliza el éxito ---

AMARILLO Inteligencia, alentador, tibieza, precaución, innovación

Ayuda a la estimulación mental Aclara una mente confusa

Produce agotamiento Genera demasiada actividad mental

ORO Fortaleza Fortalece el cuerpo y el espíritu Demasiado fuerte para muchas personas

NARANJA Energía Tiene un agradable efecto de tibieza Aumenta la inmunidad y la potencia

Aumenta la ansiedad

ROJO Energía, vitalidad, poder, fuerza, apasionamiento, valor, agresividad, impulsivo

Usado para intensificar el metabolismo del cuerpo con efervescencia y apasionamiento Ayuda a superar la depresión

Ansiedad de aumentos, agitación, tensión

PÚRPURA Serenidad Útil para problemas mentales y nerviosos Pensamientos negativos AZUL Verdad, serenidad, armonía,

fidelidad, sinceridad, responsabilidad

Tranquiliza la mente Disipa temores

Depresión, aflicción, pesadumbre

AÑIL Verdad Ayuda a despejar el camino a la conciencia del yo espiritual

Dolor de cabeza

VERDE Ecuanimidad inexperta, acaudalado, celos, moderado, equilibrado, tradicional

Útil para el agotamiento nervioso Equilibra emociones Revitaliza el espíritu Estimula a sentir compasión

Crea energía negativa

NEGRO Silencio, elegancia, poder Paz. Silencio Distante, intimidatorio

USO DEL COLOR EN WEB: Propiedades

Fuente: http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol01008-2

51

USO DEL COLOR EN WEB: Sensaciones Sensación Colores Muestras Calidez, tibieza Colores tibios asociados al fuego: Marrón, Rojo, Naranja, Amarillo

Fascinación, emoción El amarillo dorado deja una sensación perdurable, brillante, fuerte.

Sorpresa El granate, sorprende por poco usado. Feminidad La variedad de tonos alrededor del rosa y lavanda

Dramatismo Verde oscuro, poderoso.

Naturalidad Sutiles tonos de gris y verde

52

Sensación Colores Muestras Masculinidad Marrones, piel curtida y azules

Juvenil Colores saturados, brillantes, extremos, con el máximo contraste

Serenidad Sombras frescas, del violeta al verde

Frescura Tonos neutros de azul violeta y gris

Fuente: http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol01008-2

53

Formada por los 216 colores del tipo #aabbcc, donde a, b y c deben ser 0,3,6,9,C o F,

Paleta de Colores Segura

54

COLOR SCHEME DESIGNER

55

COLORATE