TEOR A DEL COLOR Y SU MANEJO EN EL

TEORÍA DEL COLOR Y SU MANEJO EN EL
DISEÑO DE PÁGINAS WEB.

• 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.
En la teoría del color existen diversas combinaciones de
colores que se agrupan y que van muybien para lograr un
objetivo concreto en el diseño web de tu página.

LA RUEDA DE COLORES Y
COMBINACIONES

• 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 endispositivos
móviles como en monitores de
sobremesa, los colores primarios
son el rojo, verde y azul (RGB).

COLORES
PRIMARIOS

• 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
granvariedad de contrastes.

COLORES
SECUNDARIOS

• 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.

COLORES TCOLORES
TERCIARIOSERCIARIOS

COMBINACIONES DE COLORES
BÁSICOS DERIVADOS DE LA RUEDA
DE COLOR.

• Los colorescomplementarios son colores
que están situados uno frente
al otro en la rueda de color.
Ejemplos de ello serían 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
COMPLEMENTARIOS

• Los colores análogos son
colores que están uno justo al
lado del otro en la rueda de
color. Es buenaidea 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.

COLORES
ANÁLOGOS

• Una tríada de colores es un
conjunto de tres colores que
están dispuestos
uniformemente alrededor de
la rueda de color. Una tríadacontiene 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.

TRÍADAS DE
COLORES

• 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 elejemplo 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.

COMPLEMENTARIOS
DIVIDIDOS

• El modelo de cuadrado de
color tiene cuatro colores
uniformemente espaciados
alrededor de la rueda de color.
En elejemplo anterior, los
colores son azul, naranja, rojovioleta, 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.

CUADRADO DE
COLORES

• 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 acontinuación
seleccionamos otro color
desplazándonos dos espacios
en la rueda y más su color
complementario.

TETRÁDICA (DOBLE
COMPLEMENTARIO)

• 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...