¿Qué es la teoría del color?

La teoría del color es una guía que estandariza todo lo que sabemos sobre el
color: definiciones, categorías, relaciones y efectos para su aplicación en las artes
visuales, diseño de interiores y diseño gráfico. 

En cualquier producto que requiera el uso del color deben aplicarse los

aspectos de la teoría del color. De hecho, un uso adecuado del color
incrementa el reconocimiento de marca 80%.
¿Para qué sirve la teoría del color?

Ningún color está al azar en un diseño. Cuanto más conozcas todo lo

que hay detrás de su elección, mejor entenderás la importancia de la
teoría del color. Es la que explica por qué ciertos matices, sombras y
tonos se llevan mejor y transmiten armonía, logrando resaltar un logotipo
o un gráfico que acompaña un texto.

Aun sin conocer las bases de la teoría del color, nos vemos influenciados
por la manera en que los diseñadores crean una pieza o ambientan un
espacio: tomamos decisiones gracias a los tonos y la forma en que
armonizan juntos. Y, si está todo bien hecho, obtendrá el efecto deseado
por sus creadores, ya sea para hacer más atractivo un artículo o atraer a
un cliente a un anuncio en especial.

Tipos de colores en la teoría del color

Este es el círculo cromático, que te ayudará a visualizar los elementos de
la teoría del color:
 Fuente: imagen propia
Colores primarios

Los colores primarios son aquellos que no puedes crear desde cero al
combinar dos o más colores. En eso se parecen mucho a los números
primos: no pueden formarse al multiplicar otros dos números juntos.
Existen tres colores primarios:

 Rojo

 Amarillo

 Azul

Piensa en los colores primarios como tus colores base: anclan tu diseño
a un esquema general. Uno solo o la combinación de varios de estos
colores puede darte una guía al explorar otros tonos y matices (de los
que hablaremos más adelante).

Cuando diseñas con colores primarios no te sientas restringido solo a los

tres mencionados arriba. El naranja no es un color primario, por ejemplo,
 pero ciertamente es usado por las marcas como su color dominante
(como bien sabemos en HubSpot).

Cuando sabes cuáles colores primarios crean el naranja puedes

identificar los colores que podrían llevarse bien con él, dependiendo del
matiz o tono correcto. Esto nos lleva a nuestro siguiente tipo de color.

Colores secundarios

Los colores secundarios son los que se forman al combinar dos de los
tres colores primarios listados arriba. Revisa el círculo cromático: ¿ves
cómo cada color secundario es compatible con dos de los tres colores
primarios?

Existen tres colores secundarios: naranja, púrpura y verde. Estas son las
reglas generales para crearlos:

 Rojo + Amarillo = Naranja

 Azul + Rojo = Púrpura

 Amarillo + Azul = Verde

Ten en mente que las mezclas de color ya mencionadas solo funcionan

si usas la forma más pura de cada color primario. Esta forma pura es
conocida como el tono del color, y verás cómo estos tonos se relacionan
con las variantes de cada color en el círculo cromático que viene
después.
Colores terciarios

Los colores terciarios surgen cuando mezclas un color primario con otro

secundario. 

Lo más importante de los colores terciarios es que no todos los colores

primarios coinciden con uno secundario para darle vida a un terciario. Por
ejemplo, el rojo no se mezcla armónicamente con el verde, y el azul no lo
hace tampoco con el naranja; ambas combinaciones resultarían en un
 color ligeramente marrón (a menos que, por supuesto, eso sea lo que
estás buscando).

En realidad, los colores terciarios surgen cuando un color primario se

mezcla con un secundario que le sigue en el orden del círculo cromático
que puedes ver abajo. Tenemos seis colores terciarios que cumplen este
requerimiento:

 Rojo + Púrpura = Magenta

 Rojo + Naranja = Bermellón

 Azul + Púrpura = Violeta

 Azul + Verde = Turquesa

 Amarillo + Naranja = Ámbar

 Amarillo + Verde = Cartujo

Tonos, tintes, matices y sombras en la teoría del

color
Para entender totalmente la teoría del color debes dominar el círculo
cromático, una gráfica circular que traza cada color primario, secundario
y terciario, al igual que sus respectivos tonos, tintes, matices y sombras.
Visualizar los colores de este modo te ayuda a elegir esquemas de color
al mostrarte la forma en que cada uno se relaciona con el que le sigue en
la escala de arcoíris. En orden, sus colores son rojo, naranja, amarillo,
verde, azul, índigo y violeta.

Fuente: imagen propia

Al elegir los colores para un esquema completo, el círculo cromático te

da oportunidades para crear colores más brillantes, claros, suaves y
oscuros al combinarlos con blanco, negro y gris. Estas mezclas
producen las variantes descritas abajo:
Tono

Tono es básicamente un sinónimo de lo que realmente queremos decir

con la palabra «color». Por ejemplo, todos los colores primarios y
secundarios son «tonos».

Es importante recordar los tonos al combinar dos colores primarios para

crear uno secundario. Si no usas los tonos de los dos colores primarios
que estás mezclando, no generarás el tono del color secundario. Esto es
porque un tono tiene la menor cantidad de otros colores dentro de él. Al
combinar dos primarios que llevan otros matices, tonalidades y sombras
en ellos, técnicamente estás agregando más de dos colores a la mezcla,
obligando que tu color final dependa de la compatibilidad de más de dos
colores.

