COL

OR
Enrique Luna

Resolucin y Modos de Color

Resolucin y Modos de Color

RGB son las siglas en ingls de Rojo,

Verde y Azul (Red, Green y Blue). Es
el modo de color ms usado para
imgenes que se mostrarn en una
pantalla.
Las cmaras digitales lo usan, tu
telfono mvil tambin y en general
cualquier dispositivo digital que
muestra imgenes a travs de una
pantalla.

Resolucin y Modos de Color

Es un modelo de color basado en la

sntesis aditiva, con el que es
posible representar un color
mediante la mezcla por adicin de
los tres colores luz primarios.
Los espacios de color pueden variar
de pantalla a pantalla
considerablemente.
Cuando estas tres luces se mezclan
en intensidades iguales, obtenemos
el blanco.

Resolucin y Modos de Color

CMYK son las iniciales en ingls de

Cian, Magenta, Amarillo y Negro
(Cyan, Magenta, Yellow y Key
(black)). Este modo se usa
principalmente para trabajos de
impresin comercial como
Anuncios, revistas, libros, carteles,
etc.
El modo CMYK est basado en una
Sntesis sustractiva del color. De
este modo, la mezcla de colores no

Resolucin y Modos de Color

Por lo tanto el Modo de Color que

utilizaremos para nuestros
desarrollos web ser el RGB.
Adems del modo de color se deber
considerar la Resolucin en la que se
trabaja de manera digital.
La Resolucin que utilizarn para el
manejo de las imgenes es de 72
dpis (puntos por pulgada).

Resolucin y Modos de Color

Las resoluciones dependern de la

salida o fin que tenga nuestro
trabajo, as se trabaja en
resoluciones ms bajas cuando se
imprime en Gran Formato como lo es
un Espectacular, tambin puede ser
la resolucin mayor como 300 dpi
que se utiliza en una impresin.
Pero para desarrollos web no se
usan ms de 72 dpi.

Resolucin y Modos de Color

Si utilizas una imagen en web sin

optimizar y sta tiene una resolucin
mayor de 72dpi no se ver mejor en
el monitor, lo nico que ests
haciendo es ocupar espacio en el
disco innecesariamente, esto es
porque automticamente el sistema
lo reinterpreta y slo muestra la
resolucin permitida.

Resolucin y Modos de Color

72 dpi
RGB
27.9 kb

300 dpi
RGB
826 kb

Combinaciones de Color

Combinaciones de color

El color es un atributo que

percibimos de los objetos cuando hay
luz. La luz es constituida por ondas
electromagnticas que se propagan a
unos 300,000 kilmetros por
segundo. Esto significa que nuestros
ojos reaccionan a la incidencia de la
energa y no a la materia en s.

Combinaciones de color

PROPIEDADES DEL COLOR:

TONO
SATURACIN
BRILLO
LUMINOSIDAD

Tono (hue), matiz o croma: es el

atributo que diferencia el color y por
el cual designamos los colores:
verde, violeta, anaranjado, etc.

Combinaciones de color

Saturacin (saturation): es la
intensidad cromtica o pureza de un
color Valor (value) es la claridad u
oscuridad de un color, est
determinado por la cantidad de luz
que un color tiene.
Brillo (brightness): es la cantidad
de luz emitida por una fuente
lumnica o reflejada por una
superficie.

Combinaciones de color

Luminosidad (lightness): es la
cantidad de luz reflejada por una
superficie en comparacin con la
reflejada por una superficie blanca
en iguales condiciones de
iluminacin.

Combinaciones de color

ESTRUCTURA BSICA DE UNA

COMPOSICIN
Color Primario: es el tono bsico de
la pgina, el que la define, y el que
ocupa la gran mayora de la misma.
Sera el color del atributo
"background" de la pgina.
Color Secundario: es el segundo
tono predominante en la pgina,
aunque en mucha menor medida que
el primario. Normalmente debe

Combinaciones de color

Color Destacado: es el color que se

