# ¿Cómo combinar colores?

Hay fórmulas que pueden ayudarte, basadas en algo llamado armonía del color, y todo lo que necesitas es usar el círculo cromático.

No temas jugar con la paleta y crear tu propia interpretación. Ese es el propósito de estas fórmulas: darte un punto de partida con el cual te puedas guiar e inspirar.

### Fórmula **monocromática**&#x20;

La fórmula más sencilla es la **monocromática** porque se utiliza un solo color. \
Elige un punto del círculo y usa tus conocimientos sobre saturación y brillo para crear variaciones en el tono. Lo mejor sobre este tipo de paletas es que tienes la garantía que combinarán.

![Formula monocromática](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-LlcYkjsoljG_2qliMPw%2F-Llc5Gs8BDDCA0lpmedS%2F10.png?alt=media\&token=192d06b0-ccca-44c9-bf0e-56188cea4661)

### Fórmula análoga&#x20;

Con la fórmula **análoga** se eligen los colores que se siguen uno al otro en la rueda, como rojos y anaranjados, o azules y verdes.

![Fórmula análoga](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-Llce5io-UBDIsdafweG%2F-Llce9uuZSOXQyaaxwbo%2F13.png?alt=media\&token=4ffb97f5-835e-4f65-a9a2-01f9dc03cf03)

### Fórmula complementaria

Los colores **complementarios** son opuestos uno al otro en la rueda. Por ejemplo: azul y naranja, o el clásico rojo y verde.  Para evitar que la paleta te quede muy simple, puedes agregar tonos más claros, oscuros o con poca saturación.<br>

{% hint style="success" %}
Esta fórmula funciona mejor si dejas un color como dominante y los otros tres como auxiliares.
{% endhint %}

![Fórmula Complementaria](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-Llce5io-UBDIsdafweG%2F-LlceS4GzWFyPPu3qLdA%2F14.png?alt=media\&token=9c330f9d-b3b2-4da6-b2f8-0a5e170ad64e)

### &#x20;Fórmula de colores divididos&#x20;

Con los colores **complementarios divididos** utilizas los colores que están junto al color complementario. Esto te da el mismo nivel de contraste, pero más opciones de tonos y, posiblemente, resultados más interesantes.<br>

![Fórmula  de colores divididos](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-Llce5io-UBDIsdafweG%2F-LlcemfI4OxhHHXuwfm_%2F15.png?alt=media\&token=e35a14ea-a215-45f6-9457-42ba8fcc99d7)

### Fórmula de triada

Con la **tríada** se forma un triángulo en el círculo cromático y se usan los colores que están en cada esquina.&#x20;

{% hint style="success" %}
Estas combinaciones tienden a ser bastante impactantes, particularmente con colores primarios y secundarios, así que piénsalo bien antes de elegirlas.
{% endhint %}

![Fórmula de triada](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-Llce5io-UBDIsdafweG%2F-LlcfauooY8sMu6yqWj7%2F16.png?alt=media\&token=6e8385e2-a6ce-4ee8-b1e7-bfe6ecc5e6f8)

### Fórmula tetraédrica

&#x20;Una paleta **tetraédrica** forma un rectángulo en el círculo, por lo cual no usa uno, sino dos pares de colores complementarios.&#x20;

{% hint style="success" %}
&#x20;Una paleta **tetraédrica** forma un rectángulo en el círculo, por lo cual no usa uno, sino dos pares de colores complementarios.&#x20;
{% endhint %}

![Fórmula tetraédrica](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-Llce5io-UBDIsdafweG%2F-LlcgGcssyD5kLWxzg_0%2F17.png?alt=media\&token=08cd4f91-64b6-47fa-b678-ba7a974d96df)

## ¿Cómo combinar colores?

Al trabajar con color, hay ciertas cosas que debes tener en cuenta para obtener un buen resultado, como el contraste, la legibilidad de los tonos, el mensaje que estos transmiten y de dónde te inspiras al combinarlos. Veamos en qué consisten cada uno de estos temas.

{% embed url="<https://www.youtube.com/watch?v=gS0EljqGxU0>" %}

### **El mensaje que transmiten los colores**

Cada color envía un mensaje, así que es importante considerar lo que quieres comunicar y escoger una paleta que encaje. Por ejemplo, los colores vivos tienden a dar un toque divertido o moderno. Los colores desaturados, a menudo, parecen más orientados a los negocios. A veces depende solamente del contexto. Te sorprendería cuán flexibles pueden ser.

![El mensaje que transmiten los colores](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-LlcxB19bCtM-uaB4fR7%2F-LlcxewWrtWl8Kij3qCX%2FLos%20colores%20transmiten%20mensajes.%20\(1\).png?alt=media\&token=7e6a51a4-9359-46d2-9de8-2d62361a2eee)

### **Inspiración al combinar colores**

Podrás encontrar ideas de cómo hacerlo en carteles publicitarios o famosas obras de arte, entre muchos otras cosas y espacios.

![Inspiración al combinar colores](https://974918548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlbV2hdZcWvK7dL54Aa%2F-LlcxB19bCtM-uaB4fR7%2F-LlcxlzvvZ6U7sO_S_0q%2FPaletas%20de%20color%20de%20obras%20de%20arte.%20\(1\).png?alt=media\&token=c9362b24-6d41-4ae4-8251-450094c59c95)

También puedes usar algún recurso web para buscar paletas de colores o crear las tuyas. Incluso diseñadores experimentados buscan inspiración en su entorno. No hay nada malo con encontrar algo que te atraiga y adaptarlo a tu gusto.

&#x20;Aprender sobre la teoría del color y el círculo cromático te ayudará a saber cómo hacer combinaciones de forma monocromática, análoga o complementaria, entre otras fórmulas que existen.

## Herramientas para generar paletas de colores

{% embed url="<https://color.adobe.com/>" %}

{% embed url="<https://www.materialpalette.com/>" %}

{% embed url="<https://www.degraeve.com/color-palette/>" %}

{% embed url="<https://irisapp.info/>" %}