Si te pusieras a combinar los tonos del rojo y el azul, por decirlo,

obtendrías un púrpura. Pero si mezclas un matiz de rojo con el tono del
azul, obtendrás un tinte ligeramente púrpura.

Sombra

Es posible que lo primero que te venga a la mente es el sitio debajo de

un árbol, en el que te refugias cuando hace mucho calor. Sin embargo,
una sombra es técnicamente el color que obtienes cuando añades negro
a cualquier matiz. Las diferentes «sombras» solo hacen referencia a la
cantidad de negro que agregas.

Matiz

Un matiz es lo opuesto a la sombra: obtienes un matiz distinto cuando

mezclas blanco con cualquier color. Así que un color puede tener
diferentes rangos de sombras y matices.

Tonalidad o saturación

También puedes añadir blanco y negro a un color para crear una

tonalidad. Tonalidad y saturación significan esencialmente lo mismo, pero
mucha gente usará saturación si habla de colores creados para
imágenes digitales. Tonalidad se usa más seguido en las pinturas.

Modelos para agregar y sustraer color

Si has jugado con el color en cualquier programa de computadora,
probablemente has visto un módulo llamado RGB o colores CMYK con
unos números junto a las letras. ¿Te has preguntado qué significan?

CMYK

CMYK son las iniciales para Cian, Magenta, Amarillo (yellow, en inglés) y
Key (black). Esos también son los colores que aparecen en los cartuchos
de tinta de tu impresora. No es coincidencia. CMYK es el modelo de
sustracción de color. Se llama así porque tienes que sustraer colores
para llegar al blanco. Eso quiere decir que lo opuesto es verdad: cuantos
más colores añades, más te acercas al negro.

Fuente: imagen propia

Imagina que imprimes un pedazo de papel. Cuando pusiste una hoja en

la impresora, típicamente eliges una de color blanco. Al añadir color,
estás bloqueando el paso de las ondas blancas. Entonces digamos que
vuelves a poner la misma hoja en la impresora e imprimes algo en ella de
nuevo. Notarás que las áreas que han sido impresas dos veces tienden a
colores más cercanos al negro.

Me parece que es más sencillo pensar en CMYK en términos de sus

números correspondientes. CMYK funciona en una escala de 0 a 100. Si
C=100, M=100, Y=100 y K=100, terminarás con un color negro. Pero si
los cuatros colores son iguales a 0, tendrás un blanco absoluto.

RGB

Los modelos de color RGB, por otro lado, están diseñados para
monitores electrónicos, computadoras incluidas.

RGB son las iniciales en inglés de Rojo, Verde y Azul, y se basa en el

modelo de adición de color de ondas de luz. Esto significa que cuanto
más color agregues, más cerca estarás al blanco. Para las
computadoras, RGB está creado si usas escalas que van del 0 al 255.
Entonces, negro sería R=0, G=0, B=0. Blanco sería R=255, G=255 y
B=255.

Fuente: imagen propia

Cuando creas un color en la computadora, tu modulador de color

muestra generalmente números RGB y CMYK. En la práctica, puedes
utilizar cualquier modelo para encontrar colores y el otro modelo se
ajustará en consecuencia.

Ten en mente que muchos programas web te darán solo los valores RGB
o un código HEX (el código asignado al color para CSS y HTML). Así
que, si estás diseñando imágenes digitales, RGB es probablemente tu
mejor apuesta para elegir colores.

Cómo elegir un esquema de color

Ahora que ya tienes el aprendizaje básico de la teoría del color, te
diremos cómo puedes crear diseños que perfeccionen tu marca y
resuenen con tu audiencia.

Seguro ya has notado que algunos colores lucen bien juntos y otros no.
La elección de color puede mejorar un diseño o lo puede derrumbar.
Cuando estás pensando cómo hacer un gráfico, es importante que
recuerdes que la percepción del color depende del contexto en el que lo
vemos.

1. Considera tu contexto de color

Contexto de color se refiere a la manera en que percibimos los colores

cuando contrastan con otros. Presta atención a estos pares de círculos:
 F
uente: imagen propia

El centro de cada círculo es del mismo tamaño, forma y color. Lo único

que cambia es el fondo. Aun así, los círculos del centro parecen más
suaves o más brillantes, dependiendo del color que contrasta detrás
suyo. Incluso habrás notado movimiento o cambios de profundidad solo
basándote en un cambio de color.

Esto sucede porque la forma en que usamos dos colores juntos cambia
la forma en que los percibimos. Así que cuando selecciones los colores
para tus diseños gráficos, piensa en cuánto contraste quieres en todo el
diseño.

Por ejemplo, si fueras a crear una gráfica de barras, ¿querrías un fondo

oscuro con barras oscuras? Probablemente no. Lo más seguro es que
buscarías hacer un contraste entre ambos elementos, ya que esperas
que tu público se concentre en las barras y no en el fondo.
Elegir colores con alto contraste, no obstante, no es tan difícil como
seleccionar colores que se vean realmente bien juntos. A veces es
cuando la elección del color se pone más difícil.