utiliza para resaltar aspectos
concretos de la pgina. Por definicin
debe contrastar mucho con los
colores primario y secundario y por
tanto, debe utilizarse con
moderacin. Puede utilizarse el
Complementario o el
Complementario Adyacente del color
primario de la pgina.

Combinaciones de color

Tipos de Combinaciones de Color.

Colores Anlogos: Para un
determinado color, sus colores
anlogos son aquellos que se
encuentran a ambos lados del mismo
en el crculo de color.
Es una combinacin Pasiva.
Se utiliza para armonizar colores
corporativos en dispositivos digitales.

Combinaciones de color

Colores
Anlogos

Combinaciones de color

Colores Complementarios:
Se encuentran opuestos en el crculo
de color.
Usados juntos producen un gran
contraste destacando mucho uno
sobre el otro. Su efecto puede ser
llamativo y hasta agresivo.
Se deber tener cuidado en su uso
para evitar estridencias cuando se
usa
con
la
tipografa.

Combinaciones de color

Colores
Complementarios

Combinaciones de color

Colores Monocromticos:
Se encuentran aislados, sin presencia de
otros colores.
Usados producen sensacin de unidad,
homogeneidad y robustez. Se puede
evitar la monotona utilizndolos con
diferente luminosidad (ms claros y ms
oscuros).
Pueden
utilizarse
para
hacer
una
composicin que d idea de crecimiento o
disminucin.
Si la variacin de luminosidad es mnima

Combinaciones de color

Colores
Monocromticos

Combinaciones de color

Colores Complementarios
Adyacentes: Para un color, sus
complementarios adyacentes son los
colores anlogos de su color
complementario.
Los que se encuentran a la izquierda
y a la derecha del complementario.
Existe una mayor armona en estos
que utilizando el complementario

Combinaciones de color

Colores Complementarios
Adyacentes

Combinaciones de color

Triada de Colores: Tres colores

constituyen una Trada cuando sus
tonos son equidistantes en el Crculo
Estndar de Color.
Si el conjunto resulta demasiado
colorido, se pueden disminuir su
luminosidad o su saturacin (o
ambas).

Combinaciones de color

Triada de
Colores

Combinaciones de color

Esquema Acromtico Monotono:

Un esquema de color acromtico
monotono es un caso particular del
esquema de color monotono
constituido slo por colores neutros
dentro de la gama del negro al
blanco.
Aunque su uso puede ser aburrido,
se puede realizar un concepto de
elegancia y prestigio, si se combina
con colores vivos como el rojo,

Combinaciones de color

Esquema acromtico
monotono

Combinaciones de color

TIPOS DE CONTRASTE.
Contraste de Tono: Es lo que se
conoce como colores
complementarios. Cuanta mayor es
la distancia entre dos colores dentro
del crculo, mayor es el contraste
entre ambos.
En una pgina web ser ms
conveniente utilizar colores fros para
marcos, tapices o elementos y
colores clidos para mens, iconos o

Combinaciones de color

Combinaciones de color

Contraste de Luminosidad:
Permite crear grandes contrastes con
el mismo tono de color slo mediante
el brillo de luz.
En general este tipo de contraste,
an siendo grande, es agradable al
ojo humano.

Combinaciones de color

Combinaciones de color

Contraste de Saturacin: El
contraste de saturacin con
frecuencia es el ms adecuado para
resaltar aspectos de la pgina web
de una forma moderada, poco
estridente.
Un efecto interesante se obtiene
utilizando reas con diferentes
saturaciones con un fondo gris

Combinaciones de color

Combinaciones de color

Contraste Simultneo: Es un
efecto creado por nuestro sistema
visual que, dado un color
predominante, tiende a requerir su
color complementario.
Este efecto puede obtenerse
combinando dos colores brillantes
pero que no sean complementarios o
simplemente, utilizando un color
brillante sobre un fondo neutro (un
color de la gama de los grises).

Combinaciones de color

Psicologa del Color

ROJO

Simboliza sangre, fuego, calor,

