Teoría del Color

TEORÍA DEL COLOR
¿De qué Color percibes el mundo?
Centro Ingeniería de Software y Sistemas ISYS
1
Última Actualización noviembre 2012
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
COLORES PIGMENTOS
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.
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
20
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
CONTRASTE COMPLEMENTARIO
26
CONTRASTE COMPLEMENTARIO
27
CONTRASTE COMPLEMENTARIO
28
CONSTRASTE SIMULTÁNEO
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).
29
CONSTRASTE SIMULTÁNEO
30
CONSTRASTE SIMULTÁNEO
31
CONSTRASTE SIMULTÁNEO
32
CONSTRASTE SIMULTÁNEO
33
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 SATURACIÓN
37
CONTRASTE POR SATURACIÓN
38
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
BLANCO
LAVANDA
PLATA
GRIS
Significado
Pureza, inocencia, optimismo
Equilibrio
Paz, tenacidad
Estabilidad
AMARILLO
Inteligencia, alentador, tibieza,
precaución, innovación
Su uso aporta
Purifica la mente a los más altos niveles
Ayuda a la curación espiritual
Quita dolencias y enfermedades
Inspira la creatividad
Simboliza el éxito
Ayuda a la estimulación mental
Aclara una mente confusa
ORO
Fortaleza
Fortalece el cuerpo y el espíritu
NARANJA
Energía
ROJO
PÚRPURA
AZUL
AÑIL
VERDE
NEGRO
Tiene un agradable efecto de tibieza
Aumenta la inmunidad y la potencia
Energía, vitalidad, poder, fuerza, Usado para intensificar el metabolismo del cuerpo
apasionamiento, valor,
con efervescencia y apasionamiento
agresividad, impulsivo
Ayuda a superar la depresión
Serenidad
Útil para problemas mentales y nerviosos
Verdad, serenidad, armonía,
Tranquiliza la mente
fidelidad, sinceridad,
Disipa temores
responsabilidad
Verdad
Ayuda a despejar el camino a la conciencia del yo
espiritual
Ecuanimidad inexperta,
Útil para el agotamiento nervioso
acaudalado, celos, moderado,
Equilibra emociones
equilibrado, tradicional
Revitaliza el espíritu
Estimula a sentir compasión
Silencio, elegancia, poder
Paz. Silencio
El exceso produce
--Cansado y desorientado
----Produce agotamiento
Genera demasiada actividad
mental
Demasiado fuerte para
muchas personas
Aumenta la ansiedad
Ansiedad de aumentos,
agitación, tensión
Pensamientos negativos
Depresión, aflicción,
pesadumbre
Dolor de cabeza
Crea energía negativa
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
Calidez, tibieza
Colores
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
Muestras
51
Sensación
Masculinidad
Colores
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
Muestras
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