Por suerte, existen ciertas reglas lógicas para crear esquemas de colores
que funcionan juntos.

2. Usa el círculo cromático para identificar colores análogos

Los esquemas de color análogos se forman al emparejar un color

principal con los dos que están enseguida de él en el círculo cromático.
También puedes agregar dos colores adicionales (que encuentras a
continuación de los dos colores externos) si deseas usar un esquema de
cinco colores en lugar de solo tres.

Fuente: imagen propia

Las estructuras análogas no crean temas con colores de alto contraste,

así que típicamente se utilizan para crear un diseño más suave. Por
ejemplo, podrías usar una estructura análoga para crear un esquema de
colores otoñales o primaverales.

Puedes emplear este esquema para producir paletas de color más

cálidas (rojos, naranjas y amarillos) o más frías (púrpuras, azules y
 verdes), como la que está abajo. No existe ningún alto contraste entre
estos colores, pero ¿verdad que lucen bien juntos? Esta paleta es ideal
para diseñar una imagen en vez de una infografía o una gráfica de
barras, sobre todo si buscas que sus elementos se fusionen
delicadamente.

Fuente: imagen
propia
3. Consulta el círculo cromático para identificar colores complementarios

Tal vez ya lo descubriste, pero un esquema de color complementario se

basa en:

 el uso de dos colores que se encuentran directamente uno frente al otro en

el círculo cromático, y 

 los matices relevantes de esos colores.

El esquema de color complementario provee la mayor cantidad de

contraste de color. Precisamente por eso, debes tener cuidado en cómo
usas los colores complementarios en un esquema. Lo mejor es emplear
un color de forma predominante y utilizar otro para los acentos de tu
diseño.
 Fuente: imagen propia

El esquema de color complementario también es ideal para gráficas y

tablas. El alto contraste te ayuda a resaltar puntos importantes y aportes.

Sin embargo, si usaras estos colores en una infografía, probablemente

necesitarías un color mucho más claro para el fondo. ¿Puedes
imaginarte elegir uno de los naranja para el fondo, con azules para
acentos y textos? Seguro sería demasiado abrumador y difícil de leer.

Fuente: imagen
propia
4. Concéntrate en colores monocromáticos del mismo tono

Usar esquemas monocromáticos te permite crear un esquema de color

basado en diferentes sombras y matices de un solo tono. Aunque no
tiene contraste de color, luce limpio y pulido. También te da oportunidad
de cambiar fácilmente la oscuridad y luminosidad de tus colores.
 Fuente: imagen propia

Te recomendamos usar esquemas monocromáticos para tablas y

gráficas, pero únicamente cuando no sea necesario crear alto contraste.
Aun así, este tipo de esquemas no tiende a llamar la atención, así que si
buscas uno que sea brillante y que luzca, este no es tu mejor apuesta.

Mira todos los colores monocromáticos que caen bajo el tono rojo, un
color primario.

Fuente: imagen
propia
5. Usa un esquema de color triádico para crear alto contraste

Los esquemas de color triádicos ofrecen esquemas de alto contraste al

mismo tiempo que conservan la misma tonalidad. Surgen al seleccionar
tres colores equidistantes del círculo cromático.
 Fuente: imagen propia

Los esquemas de color triádicos son útiles para crear alto contraste entre
cada color en un diseño, pero también pueden parecer abrumadores si
todos pertenecen al mismo punto de una línea alrededor del círculo
cromático.

Para atenuar alguno de los colores en un esquema triádico, puedes

seleccionar un color dominante y usar el resto escasamente, o
simplemente atenuar los otros dos al elegir un matiz más suave.

Este esquema luce muy bien en gráficas de barra porque ofrece el

contraste que necesitas para hacer comparaciones.

Si usas este esquema de color para una infografía, por ejemplo, puedes
escoger un color para el fondo, como el amarillo o el verde claro, y un
color más oscuro y contrastante como el dominante. Entonces podrías
usar los otros tres colores como acentos en todo lo demás. Al cambiar la
intensidad de uno de los colores en el diseño, podrás resaltar los puntos
importantes.
 Fuente: imagen
propia
6. Crea un esquema de color complementario dividido

Un esquema de color complementario dividido incluye un color

dominante y los dos colores directamente adyacentes al complemento
del color dominante. Esto crea una paleta de color más matizada que un
esquema de color complementario, sin perder los beneficios de los
colores contrastantes.

Fuente: imagen propia

El esquema de color complementario dividido puede ser complicado de

balancear bien pues, a diferencia de los esquemas análogos o
monocromáticos, todos los colores usados añaden contraste (de manera
parecida al esquema complementario).
Puedes emplear el siguiente esquema de color complementario dividido
en una tabla o un gráfico porque te da contraste y los colores siguen
siendo visualmente atractivos. También puedes usarlo en una infografía.

El aspecto positivo y negativo del modelo de color complementario

dividido es que puedes usar dos colores cualquiera en el esquema y
obtener un gran contraste… que también significa que puede ser
complejo encontrar el balance adecuado entre los colores. Juega más
para encontrar la combinación ideal de contrastes.

Fuente: imagen
propia

No importa cuál esquema de color decidas: trata de tener en cuenta lo

