La versión corta
- Los colores análogos son tonos que están uno junto a otro en el círculo cromático, como el azul, el verde azulado y el verde.
- Como los tonos vecinos comparten mucho, las paletas análogas resultan serenas y naturales, y son las paletas más fáciles de acertar.
- Los colores análogos hacen los degradados más suaves, porque la mezcla entre vecinos se mantiene saturada en lugar de volverse gris.
- El riesgo principal es la uniformidad, que se evita dando a la paleta un rango amplio de luminosidad.
- Un pequeño acento del lado opuesto del círculo da a una paleta análoga un punto focal sin romper su calma.
En esta página
Los colores análogos son tonos que están uno al lado del otro en el círculo cromático: azul, verde azulado y verde, o rojo, naranja y amarillo. Como cada uno comparte algo con su vecino, parecen pertenecer al mismo conjunto, como los colores de un atardecer o de un mar poco profundo. Una paleta análoga suele ser de tres a cinco tonos que abarcan un arco pequeño del círculo, y es el camino más fiable hacia un aspecto sereno y unificado.
Esta guía muestra cómo construir una, cómo evitar que se quede plana y por qué los colores análogos hacen los mejores degradados. Si el círculo cromático es nuevo para ti, lee antes cómo usar el círculo cromático.
Qué hace que unos colores sean análogos
No hay un límite estricto, pero una guía útil es que los tonos análogos caben dentro de un cuarto del círculo, más o menos 90 grados de tono. Un arco estrecho de 30 grados se siente casi monocromático. Más ancho de 90 grados, los extremos empiezan a contrastar y la paleta empieza a sentirse como parte de un arcoíris.
| Amplitud en el círculo | Ejemplo | Transmite |
|---|---|---|
| Unos 30 grados | Azul, azul índigo | Casi un solo color, muy silencioso |
| Unos 60 grados | Azul, celeste, verde azulado | Armonía con una suave variedad |
| Unos 90 grados | Índigo, azul, celeste, verde azulado | Rica y aun así unificada |
| Más de 120 grados | De violeta a verde | Empieza a sentirse como un arcoíris |
Paletas de colores análogos, con códigos
La forma más fácil de ver los colores análogos es como degradados, porque ahí es donde brillan. Cada uno de estos recorre tonos vecinos y se aclara a medida que avanza, lo que evita que se sienta plano.
Fíjate en que las paletas cálidas (Brasa, Frutos rojos, Cítrico) y las frías (Laguna, Helecho, Anochecer) se mantienen cada una en una sola temperatura. Ahí está casi toda su calma. Las paletas análogas cálidas se sienten cercanas, vivas y apetitosas, lo que va bien con la comida, la hostelería y los eventos. Las frías se sienten amplias y firmes, lo que va bien con el bienestar, las finanzas y la tecnología. Los colores cálidos y fríos profundizan en la temperatura.
Muchas de las mejores paletas análogas vienen directamente de la naturaleza, porque la luz que atraviesa el aire, el agua o las hojas cambia poco a poco por tonos vecinos. Una foto de una orilla, del suelo de un bosque o de un cielo al atardecer es una fuente ya hecha; sacar una paleta de una imagen muestra cómo tomar una muestra sin elegir colores apagados.
Por qué los colores análogos hacen los degradados más suaves
Cuando un degradado mezcla dos colores, cada punto intermedio es una mezcla de ellos. Mezcla dos vecinos y la mezcla es simplemente el tono que hay entre ellos, todavía saturado. Mezcla dos opuestos y la mezcla se anula hacia el gris. Por eso los degradados complementarios necesitan una parada de ayuda en el medio y los análogos nunca.
Esto hace de las mezclas análogas una opción segura para fondos detrás de texto, campos de marca y superficies grandes. Para saber más sobre ese medio apagado, mira los degradados sucios.
Cómo construir una paleta análoga
- 1
Elige un tono dominante
Empieza por el color que más importa. Cubrirá la mayor parte del diseño.
- 2
Añade uno o dos vecinos a cada lado
Mantente dentro de unos 60 a 90 grados. Inclinarte hacia un lado da a la paleta una dirección: hacia lo cálido o hacia lo frío.
- 3
Reparte la luminosidad
Haz un color profundo y otro claro. Eso evita que una paleta análoga parezca un solo color esparcido.
- 4
Varía la saturación
Apaga un poco los colores de apoyo para que el dominante se lea como el protagonista.
- 5
Decide si añadir un acento
Si el diseño necesita un punto focal, añade una pequeña cantidad de un color del lado opuesto del círculo.
Añadir un acento a una paleta análoga
La calma de una paleta análoga es también su debilidad: nada destaca. Cuando necesites que se vea un botón, un precio o una palabra clave, toma prestado un color del otro lado del círculo y usa muy poco. Los diseñadores a veces lo llaman análogo más acento. El acento funciona precisamente porque todo lo demás concuerda.
Los campos análogos llevan el texto con calma, lo que va bien con publicaciones de producto y editoriales.
Errores habituales en las paletas análogas
Evita
- Todos los colores con la misma luminosidad
- Un arco tan ancho que se convierte en un arcoíris
- Mezclar una inclinación cálida y otra fría sin plan
- Texto en un tono medio de la paleta
Haz
- Un color profundo, uno medio y uno claro
- De tres a cinco tonos dentro de unos 90 grados
- Una temperatura clara
- Texto en el color más oscuro o más claro
Si quieres aún más unidad, estrecha el arco a un solo tono y tendrás una paleta monocromática. Si quieres más energía, pasa a una paleta triádica.
Preguntas frecuentes
¿Qué son los colores análogos?
Los colores análogos son tonos que están uno junto a otro en el círculo cromático, como el azul, el verde azulado y el verde, o el rojo, el naranja y el amarillo.
¿Cuántos colores hay en un esquema análogo?
Normalmente de tres a cinco tonos dentro de más o menos un cuarto del círculo cromático, con uno dominante y el resto de apoyo.
¿Por qué los colores análogos quedan bien en los degradados?
La mezcla entre dos tonos vecinos es simplemente el tono que hay entre ellos, así que la transición se mantiene saturada y nunca se vuelve gris en el medio.
¿Cómo evito que una paleta análoga se vea plana?
Dale un rango amplio de luminosidad, varía un poco la saturación y, si hace falta, añade un pequeño acento del lado opuesto del círculo.
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
