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
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
55
COLORATE