que tu gráfico necesita. Si es contraste, entonces elige un esquema de
color que te lo dé. Por otro lado, si solo necesitas encontrar las mejores
versiones de ciertos colores, entonces juega un poco con el esquema
monocromático para descubrir las sombras y matices perfectos.

Con tan solo entender cómo se construye un esquema de color puedes

elegir el correcto. Si piensas «¿Cuál es el objetivo de este gráfico?»
podrás determinar qué tanto (o qué tan poco) contraste necesitas.

Recuerda: si construyes un esquema de color con cinco de ellos, eso no

significa que debes usarlos todos. En ocasiones, solo elegir dos colores
de un esquema es mucho mejor que abarrotar los cinco en un solo
gráfico.
 7. Piensa más allá de lo preestablecido, pero empieza con un solo color

Antes de enviarte a crear imágenes espectaculares, considera estos

consejos adicionales:

 No te quedes con lo preestablecido: casi cada programa que usarás te

sugerirá colores. Olvídate de eso y explora el color por tu cuenta. No permitas
que el programa decida cómo usarás los colores en tu diseño.
 Empieza con un color que te guste: cada vez que diseñes algo, inicia con
un color y construye el esquema a partir de ahí. Si lo intentas con más de uno, te
las verás más difícil para encontrar armonía entre tus colores.
 Guarda tus esquemas de color: si encuentras un color o esquema que te
guste, probablemente te será útil después. No te sugeriría que usaras el mismo
esquema de color para toda tabla o gráfica que hagas, pero siempre puedes usar
distintos esquemas en diferentes formas más adelante.
 Recuerda que la práctica hace al maestro: cuanto más juegues con el
color y practiques tus diseños, mejor lo harás. Nadie crea su obra maestra en la
primera oportunidad.
3 herramientas de color esenciales para
diseñadores
Ya tienes mucha teoría e información práctica para entender cuáles
colores combinan mejor y por qué. Pero cuando se trata de la tarea de
elegir colores mientras diseñas, siempre es una buena idea contar con
herramientas que en verdad te ayuden a hacer el trabajo rápida y
sencillamente.

Por suerte, hay una buena selección de herramientas que te ayudarán a

encontrar los colores para tus diseños.

Adobe Color

Una de las herramientas de color favoritas de los diseñadores es Adobe

Color (antes conocida como Adobe Kuler). Esta herramienta en línea es
gratuita y te permite construir esquemas de color rápidamente. Una vez
que ya elegiste los colores que deseas, puedes copiar y pegar los
códigos HEX o RGB en cualquier programa que estés usando.

También tiene cientos de esquemas de color prefabricados para que los

explores y utilices en tus propios diseños. Si eres un usuario de Adobe,
puedes guardar sin problemas tus temas en tu cuenta.

F
uente: imagen propia
Guía de color de Illustrator

Adobe Illustrator cuenta con su propia guía de color. Te permite elegir un

color y automáticamente generará una esquema de cinco colores para ti.
También te dará un rango de matices y sombras para cada color dentro
del esquema.

Si cambias tu color principal, la guía hará las modificaciones

correspondientes en ese esquema. Así que si has elegido un esquema
de color complementario cuyo color principal es el azul, una vez que lo
cambies a rojo, el color complementario también se modificará del
anaranjado al verde.

Al igual que Adobe Color, la guía de color tiene un número de modos

preestablecidos para tu elección.
Después de que hayas creado el esquema de color que deseas, puedes
guardarlo en el módulo «Temas de Color» para que lo apliques en tu
proyecto o en el futuro.

Guías de color de Office

Si no eres usuario de Adobe, probablemente has utilizado productos de

Microsoft Office, al menos una vez. Todos los productos Office tienen
colores predeterminados para que juegues y armes esquemas de color.
PowerPoint también tiene un número de esquemas de color
predeterminados que podrás usar para inspirarte para tus diseños.

El sitio en donde los esquemas de color están localizados en PowerPoint

dependerá de la versión a la que tengas acceso, pero una vez que
encuentres los temas de color en tu documento, podrás abrir las
preferencias y localizar los códigos RGB y HEX para los colores
aplicados. Copia y pega esos códigos en cualquier programa en el que
diseñes tu trabajo.

Teoría del color y su aplicación en diseño

web
1 enero, 2020 Diseño Web Palmira Ruiz 9 comentarios
Dicen que la primera impresión lo es todo. Cómo te ves y cómo te muestras
determinará cómo te perciben los demás. Lo mismo es aplicable al diseño web de
nuestro sitio. La impresión que generemos en nuestros usuarios dependerá de
muchos factores, y uno de los más importantes es el color.

El color genera sensaciones y emociones, incluso recuerdos. Por tanto es

importante conocer los fundamentos de la teoría del color y que si la conoces te
ayudará a transmitir el mensaje que deseas en tu sitio web o bien generar nuevas
ideas.

Averiguar qué colores funcionan bien con los demás no es sólo una cuestión de
suerte. En realidad, existen muchos estudios sobre los efectos que provocan los
colores en las personas.

En la teoría del color existen diversas combinaciones de colores que se

agrupan por catogías y que van muy bien para lograr un objetivo concreto en el
diseño web de tu página.

