Paleta de colores

Círculo cromático: qué es y cómo usarlo

El círculo cromático ordena los colores en una rueda para ver cómo se relacionan. Es la herramienta básica para crear combinaciones que funcionan.

Qué es el círculo cromático

El círculo cromático, o rueda de color, es un esquema que coloca los colores alrededor de un círculo. Los colores vecinos se parecen entre sí. Los colores opuestos son los más distintos.

Isaac Newton dibujó una de las primeras versiones en el siglo XVII. Desde entonces, artistas y diseñadores lo usan para entender y combinar colores.

Existen dos modelos principales: el tradicional, que se usa en pintura, y el digital, que se usa en pantallas.

Modelo tradicional RYB (pintura)

Es el modelo que se enseña en la escuela. Se llama RYB por sus siglas en inglés: rojo, amarillo y azul.

En total, la rueda tradicional tiene 12 colores. Es útil para pintura, ilustración y para entender las armonías.

Modelo digital RGB (pantallas)

Las pantallas crean color con luz. Mezclan tres luces: rojo, verde y azul. Por eso el modelo se llama RGB.

Los códigos HEX, como #FF0000, describen colores RGB. Por eso son el estándar en diseño web y en apps.

Para imprimir se usa otro modelo, CMYK: cian, magenta, amarillo y negro. Es el que usan las imprentas.

En la práctica, las armonías funcionan de forma parecida en los dos modelos. Lo que cambia es qué color queda enfrente de otro. Por ejemplo, en RYB el complementario del rojo es el verde. En RGB es el cian.

Colores cálidos y fríos

Si cortas la rueda por la mitad, obtienes dos grupos:

La temperatura también existe dentro de un mismo color. Hay rojos más fríos, con toque azulado, y grises más cálidos, con toque marrón.

Un buen truco: usa colores fríos para fondos y áreas grandes, y cálidos para lo que quieres destacar.

Armonías de color

Las armonías son combinaciones basadas en la posición de los colores en la rueda. Son un atajo para crear paletas equilibradas. Puedes probarlas con nuestra herramienta de armonías de color.

Complementarios

Son dos colores opuestos en la rueda. Por ejemplo, azul y naranja.

Generan el máximo contraste. Funcionan muy bien para destacar un botón, un precio o un titular.

Cómo usarlos: no los uses a partes iguales. Elige uno como dominante y usa el otro como acento. Evita poner texto de un color sobre su complementario saturado, porque vibra y cansa la vista.

Análogos

Son tres colores vecinos en la rueda. Por ejemplo, amarillo, amarillo anaranjado y naranja.

Producen combinaciones tranquilas y naturales. Son comunes en la naturaleza, como en un atardecer o un bosque.

Cómo usarlos: elige un color principal, otro de apoyo y el tercero para detalles. Añade un neutro para que no falte contraste.

Tríada

Son tres colores separados a la misma distancia, formando un triángulo. Por ejemplo, rojo, amarillo y azul.

Dan paletas vivas y equilibradas. Son populares en diseño infantil, juegos y marcas alegres.

Cómo usarla: deja que un color domine y usa los otros dos en menor cantidad. Si resulta demasiado intensa, baja la saturación de uno o dos colores.

Complementario dividido

Toma un color y, en lugar de su opuesto exacto, usa los dos vecinos de ese opuesto. Por ejemplo, azul con rojo anaranjado y amarillo anaranjado.

Tiene mucho contraste, pero menos tensión que los complementarios. Es una buena opción para empezar.

Cómo usarlo: el color base ocupa la mayor parte. Los otros dos sirven para acentos.

Tétrada

Son cuatro colores que forman un rectángulo o un cuadrado en la rueda. Equivale a dos parejas de complementarios. Por ejemplo, azul, naranja, verde y rojo.

Es la armonía más rica, pero también la más difícil de equilibrar.

Cómo usarla: un color dominante, uno secundario y dos de acento. Mezcla tonos cálidos y fríos con cuidado y apóyate en neutros.

Monocromático

Usa un solo color en distintas claridades y saturaciones. Por ejemplo, varios tonos de azul.

Es elegante, coherente y fácil de aplicar. Es muy usado en webs corporativas y en interfaces.

Cómo usarlo: usa el tono más oscuro para texto, el medio para elementos principales y los claros para fondos. Si quieres destacar algo, añade un único color de acento.

Consejos para aplicar el círculo cromático

Preguntas frecuentes

¿Cuáles son los colores primarios?

En pintura (modelo RYB) son rojo, amarillo y azul. En pantallas (modelo RGB) son rojo, verde y azul.

¿Qué son los colores complementarios?

Son los colores que están enfrente en el círculo cromático, como azul y naranja. Juntos crean el máximo contraste.

¿Qué armonía de color es más fácil de usar?

La monocromática y la análoga son las más sencillas, porque los colores se parecen. El complementario dividido es una buena opción si buscas más contraste.

Otras guías y herramientas