Teora del Color para Diseadores:

Significado del Color

ESCRITO POR FIORI SANTA MARIA MAYO 13, 2014

En el diseo, el color es muy subjetivo. Lo que produce una

reaccin en una persona puede provocar una muy distinta en
otra. A veces esto se debe a las preferencias personales, otras
debido a factores culturales. La teora del color es una
ciencia en s misma. Estudiar cmo afectan los colores a las
personas, de manera individual o en grupo, es algo a lo que
muchas personas dedican una vida de estudios. Y hay mucho
por estudiar. A veces cambiando el matiz o la saturacin de
un color podemos causar una sensacin completamente
distinta. Las diferencias culturales significan que un color
considerado feliz en un pas, puede ser considerado
deprimente en otro.

Este es el primero de dos artculos sobre la teora del color.

Aqu veremos los significados detrs de las familias de colores
y daremos algunos ejemplos sobre cmo esos colores son

usados (con un poco de anlisis de cada un). En la siguiente

entrega hablaremos de cmo el matiz, tono, saturacion y
sombras afectan la forma en la que percibimos los colores.

Colores Clidos

Los colores clidos incluyen al rojo, naranja, amarillo y las

variaciones de estos tres colores. Son los colores del fuego, de
las hojas caidas, de los amaneceres y atardeceres, por lo
general son energizantes, apasionados y positivos.
El rojo y amarillo son colores primarios, con naranja entre
estos dos, significa que los colores clidos son realmente
clidos y no se obtienen combinando un color clido con un
color frio. Usa colores clidos en tus diseos para reflejar
pasin, felicidad, entusiasmo y energa.

ROJO (COLOR PRIMARIO)

El rojo es un color muy caliente, se le asocia con el fuego,

violencia y la guerra. Tambin se le relaciona con el amor y la
pasin. En la historia ha sido asociado con el diablo tanto
como con cupido. El color rojo tambin esta asociado con

cambios fsicos reales en las personas, aumentando la presin

arterial y el ritmo de la respiracin. Se cree que tambin
mejora el metabolismo humano.
Se le puede relacionar con la furia, pero tambin con la
importancia (piensa en la alfombra roja de un evento). El rojo
tambin indica peligro (por eso las seales de pare y los
semforos lo usan, y muchos carteles de advertencia
tambin) .
Fuera del mundo occidental, el color rojo tiene asociaciones
distintas. Por ejemplo, en China, el rojo es el color de la
prosperidad y felicidad. Puede usarse tambin para atraer la
buena suerte. El rojo es tambin el color del comunismo. En
otras culturas orientales, el rojo es utilizado por las novias en
matrimonios. En Sudfrca, sin embargo, el rojo es el color del
luto. En el frica, el color rojo ha sido asociado con la
prevencin del SIDA debido a la popularidad de la
campaa [RED].
En diseo, el rojo es un poderoso color de acento. Puede tener
un efecto abrumador si se utiliza demasiado en diseos, en
especial en su forma ms pura. Es un gran color cuando la
pasin o el poder quieren ser expresados en el diseo. El rojo
es muy verstil, los tonos claros son ms energticos, mientra
que los oscuros son ms poderosos y elegantes.

Ejemplos

Los tonos rojos oscuros en este diseo le dan una sensacin

poderosa y elegante al sitio.

Los acentos rojos contra el fondo negro le dan una sensacin

potente y de gama alta al sitio.

Los acentos en rojo brillante le dan al diseo del sitio energa

y movimiento.

El rojo oscuro en este sitio, combinado con elementos

grunge,se asemeja al color de la sangre.

Rojo oscuro, combinado con blanco y gris, da una impresin

muy elegante y profesional.

NARANJA (COLOR SECUNDARIO)

El naranja es un color vibrante y energtico. En sus formas

apagadas, puede asociarse con la tierra y el otoo. Debido a
su asociacin con el cambio de las estaciones, el naranja
puede representar cambio y movimiento en general.
Tambin se le puede relacionar con salud y vitalidad, gracias a
la fruta que lleva su nombre. En diseos, el naranja llama la
atencin sin ser tan abrumador como el rojo. Es tambin
considerado ms amigable y atractivo.

Ejemplos

El recuadro naranja brillante jala la atencin a sus contenidos,

incluso con otros elementos rojo brillante alrededor.

El naranja es usado aqu en su aplicacin ms obvia, para

representar fuego.

El naranja oscuro, contra el verde limn, acta como color

neutral relacionado a la tierra.

El naranja es utilizado aqu para dar una impresin amigable y

atractiva.

Los acentos naranjas agregan mucho inters visual y llaman a

la accin.

AMARILLO (COLOR PRIMARIO)