Empecemos con los fundamentos básicos de la teoría del color y luego pasaremos
a las combinaciones más avanzadas.

La rueda de colores y combinaciones

Colores primarios

Los colores primarios son aquellos que no se pueden obtener de la mezcla de

ningún otro. Son los colores básicos que mezclados darán lugar al resto de
colores de la gama cromática. Estos son el rojo, amarillo y azul. Sin embargo, si
estamos hablando de colores de pantalla, tanto en dispositivos móviles como en
monitores de sobremesa, los colores primarios son el rojo, verde y azul (RGB).
Colores secundarios

Si mezclamos a partes iguales los colores primarios, es decir, el rojo con el

amarillo, el amarillo con el azul, y el azul con el rojo, se crean los colores
secundarios, que son el naranja, verde y magenta. La combinación de estos
colores en diseño web generan una gran variedad de contrastes.
Colores terciarios

Los colores terciarios se consiguen si mezclamos a partes iguales un color

primario junto con uno secundario, es decir, rojo con magenta, azul con verde,
amarillo con verde, rojo con naranja y amarillo con naranja.

Asi que, ahora que ya conoces cómo se crean los colores, podrás entender mejor
cómo trabajan las combinaciones de colores en el modelo de rueda de colores.

Entender los principios de la combinación de colores te ayudará a elegir las

combinaciones de colores que funcionan bien juntas, generar las emociones
adecuadas, y crear una adecuada cantidad de contrastes en tu diseño web.

A continuación te mostramos las combinaciones de colores básicos derivados de

la rueda de color.
Colores complementarios
Los colores complementarios son colores que están situados uno frente al otro
en la rueda de color. Ejemplos de ello serían el el rojo y el verde, azul y el naranja,
el amarillo y el púrpura, etc. Las combinaciones de colores complementarios crean
un gran contraste entre sí al usarlos a la vez.
Colores análogos
Los colores análogos son colores que están uno justo al lado del otro en la rueda
de color. Es buena idea elegir un conjunto de colores análogos para crear una
sensación de variedad en el diseño de tu página web. Ejemplos de estos serían
el azul con el verde, el azul con el azul-violeta o amarillo-verde, el amarillo con el
amarillo-naranja.
Tríadas de colores
Una tríada de colores es un conjunto de tres colores que están dispuestos
uniformemente alrededor de la rueda de color. Una tríada contiene una buena
variedad de colores bien equilibrados. En el ejemplo de arriba, el cian, el naranja y
el morado crean un bonito contraste balanceado entre ellos.
Complementarios divididos

Los complementarios divididos parten de toman un color y – en lugar de elegir

el color complementario que le corresponde en la rueda de color – tomamos los
dos situados en posiciones inmediatamente adyacentes. En el ejemplo anterior, si
elegimos el amarillo, el color opuesto en la rueda de color es el morado, pero en
vez elegir este, cogemos el azul-morado y rojo-morado, que crearán un gran
contraste con el amarillo y entre ellos serán colores muy cooperativos.
Cuadrado de colores

El modelo de cuadrado de color tiene cuatro colores uniformemente espaciados

alrededor de la rueda de color. En el ejemplo anterior, los colores son azul,
naranja, rojo-violeta, y amarillo-verde. Estos esquemas de color son muy bonitos y
funcionan bien con un color fuerte y versiones más aclaradas de los otros tres
colores.
Tetrádica (Doble Complementario)

Los esquemas de color en tetrádica se construyen mediante la creación de un

rectángulo en la rueda de color. Selecciona dos opuestos en la rueda de color y a
continuación seleccionamos otro color desplazándonos dos espacios en la rueda y
más su color complementario.
Aclarados y oscurecidos

El aclarado un color es cuando tomas un color, como el azul en el ejemplo

anterior, y agregas blanco al mismo. Un oscurecido es un color al que se le ha
añadido negro. Puedes crear un gran esquema de colores monocromáticos con
aclarados y oscurecidos del mismo tono de color.
Colores cálidos

Los colores cálidos crean una sensación de calidez y calor en una imagen o un

diseño. Cuando vemos colores cálidos, pensamos en el sol, el calor, el fuego y el
amor (la pasión). El rojo es el color de la sangre, que es caliente, y naranja y
amarillo están más relacionados con el verano. La adición de un filtro anaranjado a
una fotografía hace que se vea más cálida y más alegre.
Colores fríos

Los colores fríos llevan connotaciones de climas fríos, invierno, la muerte, la

tristeza, el hielo, la noche y el agua. Los colores fríos se pueden asociar con la
calma, la tranquilidad, la confianza, la limpieza. El morado está asociada con la
realeza, ya que socialmente se supone que está reservado a ellos.

Los colores en el diseño web

Rojo

El rojo es el color del amor y la pasión. Las cajas de bombones son de color rojo
en el día de San Valentín. Algunas son de color rosa, que es un aclarado del color
rojo. El rojo es también el color de la ira y de la sangre. Los colores rojo, naranja y
amarillo se encuentran todos ellos en el fuego. Rojo también puede significar
peligro. Las señales de detención son de color rojo, y reciben toda nuestra
atención pues nos dicen que debemos tener cuidado y mirar antes de continuar. El
rojo es dominante, y cuando se combina con colores como el negro, puede crear
un look muy masculino. Botones y enlaces en rojo pueden ayudarte a generar un
mensaje de seriedad en el diseño de un sitio web. Aunque su uso excesivo puede
resultar agresivo.

