Copiado al portapapeles

← Colorpicker

Plantilla de colores

¿Como elegir los colores correctos para tus diseños?


1 - La rueda de Colores

La rueda de colores es ideal para aprender a como combinar Colores. La luz blanca consiste de todos los colores visibles, que forman un espectro infinito ilustrado como un arco iris. El circulo cromatico renderiza esta infinidad (de colores) como 12 basicos, muy similar a la primer caja de lapices de colores que utilizamos de niños.

2 - Definicion de Color

La rueda de colores contiene 12 colores basicos.




1

Primero, los tres primeros colores ( Azul, amarillo, Rojo )

Los primeros colores se combinan para crear colores secundarios.

2

3

Los cuales se combinan para producir colores terciarios.

3 - Relacion de colores

Colores Monocromaticos

Primero, encontramos estas figuras, tintes y otros tonos del mismo color. Estas paletas son llamadas monocromaticas. No tienen profundidad de color pero proveen valor de contraste. ¡Esencial para tener exito con en diseño grafico!

Colores Analogos

Los colores Adyacentes son llamados analogos. Comparten los colores fuertes (en este caso Azul y rosa) y crean una placentera armonía y bajo contraste. ¡La paletas de colores analogicos son siempre bellas y faciles de usar!

Colores complementarios

Los colores opuestos en el diametro del circulo son llamados complementarios (Rosa y verde). Los colores complementarios crean contraste. Un color y su complementario irradian una sensación de energía y vigor.

4 - Armonía de Color

La relación de colores permite crear armonía

La armonía de colores es algo muy placentero al ojo humano. Enfoca al espectador y crea una sensacion de orden y balance para la experiencia visual. Cuando algo no es armonioso, es aburrido o caotico.
En la figura de la izquierda, es una experiencia visual tan blanda que el espectador no se concentra en la misma. El cerebro humano "rechazará" la información que no logre estimularla. En la figura de la derecha la experiencia visual se encuentra tan sobrecargada y es tan caotica que el espectador no puede ni mirarla. .


El cerebro humano rechaza lo que no puede organizar, lo que no puede entender.
El objetivo visual requiere que presentemos una estructura logica. La armonía de color nos transmite un interes y sensación de orden. - Fuente

5 - Colores calidos y fríos

El circulo de color puede ser dividido en colores cálidos y fríos.


Colores Cálidos son vivos y energeticos, y tienden a dar la sensación de sobresalir. (Derecha)

Colores Fríos dan una impresion de calma y serenidad. (Izquierda)

Blanco, negro y gris son considerados neutrales.

6 - ¿Cuantos colores?

Es dificil dar una respuesta exacta ante esta pregunta, pero en general uno puede decir que el riesgo de usar muchos colores es mas grande que el riesgo de usar menos.

El exceso de colores en una pagina nos parecera muy ocupada, y generalmente hace que sea más difícil para el espectador encontrar la información que busca. Tambien es muy cansador para la vista.

Por otro lado, una pagina de pocos colores, tiene el riesgo de parecer aburrida, pero no siempre se dan estos casos! - Fuente


Una regla muy común para tener en cuenta en estos casos es la de utilizar 3 colores.

7 - Esquema Triádico de Colores

En el punto 3, pudimos ver tres puntos importantes que pueden tener dos colores en la rueda de colores. (monocromático, análogo, complementario). Aun así, hay otras combinaciones como los del esquema triádico de colores, que se basa en usar colores que estan uniformemente espaciados en la rueda de colores.

Una combinacion de tres colores es un buen punto de comienzo. Esto es suficiente para crear variaciones e interés visual.

El esquema triádico de colores tiende a ser vibrante incluso si usamos versiones pálidas o desaturadas en nuestras tonalidades.

8 - Racionando Colores

Aplicar la regla de 60 - 10 - 30 para tener exito

No se debe utilizar cantidades iguales de los 3 colores. Un vieja regla de diseñadores es dividir los colores en porcentajes de 60, 30 y 10.

60% 10% 30%

60%
30%
10%

El color primario debe cubrir alrededor de 60% del espacio y crear el total que unificará la tematica nuestro diseño. Luego agregar un 30% del color secundario para crear contraste e interés visual. Finalmente usar un 10% del color de acento para proveer un toque final de elegancia. Un buen ejemplo es la distribución de color es un "traje de negocios": 60% del vestuario esta compuesto del pantalón y el saco. La camisa representa el 30%, y la corbata el 10%. - Fuentes

9 - Ejemplo

1 - Primero elige un color

Para comenzar, elige un color.
A menudo trabajando con clientes, el primer color es propuesto para definir la identidad corporativa de la empresa.

2 - Buscar su relacíon con otros colores

Luego busca con que otros colores se puede combinar,puedes utilizar la rueda de color dependiendo en la cantidad de colores que quieras.

3 - Aplícalos en tu diseño

Finalmente aplica el color en
tu diseño (teniendo en cuenta la regla de 60%). ¡Consigue una creación en harmonía!

10 - Links útiles

Aquí podran encontrar liks útiles para elegir colores

¿Buscando una emoción en particular, estilo o atmosfera para tu paleta de colores? Pictaculous es una herramienta inteligente que te permitirá elegir colores desde una imagen subida.

Kuler es una community driven web app que te permite buscar paletas de colores creadas por otros. Tambien puedes crear la tuya utilizando la rueda de colores, reglas de armonía y deslizamiento de colores.

Color scheme designer andando vueltas desde hace tiempo, pero recientemente a sido actualizada con una nueva interface y motor generador de esquema de colores.

¿Te gustó este tutorial? ¡Compártelo en tus redes sociales!

No salvará a los pandas pero de seguro nos hará felices.

Tambien puedes visitar Rocket Design.