Se suele considerar al amarillo como el color clido ms

brillante y energtico. Se le asocia con la felicidad y el sol. Sin
embargo tambin se le puede relacionar con el engao y
cobarda (en algunos lugares, decirle amarillo a alguien
significa llamarle cobarde).
El amarillo se asocia tambin con la esperanza, esto se ve en
algunos pases donde las personas usan cintas amarillas
cuando tienen seres queridos en la guerra. El amarillo
tambin se relaciona con el peligro moderado, no tanto como
el rojo.

En otros pases, el amarillo tiene connotaciones

completamente distintas. En Egipto, por ejemplo, el amarillo
es el color de luto. En Japn representa coraje y en la India es
el color de los comerciantes.
En diseo grfico, el amarillo brillante puede crear una
sensacin de felicidad y entusiasmo. Amarillos ms suaves
son usados como un color sin gnero para bebs (en vez de
rosado o celeste) y nios pequeos. Amarillos claros dan una
sensacin de felicidad ms tranquila que la de los brillantes.
Amarillos oscuros y dorados pueden lucir antiguos y pueden
ser usados en diseos web donde se busca la permanencia.

Ejemplos

La cabecera amarilla y los grficos en el resto del sitio le dan

una sensacin de energa y positividad.

El amarillo claro es usado como color neutral en esta

cabecera, combinado con las ilustraciones a mano, le dan al
sitio una impresin bastante entusiasta.

Los acentos amarillo brillante dirigen la atencin a la parte

ms importante de este sitio.

El girasol amarillo recuerda a los visitanttes del verano,

combinado con un fondo amarillo-antiguo, da una sensacin
hogarea.

El amarillo brillante aqu le agrega un poco de energa al

diseo.

Colores Fros

Los colores fros incluyen al verde, azul y morado, son a

menudo ms tenues que los colores clidos. Son los colores
de la noche, el agua, la naturaleza y suelen ser relajantes,
apacibles y algo reservados.
El azul es el nico color primario en el espectro fro, eso
significa que los otros colores se obtienen de la mezcla de
azul con un color clido (amarillo para el verde, rojo para el
morado). Los verdes toman algunos atributos del amarillo y el
morado toma algunos del rojo. Usa colores fros en tus
diseos para dar una sensacin de calma o profesionalismo.

VERDE (COLOR SECUNDARIO)

El verde es un color muy terrestre. Puede representar nuevos

comienzos y desarrollo, tambin simboliza renovacin y
abundancia. Por otro lado, el color verde puede representar
envidia o celos, adems de falta de experiencia.
El color verde tiene muchos de los atributos calmantes que
tiene el azul pero adems incorpora algo de la energa del
amarillo. En el diseo web, el verde tiene un efecto
armonizador o de balance, es muy estable. Es apropiado para
diseos relacionados con fortuna, estabilidad, renovacin y
naturaleza. Verdes brillantes son ms energticos, mientras

que los verdes olivo son mas representativos del mundo

natural. Verdes oscuros son los ms estables y representan
afluencia.

Ejemplos

Los verdes apagados de este sitio le dan una sensacin

bastante natural.

La cabecera verde brillante de este sitio mezclada con la hoja

le da un sensacin natural y vibrante.

El tono olivo del verde de este sitio le da una sensacin a

naturaleza bastante apropiada para el contenido del sitio.

Los verdes brillantes de aspecto retro en este sitio le dan un

aspecto fresco y energizante.

Otro sitio verde olivo con una sensacin muy natural

AZUL (COLOR PRIMARIO)

El azul es un color asociado con la tristeza por los pases de

habla inglesa. Se le usa extensivamente para representar
calma y responsabilidad. Azules claros pueden ser
refrescantes y amistosos, los oscuros son ms fuertes y
seguros. El azul tambin es asociado con la paz y tiene
connotaciones religiosas en muchas culturas y tradiciones
(por ejemplo, la Virgen Mara es representada usando ropa
azul).
El significado del azul es afectado directamente del tono y
matiz. En el diseo grfico, el tono azul de exacto que uses
tendr un gran impacto en cmo tus diseos son percibidos.
Azules claros son relajados, los brillantes refrescantes. Los

ms oscuros son excelentes para sitios corporativos o diseos

donde la fuerza y confianza son importantes.

Ejemplos

El azul oscuro da una sensacin de confianza, mientras los

toques de azul claro y brillante rompen con la monotona.

El azul oscuro le da a este sitio un aspecto profesional, en

especial combinado con el fondo blaco, pero las palabras en
azul claro lo hacen interesante.

El celeste brillante de este sitio le da un toque joven y

moderno, que es enfatizado con los acentos rojizos.