Naranja

El naranja representa el calor, pero no es tan agresivo como el rojo. El naranja

puede retratar un ambiente divertido porque es enérgico y crea una sensación de
calor sin connotaciones de peligro y de sangre, como ocurre con el color rojo. El
naranja puede estar asociada con la salud, como por ejemplo la vitamina C, que
se encuentra comúnmente en las naranjas.
Amarillo

El amarillo se asocia con el sol y el calor. Cuando se utiliza junto con el naranja,
se crea una sensación de diversión relacionada con el verano. El amarillo puede
estar asociado con la sed, y se puede encontrar en las paredes de muchas tiendas
de refrescos. El amarillo también puede estar asociado con la cobardía y el miedo,
que proviene de la antigua expresión de alguien está “pálido y amarillo”. Cuando
se combina con el negro, se puede generar gran cantidad de atención. Un buen
ejemplo sería el diseño exterior de un taxi.
Verde

El verde es el color del dinero, por lo que en nuestra cultura se asocia con la
riqueza. Como la mayoría de las plantas son de color verde, también se asocia
con el crecimiento y la salud. Se utiliza para mostrar que los productos son
naturales y saludables. También puede tener una connotación de pérdidas y
ganancias. Combinado con azules, el verde perpetúa la salud, la limpieza, la vida
y la naturaleza.
Azul

Dependiendo del aclarado y oscurecimiento del azul, puede representar diferentes

sentimientos, pensamientos y emociones. En las imágenes, azules con tonos
oscuros pueden dar una sensación de tristeza. El azul claro es el color del cielo y
del agua, que puede ser refrescante, libre y tranquilo. Los cielos azules generan
calma y tranquilidad. El agua elimina la suciedad y limpia las heridas. El azul
puede representar frescura y renovación, como cuando la lluvia lava la suciedad y
el polvo. La tranquilidad del azul favorece la relajación.
Morado

Asociado por el color de las vestimentas reales, el morado se relaciona con la

realeza. Los morados con más rojo pueden estar asociados con romances,
intimidad, suavidad y confort. El morado puede generar sensación de misterio y de
lujo.
Blanco

Es el color universal utilizado en artes gráficas. Está dentro de la gama de los

grises y representa la paz, la pureza, la felicidad, etc. Su principal fortaleza es que
potencia los colores que lo acompañan. El blanco puede también estar asociado
con higiene y esterilidad, debido a que los médicos visten de blanco y la mayoría
de los hospitales utilizan el blanco en sus ropas y camas. La mayoría de las
representaciones artísticas de figuras religiosas son muy claras y blancas,
representando la “bondad” y la santidad. También el blanco puede representar
limpieza, como en el caso de la ropa limpia. Y puede representar suavidad por su
analogíca con el algodón y las nubes.
Negro

El negro se encuentra en el extremo opuesto de la tonalidad de grises. Simboliza

el silencio, y el misterio. Es un color que sirve para otorgar elegancia y distinción.
También se asocia con la muerte, especialmente en los paises occidentales.
Mucha cantidad de negro en una imagen puede sugerir depresión y
desesperación, así como soledad. Sin embargo, a pesar de todas las
connotaciones negativas, cuando se combina con otros colores, como el oro,
puede representar lujo. Combinado con plata o gris, puede representar
sofisticación, como por ejemplo el sitio web de relojes que te mostramos a
continuación.
Conclusiones

Muchas personas piensan que la elección de los colores para la

interfaz de usuario depende en gran gusto y sentido de la
belleza del diseñador. Sin embargo, el proceso de la selección
de color es más complicado de lo que parece y juega un papel
importante en el diseño. Los colores tienen el gran impacto en
nuestro estado de ánimo y el comportamiento. Es por eso que
el éxito del producto depende en gran medida de los colores
elegidos para el diseño. La investigación proporcionada por
Colorcom mostró que se tarda sólo 90 segundos para que la
gente haga un juicio subconsciente de un producto y entre el
62% y el 90% de esa evaluación se basa sólo en el color . Por lo
tanto, los colores adecuadamente seleccionados pueden ser
útiles en el camino de la mejora de la conversión de su
producto, así como la facilidad de uso avance del producto.

Para crear un buen diseño y colores emplear de manera más

eficaz, es necesario entender cómo se forman los colores y
cómo se relacionan entre sí. Es por eso que los estudiantes de
arte escuelas, colegios y universidades estudian la ciencia de la
teoría del color dedicado a la naturaleza colores. Hoy en día,
ofrecemos a recordar (o tal vez incluso aprender) los
fundamentos de la teoría del color sobre la combinación de
colores que se pueden aplicar de manera efectiva en el diseño
de su proceso de creación.

Rueda de color
Si tenía alguna lecciones relacionadas con la pintura, usted
debe haber visto el círculo que consiste en diferentes colores.
Se llama la rueda de color que ayuda a entender cómo los
diferentes colores se relacionan entre sí y cómo se pueden
combinar. El círculo de color se construye generalmente de
colores primarios, secundarios y terciarios. La primarios son
aquellos tres colores de pigmento que no se puede formar por
cualquier combinación de otros colores. La combinación de los
colores primarios, se obtienen los secundarios, y la mezcla de
los colores primarios y secundarios nos da los colores
terciarios que normalmente tienen nombres de dos palabras
como el rojo-violeta.
Fuente

