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

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

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

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. 568. 3

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

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

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

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

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

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

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

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

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

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

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

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

CONTRASTE POR TONO O MATIZ 16

CONTRASTE POR TONO O MATIZ 17

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

CONTRASTE CLARO OSCURO 19

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

CONTRASTE FRÍO CÁLIDO 22

CONTRASTE FRÍO CÁLIDO 23

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

CONTRASTE COMPLEMENTARIO 25

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

CONSTRASTE SIMULTÁNEO 30

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

CONTRASTE POR SATURACIÓN 35

CONTRASTE POR SATURACIÓN http://www.websitedesigncorporation.com/puntos-clave-sitio-web.aspx 36

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

CONTRASTE POR EXTENSIÓN 40

CONTRASTE POR EXTENSIÓN 41

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

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

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

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

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

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

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

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

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: http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol01008-2 50

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

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 52

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

COLOR SCHEME DESIGNER 54

COLORATE 55