Este sitio combina una gran gama de azules, que nos deja con
una sensacin generalizada de frescura.

El azul claro y apagado de este sitio da una impresin de

calma y relajo.

MORADO (COLOR SECUNDARIO)

El morado ha sido largamente asociado a la realeza. Es una

combinacin de rojo y azul, toma atributos de ambos. Esa
asociado con la creatividad e imaginacin tambin.
En Tailandia, es el el color de luto de las viudas. Morados
oscuros son asociados tradicionalmente con fortuna y
nobleza, mientras que los ms ligeros (como lavanda) son
considerados romnticos.
En el diseo, morados oscuros dan una sensacin de lujo, los
claros son ms suaves y se les relaciona con primavera y
romance.

El tono usado aqu evoca la herencia real del morado, que es

apropiada para la marca de lujo Asprey.

Los morados medios y ligeros aqu funcionan bien para

brindar una sensacin de creatividad.

Los morados rojizos de este sitio le dan una apariencia rica y

energtica.

El fondo morado del sitio le brinda un aura de creatividad a

todo el sitio.

Los acentos morado oscuro en este sitio refuerzan la idea de

lujo y refinamiento.

Colores Neutros

Los colores neutros suelen servir de fondos en diseo web.

Son combinados frecuentemente con colores mas claros de
acento, pero pueden ser usados solos y crear diseos muy
sofisticados. Los significados e impresiones de los colores
neutros estn ms determinados por los colores que los
rodean que en el caso de los colores clidos y fros.

NEGRO

Es el ms fuerte de los colores neutros. Es comnmente

asociado al poder, elegancia y formalidad. Sin embargo
tambin se le relaciona a la maldad, muerte y misterio. Es el
color de luto tradicional en occidente. Algunas culturas lo
asocian a la rebelda y a lo oculto.
El negro es usado frecuentemente en diseos vanguardistas,
a la par que en diseos muy elegantes. Puede ser
conservador o moderno, tradicional o no convencional,
dependiendo de con qu colores se le combina. En el diseo
web el negro suele ser usado para las tipografas y otras
partes funcionales debido a su neutralidad. El negro puede
lograr fcilmente una sensacin de sofisticacin y misterio en
un diseo.

Ejemplos

Los detalles en negro, mezclado con los colores ms brillantes

y un fondo de color marrn muy oscuro aaden un aspecto
ms afilado al diseo general.

El negro mezclado con azules glaciares se ve ms fro.

El negro aqu, mezclad con grises oscuros y verde limn, y un

tema grunge en general, suma a lo afilado del diseo.

Los acentos negros aqu agregan una capa extra de

sofisticacin y modernidad.

Los fuertes acentos negros en este sitio refuerzan la

sofisticacin.

BLANCO

El blanco es el opuesto del negro en el espectro y, como su

opuesto, puede funcionar bien con cualquier otro color. Se le
asocia con la pureza, limpieza y virtud, en occidente el blanco
es el color preferido de las novias en sus bodas. Tambin se le
asocia con la industria mdica, especialmente con doctores,
enfermeras y dentistas. El blanco tambin se relaciona con la
bondad y los ngeles suelen ser representados de blanco.
En el diseo, el blanco es considerado un fondo neutral que
permite a los otros colores tener mayor participacin. Puede
ayudar al diseo a mantener limpieza y simplicidad, por eso
es popular en diseos minimalistas. Puede ser usado tanto

para retratar invierno o verano, dependiendo de los otros

colores que le rodeen.

Ejemplos

El blanco en la web de Fuelhaus es usado para contrastar con

el azul elctrico.

Fondos blancos son muy populares en sitios minimalistas,

proveen gran contraste con tipografas negras.

Aqu el blanco es usado como color de acento, que aligera el

efecto general del sitio.

Blanco combinado con gris da una sensacin limpia y suave a

su diseo.

Otra vez, usar blanco de fondo suaviza el diseo.

Gris

El gris es un color neutro, generalmente considerado en el

extremo fro del espectro de color. A veces puede ser
considerado deprimente y malhumorado. Grises ligeros se
pueden utilizar en lugar de blanco en algunos diseos, y
grises oscuros pueden ser utilizados en lugar de negro.
El color gris es generalmente conservador y formal, pero
tambin puede ser moderno. A veces se le considera un color
de luto. Se utiliza comnmente en diseos corporativos,
donde la formalidad y profesionalidad son clave. Puede ser un
color muy sofisticado. Grises puros son tonos de negro,
aunque otros grises pueden tener tonalidades azules o
marrones. En diseo, los fondos grises son muy comunes,
como la tipografa gris.

Ejemplos