El círculo de color fue creada en 1666 por Isaac Newton de una

manera esquemática y desde entonces ha pasado por muchas
transformaciones, pero sigue siendo la principal herramienta
para el color combinación de ambas idea principal es que la
rueda de color debe hacerse de esa manera lo que los colores
serían mezclado apropiadamente.
Los modelos de color
Antes de comenzar la mezcla de colores que hay que entender
que el color tiene dos naturalezas diferentes: los colores
tangibles que son la superficie de los objetos y los demás que
son producidos por la luz como las barras de televisión. Estos
tipos crean dos modelos de color mediante los cuales se forma
la rueda de colores: aditiva y sustractiva.

El modelo de color aditivo considera rojo, azul, y verde

como colores primarios por lo que también es conocido como
sistema de color RGB. Este modelo es la base de todos los
colores usados en la pantalla. La combinación de colores
primarios en proporciones iguales de este sistema produce
colores secundarios que son cian, magenta y amarillo, pero hay
que recordar que mientras más luz, más brillante y más claro
el color se vuelve. Los resultados obtenidos mediante la mezcla
de colores aditivos son a menudo contrario a la intuición para
las personas acostumbradas al sistema de color sustractivo de
pinturas, tintes, tintas y otros objetos tangibles.

El modelo de color sustractivo obtiene colores por la

sustracción de la luz. Se compone de dos sistemas de color. La
primera es RYB (rojo, amarillo, azul) también conocido como
sistema artístico de uso frecuente en la educación del arte,
sobre todo en la pintura. RYB fue la base de la teoría del color
científica moderna, que determinó que el cian, magenta y
amarillo son el conjunto más eficaz de los tres colores para
combinar. Se trata de cómo se ha formado el modelo de color
CMY. Se utiliza sobre todo en la impresión y cuando la
impresión fotomecánica incluye tinta de color negro, el
componente clave, el sistema fue nombrado CMYK (cian,
magenta, amarillo y negro). Sin este pigmento adicional, la
sombra más cercana a negro sería marrón oscuro.
Fuente

Aditivo vs sustractivo
Usted debe recordar la principal diferencia entre estos dos
sistemas: aditivo es para pantallas digitales y sustracción de los
medios impresos. Si el proyecto de diseño que está trabajando
está destinado a ser impreso, no se olvide la regla simple pero
crucial: los colores que se ven en la pantalla nunca se verá
igual en la impresión. Aditivo espectro de colores es más ancha
que CMYK, que es la razón por la cual se recomiendan los
diseñadores para convertir sus proyectos en el sistema
sustractivo de colores antes de imprimir para que puedan ver
el resultado cerca de lo que obtendrían. Sin embargo, si se
trabaja con productos digitales, sistema de color RGB es la
sabia elección, ya que permite crear cosas increíbles con su
amplio espectro de colores.

Armonía del color

La palabra “armonía” por lo general se asocia con algo
ordenado y agradable. La armonía del color es acerca de la
disposición de los colores en el diseño de la forma más
atractiva y eficaz para la percepción de los usuarios. Cuando se
organizan los colores, los espectadores se sienten contentos y
tranquilos, mientras que la falta de armonía en el diseño da la
sensación de caos y disgusto. El balance de color es de vital
importancia en el diseño ya que los usuarios hacen su
impresión de la página web o aplicación por el primer vistazo,
y los colores tienen el gran influencia. Diseñadores distinguen
los colores básicos que funcionan con eficacia.

Monocromo

Se basa en un color con diferentes tonos y matices de la

misma. La armonía monocromática es siempre una opción
ganadora, ya que es difícil cometer un error y crear el esquema
de color de mal gusto.
Deetu tarjetas de visita

Análogo

Para crear la armonía análoga, es necesario utilizar colores

situados uno al lado del otro en la rueda de color. Este tipo de
esquema de color se utiliza para el diseño en el que no se
necesita ningún contraste incluyendo el fondo de las páginas
web o banners.
Noche en Berlín Aplicación

Complementario

El esquema complementario es la mezcla de colores colocados

en frente el uno del otro en la rueda de color. Este esquema es
opuesta a análoga y monocromática ya que apunta a producir
un alto contraste. Por ejemplo, el botón de color naranja en el
fondo azul es difícil pasar por alto en cualquier interfaz.
Ilustración Roma

Split-Complementaria

Este esquema funciona de forma similar a la anterior pero

emplea más colores. Por ejemplo, si se elige el color azul es
necesario tomar otras dos que son adyacentes a su color
opuesto que significa amarillo y rojo. El contraste aquí es
menos aguda que en esquema complementario pero permite el
uso de más colores.
Sea Bright App

Triádica

Cuando el diseño requiere más colores puede probar esquema

triádico. Se basa en tres colores distintos que son equidistantes
en el círculo cromático. Para guardar el equilibrio en este
esquema, se recomienda utilizar un color como dominante, el
otro como acentos.
Toonie engomadas de Halloween

