TEORÍA DEL COLOR. De qué Color percibes el mundo?

Transcripción

1 TEORÍA DEL COLOR De qué Color percibes el mundo? Centro Ingeniería de Software y Sistemas ISYS Última Actualización noviembre

2 AGENDA Definiciones Contrastes Percepción del color Psicología del color Color Digital Uso del Color en Web 2

3 COLOR ESPECTRAL 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

4 ESPECTRO VISIBLE 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. 4

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. 5

6 ESPECTRO VISIBLE Componentes de la retina: conos (cone) especialistas en color y bastones (rod) especialistas en formas en blanco y negro. 6

7 COLORES ESPECTRALES PRIMARIOS 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. 7

8 COLORES ESPECTRALES SECUNDARIOS 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. 8

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

10 SÍNTESIS ADITIVA 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. Ejemplo 10

11 SÍNTESIS SUSTRACTIVA 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. 11

12 CÍRCULOS CROMÁTICOS Del Espectro 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). De los Pigmentos Herramienta que permite representar los colores sólidos primarios, secundarios y complementarios. 12

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 13

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

15 CONTRASTE POR TONO O MATIZ Se obtiene de combinar colores puros 15

16 CONTRASTE POR TONO O MATIZ 16

17 CONTRASTE POR TONO O MATIZ 17

18 CONTRASTE CLARO OSCURO 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. 18

19 CONTRASTE CLARO OSCURO 19

20 20

21 CONTRASTE FRÍO CÁLIDO 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. 21

22 CONTRASTE FRÍO CÁLIDO 22

23 CONTRASTE FRÍO CÁLIDO 23

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

25 CONTRASTE COMPLEMENTARIO 25

26 CONTRASTE COMPLEMENTARIO 26

27 CONTRASTE COMPLEMENTARIO 27

28 CONTRASTE COMPLEMENTARIO 28

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 29

30 CONSTRASTE SIMULTÁNEO 30

31 CONSTRASTE SIMULTÁNEO 31

32 CONSTRASTE SIMULTÁNEO 32

33 CONSTRASTE SIMULTÁNEO 33

34 CONTRASTE POR SATURACIÓN 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. 34

35 CONTRASTE POR SATURACIÓN 35

36 CONTRASTE POR SATURACIÓN 36

37 CONTRASTE POR SATURACIÓN 37

38 CONTRASTE POR SATURACIÓN 38

39 CONTRASTE POR EXTENSIÓN 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. 39

40 CONTRASTE POR EXTENSIÓN 40

41 CONTRASTE POR EXTENSIÓN 41

42 PSICOLOGÍA DEL COLOR 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 42

43 PSICOLOGÍA DEL COLOR 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 43

44 PSICOLOGÍA DEL COLOR 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 44

45 PSICOLOGÍA DEL COLOR 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 45

46 COLOR DIGITAL 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: hace alusión a que el color de las imágenes están establecidas por el lenguaje binario en un computador. 46

47 COLOR DIGITAL 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 47

48 COLOR DIGITAL 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 48

49 COLOR DIGITAL 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 49

50 USO DEL COLOR EN WEB: Propiedades 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 ansiedad ROJO Energía, vitalidad, poder, fuerza, apasionamiento, valor, agresividad, impulsivo Aumenta la inmunidad y la potencia 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 VERDE Ecuanimidad inexperta, Útil para el agotamiento nervioso acaudalado, celos, moderado, Equilibra emociones equilibrado, tradicional Revitaliza el espíritu Dolor de cabeza Crea energía negativa Estimula a sentir compasión NEGRO Silencio, elegancia, poder Paz. Silencio Distante, intimidatorio Fuente: 50

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 Feminidad El granate, sorprende por poco usado. La variedad de tonos alrededor del rosa y lavanda Dramatismo Verde oscuro, poderoso. Naturalidad Sutiles tonos de gris y verde 51

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: 52

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

54 COLOR SCHEME DESIGNER 54

55 COLORATE 55