Gris claro le da un aspecto rebajado y tranquilo a este diseo

El fondo gris claro en este sitio refuerza el aspecto moderno

creado por la tipografa.

El gris ms fro en este sitio le da un toque moderno y

sofisticado.

El fondo gris oscuro y la tipografa clara dan un aspecto

decididamente moderno a este diseo.

El amplio espectro de tonos de gris utilizados en este diseo

se combinan para dar un aspecto sofisticado y profesional
para el sitio.

MARRN

El marrn se asocia con la tierra, la madera y la piedra. Es un

color totalmente natural y clido neutral. El marrn se puede
asociar a la fiabilidad, firmeza, y con terrenalidad. Tambin se
le puede considerar opaco.
Tambin se ve en las texturas de madera y algunas veces en
las texturas de piedra. Ayuda a traer una sensacin de calidez
y la entereza a los diseos. Se utiliza a veces en sus formas
ms oscuras como un reemplazo para el negro, ya sea en
fondos o tipografa.

Ejemplos

El marrn grisceo brinda una sensacin de responsabilidad y

confianza.

El marrn-anaranjado le da un toque terrestre al sitio.

El marrn oscuro usado en el fondo de esta pgina le da un

aspecto firme, y los colores brillantes permiten que el diseo
general resalte.

La textura de madera es un uso muy popular del color marrn

y, en este caso, el marrn claro vuelve amigable un sitio que
de otra manera sera minimalista.

El fondo marrn/gris le da una sensacin de estabilidad y

naturaleza.

BEIGE

El beige es nico en el espectro de color, ya que puede tomar

tonos fros o calientes dependiendo de los colores que lo
rodean. Tiene la calidez de color marrn y la frescura del
blanco, y, como el marrn, es a veces visto como aburrido. Es
un color conservador en la mayora de los casos, y se reserva
normalmente para los fondos. Tambin puede simbolizar la
piedad.
Beige en diseo web se utiliza generalmente en los fondos, y
se le ve comnmente en fondos con textura de papel. Tomar
las caractersticas de los colores a su alrededor, lo que

significa que tiene poco efecto en s mismo en la impresin

final de un diseo da cuando se utiliza con otros colores.

Ejemplos

El beige claro aqu se siente joven debido a los colores

brillantes alrededor.

El fondo beige claro aqu le agrega un toque conservador y

elegante.

El beige amarillento aqu se vuelve aun ms clido debido a

los tonos naranjas y marrones alrededor.

Es comn el uso del beige en texturas de bolsas de papel, y

en un tono grisceo toma la textura de una piedra.

La cabecera beige y los dems acentos le dan a este sitio un

toque refinado y tradicional.

CREMA Y MARFIL

Marfil y crema son colores sofisticados, con algo de la calidez

del marrn y una mucha frescura del blanco. Son
generalmente tranquilos, y con frecuencia pueden evocar un
sentido histrico. Marfil es un color tranquilo, con algo pureza
asociada con el blanco, aunque un poco ms caliente.
En el diseo, marfil puede echar una sensacin de elegancia y
tranquilidad a un sitio. Cuando se combina con colores tierra
como el melocotn o marrn, puede tomar una cualidad
terrosa. Tambin se puede utilizar para aligerar los colores
ms oscuros, sin el marcado contraste de utilizar blanco.

Ejemplos

El fondo marfil tiene un toque clido que es balanceado por

los colores fros en el resto de la pgina.

El fondo crema/gris de este sitio se vuelve ms clido por los

acentos naranjas y marrones.

El fondo crema agrega una sensacin de elegancia discreta.

El fondo crema aqu refuerza el tema antiguo que predomina

en el diseo de esta web.

El marfil combinado con otros colores claros y tonos de

joyas que hacen que este sitio tenga una apariencia muy
elegante.

En resumen
Si bien la informacin contenida aqu puede parecer un poco
abrumadora, la teora del color se trata de la sensacin de un
tono particular, evoca que ms cualquier otra cosa. Pero aqu
una gua de referencia rpida para los significados comunes
de los colores mencionados anteriormente:
Rojo: pasin, amor, Ira
Naranja: energa, felicidad, vitalidad
Amarillo: felicidad, esperanza, engao
Verde: Nuevos comienzos, abundancia, naturaleza
Azul: calma, responsabilidad, tristeza
Prpura: Creatividad, Realeza, Riqueza
Negro: Misterio, Elegancia, maldad
Gray: Mal humor, conservadurismo, Formalidad
Blanco: Pureza, Limpieza, Virtud
Marrn: Naturaleza, saludable, Fiabilidad
Beige: Conservador, Piedad, opacidad
Crema o marfil: calma, elegancia, Pureza