Tetrádica / doble Complementaria

El esquema de color tetrádica es para los diseñadores

experimentados, ya que es el más difícil de equilibrar. Emplea
cuatro colores de la rueda que son pares complementarios. Si
conecta los puntos en los colores elegidos forman el esquema
rectangle.The es difícil armonizar pero si lo haces todo bien,
los resultados pueden ser impresionantes.
Aplicación MoneyWise

La teoría del color es una ciencia compleja que requiere más de

un día para aprender. Sin embargo, es vital para entender los
conceptos básicos para que usted pueda crear el diseño eficaz
con el conocimiento de lo que está haciendo.
Cómo hacer un podcast educativo paso a paso
POST
SOBRE EL TEMA:
PODCASTS MARKETING ONLINE

Convierte +
Un podcast educativo es un formato de audio enfocado a compartir ideas y ayudar
a otras personas a interiorizarlas. Se está poniendo de moda en muchas aulas
educativas de jóvenes, pero lo cierto es que también entre los adultos funciona
realmente bien. Por ejemplo, nuestro podcast Convierte Más con Vilma
Nuñez sigue ese enfoque educativo para personas que quieren emprender en
Internet. Y como ya llevamos 1 año con este proyecto, queremos compartir contigo
los aprendizajes que nos han permitido conseguir grandes resultados. Aquí
recopilaremos todo lo que necesitas saber para hacer un podcast educativo paso
a paso.

La diferencia principal entre cualquier podcast y un podcast educativo está en

el contenido y finalidad del mismo. Este tipo de contenido tiene como
objetivo ayudar a otra persona a través de una transformación, y es por ello
que la clave para que sea exitoso está en analizar bien cual es nuestro público para
crear un lenguaje que nos permita conectar con él.

Por ejemplo, si te enfocas al alumno niño, debes recurrir a muchos recursos de

música, efectos, onomatopeyas y otros recursos que despierten el interés y eviten
la distracción de un público muy exigente en cuanto a mantener su atención. En el
caso de los adolescentes, buscaremos efectos de sonido llamativos, música de
moda y del género musical que les guste y evitaremos los paternalismos al máximo
en el discurso. Para los adultos buscaremos mantener su atención y trataremos de
desperar su emoción por aprender de forma continua, les haremos sentir partícipes
y valorados…

5 ventajas del podcast educativo

Por si aún tienes dudas, te vamos a explicar algunas de las ventajas de tener un
podcast educativo:

 Expandir tus ideas gratis: Crear un podcast solo requerirá de tu tiempo y de

algunas herramientas online gratuitas. 
 Posicionarte como experto/a:Cuanto más conocimiento compartas más personas te
conocerán.
  Conectar con tus alumnos y potenciales alumnos:Los oyentes se convertirán en
tus alumnos.
 Facilidad de producción:A diferencia de los vídeos u otros formatos, la
producción es realmente sencilla.
 Disponibilidad del contenido en cualquier momento y lugar:Tus alumnos podrán
escucharlo en sus tiempos muertos, haciendo deporte, etc.
 Crea una comunidadde seguidores que quieren aprender de ti.

¿Cómo hacer un podcast educativo?

A continuación, te vamos a indicar los pasos más importantes para crear y lanzar tu
podcast educativo:

1. Piensa en el nombre. Puedes inspirarte en programas de radio u otros

podcast que te gusten.
2. Crea tu plan de contenidos. Para ello tendrás que fijar la periodicidad (Ej.
Diario, semanal, mensual…) y las principales temáticas que vas a tratar.
3. Títulos y guiones. Ponte manos a la obra con los guiones de cada podcast.
Evita redactar todo el texto pues en ese caso te limitarás a leer y tu voz
perderá fuerza. Si no estás acostumbrado a locutar haz varias pruebas o
graba varias veces y haz los cortes necesarios en los primeros capítulos.
Verás como poco a poco vas mejorando el micrófono y necesitas menos
edición.
4. Crea la entradilla y cierre. Para comenzar y terminar piensa en la típica
entradilla y cierre de los programas de radio y grábala para añadirla a todos
los episodios de podcast.
5. Haz tus primeras grabaciones y montajes del audio.
6. Distribúyelo en las plataformas de podcast (Apple Podcasts, Google
Podcasts, Spotify Podcasts, Pocket casts, Overcast, Stitcher, Podbean y
SoundCloud)
7. Promociona en tus redes sociales, email, etc. para que todo el mundo te
escuche.

También puede interesarte leer: Cómo sacar el máximo rendimiento al podcast en

marketing digital

Herramientas para tu podcast

Algo importante para trabajar este formado es saber qué herramientas utilizar. La
verdad es que hay muchísimas, pero algunas de las más importantes que te
recomendamos son:

 Anchor: Para grabar, programar y distribuir tus podcasts desde tu

dispositivo móvil u ordenador de manera rápida y gratis en Apple, Google…
 Adobe Audition: Editar audios de manera profesional para hacer cortes,
añadir la entradilla y cierre, etc. 
 Micrófono profesional: En Amazon encontrarás un montón de modelos
básicos y de gran calidad. Por ejemplo: Audio-Technica ATR2100-USB