revolucin, alegra, accin, pasin,
fuerza, disputa, desconfianza,
destruccin e impulso, as mismo
crueldad y rabia. Es el color de los
maniticos y de Marte, y tambin el
de los generales y los emperadores
romanos y evoca la guerra, el diablo
y el mal.
Mezclado con blanco es frivolidad,
inocencia, y alegra juvenil, y en su
mezcla con el negro estimula la

AMARILLO

Es el color mas intelectual y puede

ser asociado con una gran
inteligencia o con una gran
deficiencia mental.
Este primario significa envidia, ira,
cobarda, y los bajos impulsos, y con
el rojo y el naranja constituye los
colores de la emocin. Tambin
evoca satanismo (es el color del
azufre) y traicin. Es el color de la
luz, el sol, la accin , el poder y
simboliza arrogancia, oro, fuerza,

ANARANJADO

Simboliza entusiasmo y exaltacin y

cuando es muy encendido o rojizo,
ardor y pasin. Utilizado en pequeas
extensiones o con acento, es un color
til, pero en grandes reas es
demasiado atrevido y puede crear
una impresin impulsiva que puede
ser agresiva. Posee una fuerza
activa, radiante y expresiva, de
carcter estimulante y cualidad
dinmica positiva y energtica.
Mezclado con el negro sugiere

AZUL

Simboliza, la profundidad inmaterial

y del fro.
Es el color del infinito, de los sueos
y de lo maravilloso, y simboliza la
sabidura, amistad, fidelidad,
serenidad, sosiego, verdad eterna e
inmortalidad. Tambin significa
descanso.
Mezclado con blanco es pureza, fe, y
cielo, y mezclado con negro,
desesperacin, fanatismo e
intolerancia. No fatiga los ojos en

VIOLETA

Es el color de la templanza, la lucidez

y la reflexin. Transmite profundidad
y experiencia. Tiene que ver con lo
emocional y lo espiritual. Es mstico,
melanclico y se podra decir que
tambin representa la introversin.
En su variacin al prpura, es
realeza, dignidad, suntuosidad.
Mezclado con negro es deslealtad,
desesperacin y miseria. Mezclado
con blanco: muerte, rigidez y dolor.

VERDE

Es un color de extremo equilibrio,

porque est compuesto por colores
de la emocin (amarillo = clido) y
del juicio (azul = fro) y por su
situacin transicional en el espectro.
Significa realidad, esperanza, razn,
lgica y juventud.
Sugiere humedad, frescura y
vegetacin, simboliza la naturaleza y
el crecimiento.

MARRN

Es un color masculino, severo,

confortable. Es evocador del
ambiente otoal y da la impresin de
gravedad y equilibrio.
Es el color realista, tal vez porque es
el color de la tierra que pisamos.

BLANCO

Smbolo de lo absoluto, de la unidad

y de la inocencia, significa paz o
rendicin. Mezclado con cualquier
color reduce su croma y cambia sus
potencias psquicas, la del blanco es
siempre positiva y afirmativa.
Los cuerpos blancos nos dan la idea
de pureza y modestia. El blanco crea
una impresin luminosa de vacio,
positivo infinito.

NEGRO

Smbolo del error, del mal, el misterio

y en ocasiones simboliza algo impuro
y maligno. Es la muerte, es la
ausencia del color. Tambin
transmite nobleza y elegancia.
No cansa la vista utilizndolo en
pantalla, crea un ambiente de fuerza,
dependiendo de los colores que lo
acompaen puede ser tanto negativo
como positivo.

GRIS

Es el centro de todo ya que se

encuentra entre la transicin entre el
blanco y el negro, y el producto de la
mezcla de ambos. Simboliza
neutralidad, indecisin y ausencia de
energa. Muchas veces tambin
expresa tristeza, duda y melancola.
El color gris es una fusin de alegras
y penas, del bien y del mal. Da la
impresin de frialdad metlica, pero
tambin sensacin de brillantez, lujo
y elegancia.

 http://www.patterncooler.com/
patrones
http://kuler.adobe.com colores
http://
www.colorschemedesigner.com
colores
http://www.thecoolhunter.net diseo
aplicado