La versión corta
- La armonía del color es la cualidad de un conjunto de colores que parecen hechos para ir juntos.
- Las seis armonías clásicas son monocromática, análoga, complementaria, complementaria dividida, triádica y tetrádica, cada una definida por posiciones en el círculo cromático.
- Las relaciones de tono por sí solas no garantizan la armonía: los colores también necesitan un reparto sensato de luminosidad y una saturación controlada.
- Un color dominante con cantidades menores de los demás casi siempre se ve más armonioso que la misma cantidad de cada color.
- Los colores que comparten un matiz de fondo, como un toque de calidez o del mismo tono, tienden a verse relacionados aunque estén lejos en el círculo.
En esta página
La armonía del color es la sensación de que un grupo de colores va junto. Los diseñadores suelen construirla de dos maneras: eligiendo tonos que guardan una relación conocida en el círculo cromático, como vecinos u opuestos, y equilibrando todo lo demás, es decir, la luminosidad, la saturación y cuánto aparece cada color. Si aciertas en lo primero y fallas en lo segundo, el resultado sigue chirriando. Si aciertas en ambas cosas, hasta las combinaciones inusuales se sienten serenas e intencionadas.
El círculo cromático y por qué ayuda
El círculo ordena los tonos en un anillo para que las relaciones se conviertan en geometría. Los vecinos comparten mucha de la misma luz y se mezclan con suavidad; los opuestos no comparten nada y se empujan a parecer más intensos. Cada armonía clásica es una forma colocada sobre el círculo. Si el círculo es nuevo para ti, empieza por el círculo cromático.
conic-gradient(from 0deg, #e64545, #e6a645, #c8e645, #45e66a, #45e6d4, #4596e6, #6a45e6, #d445e6, #e64545)Las seis armonías de color clásicas
Aquí tienes cada esquema construido a partir de la misma base verde azulada, #30a69c, para que veas cómo la relación cambia el ambiente mientras el color de partida se queda quieto.
Tonos en el círculo
Transmite
Lo más difícil
Tonos en el círculo
Transmite
Lo más difícil
Tonos en el círculo
Transmite
Lo más difícil
Tonos en el círculo
Transmite
Lo más difícil
Tonos en el círculo
Transmite
Lo más difícil
Tonos en el círculo
Transmite
Lo más difícil
Una guía aproximada para elegir: cuantos menos tonos y más cercanos, más fácil es lograr la armonía. Los esquemas monocromáticos y análogos casi se cuidan solos. Los complementarios, triádicos y tetrádicos dan más energía, pero piden más disciplina en las tres áreas siguientes.
La armonía también es luminosidad y saturación
Mira la franja triádica de arriba. Los tonos son de manual, pero con la misma intensidad parecen una caja de juguetes. Eso es porque el círculo solo describe el tono. Otras dos propiedades deciden si los colores encajan de verdad.
- Luminosidad: un conjunto armonioso suele abarcar valores claros, medios y oscuros. Cinco colores con la misma luminosidad se emborronan entre sí; un rango le da al ojo un sitio donde descansar y algo que leer.
- Saturación: mantén tranquilos la mayoría de los colores y deja que uno siga siendo vivo. Cuando todos están a plena intensidad compiten, y el esquema se lee como ruido.
- Matiz de fondo compartido: los colores que tiran todos un poco a cálidos, o que llevan un rastro del mismo tono, parecen relacionados aunque estén lejos en el círculo. Añadir un poco de tu color principal a los neutros es la forma más rápida de conseguirlo.
Para hacer estos ajustes con números, usa un formato que separe la luminosidad del tono. HSL es la opción conocida; OKLCH mantiene mejor la luminosidad estable cuando cambias de tono, lo que facilita mucho construir esquemas equilibrados.
Proporción: deja que un color mande
La mayor diferencia entre un diseño armonioso y uno caótico suele ser la proporción, no el tono. Cantidades iguales de dos o tres colores hacen que la mirada salte entre ellos. Un color dominante, uno de apoyo y un pequeño acento le dan una jerarquía que seguir. La regla 60 30 10 es un buen reparto para empezar.
Choca
- Superficies iguales de cada color
- Todos los colores a plena saturación
- Todos los colores con la misma luminosidad
- Neutros grises puros junto a colores cálidos
- Opuestos tocándose a lo largo de bordes largos
Armoniza
- Un color claramente dominante
- Un acento vivo, el resto más tranquilo
- Un reparto de claro a oscuro
- Neutros teñidos con el tono principal
- Opuestos separados por espacio o por un neutro
Un Mark: fíjate en qué color manda, cuánto del encuadre ocupa y dónde descansan las palabras.
Un segundo Mark con las mismas palabras. La relación de colores cambia el ambiente; el mensaje sigue siendo el mismo.
Cómo construir una paleta armoniosa en la práctica
- 1
Parte de un color que signifique algo
Un color de marca, un producto, un lugar. La armonía es más fácil alrededor de un punto fijo que desde la nada.
- 2
Elige una relación según el ambiente
Análoga para la calma, complementaria o complementaria dividida para la energía, monocromática para la contención.
- 3
Reparte la luminosidad y calma la saturación
Haz una versión clara, una media y una oscura, y después baja la saturación de todo salvo del acento.
- 4
Decide las proporciones
Define qué color ocupa la mayor parte del espacio, cuál apoya y cuál aparece solo en pequeños toques.
- 5
Pruébala con palabras reales
Coloca la paleta en una maqueta real y comprueba el contraste del texto. Una armonía que no puede sostener un titular no está terminada.
Si prefieres partir de una paleta ya equilibrada, cada Mark de Gradiently es un fondo vivo terminado cuyos colores, materiales y luz se compusieron juntos, y el Studio coloca tus palabras encima con la tinta automática eligiendo texto claro u oscuro para cada línea. Para crear la tuya desde cero, consulta generadores de paletas de colores.
Preguntas frecuentes
¿Qué es la armonía del color?
Es la cualidad de los colores que parecen hechos para ir juntos, que suele lograrse con relaciones de tono en el círculo cromático combinadas con una luminosidad, una saturación y una proporción equilibradas.
¿Cuáles son los tipos de armonía de color?
Los seis clásicos son monocromática, análoga, complementaria, complementaria dividida, triádica y tetrádica.
¿Qué armonía de color es la más fácil de usar?
Los esquemas monocromáticos y análogos, porque sus tonos están cerca y rara vez chocan. Necesitan un buen reparto de luminosidad para no quedar planos.
¿Por qué chocan mis colores complementarios?
Normalmente porque ambos están a plena saturación y en cantidades iguales. Deja que uno domine, calma el otro hasta convertirlo en acento y sepáralos con un neutro.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil