Esquema de color tetrádico: cuatro colores en equilibrio

Un esquema de color tetrádico son cuatro tonos que forman dos parejas complementarias en el círculo cromático. Si los unes con líneas, dibujas un rectángulo o un cuadrado, y por eso las dos versiones se llaman esquema en rectángulo y esquema en cuadrado. Como contiene colores cálidos y fríos a ambos lados del círculo, una paleta tetrádica es la más completa de las armonías clásicas. También es la que más probablemente se vea caótica, a menos que dejes que un color lidere y mantengas a los otros tres en su sitio.

Esquemas tetrádicos en rectángulo y en cuadrado

Ambas versiones parten de un tono base y suman su complementario, a 180 grados. Se diferencian en dónde se sitúa la segunda pareja.

Cómo construir un esquema de color tetrádico

1. 1

   Elige el tono base

   Escoge el color del que depende tu marca o tu diseño. Anota su tono en grados, que te dará cualquier selector de color que muestre HSL.

2. 2

   Añade el complementario

   Suma 180 grados. Esa pareja es la columna vertebral del esquema. Los colores complementarios explica por qué funcionan los opuestos.

3. 3

   Elige rectángulo o cuadrado

   Para un rectángulo, suma 60 grados a la base y al complementario. Para un cuadrado, suma 90 grados a cada uno.

4. 4

   Dale una tarea a cada color

   Uno dominante, uno de apoyo, dos acentos. Anótalo para que los papeles se mantengan en todos los diseños.

5. 5

   Ajusta luminosidad y saturación

   Oscurece el color dominante, suaviza el de apoyo y deja los acentos más vivos. El tono fija la armonía; la luminosidad fija la jerarquía.

:root {
  --h: 220; /* base hue */

  /* Rectangle scheme */
  --c1: hsl(var(--h) 65% 30%);
  --c2: hsl(calc(var(--h) + 60) 45% 55%);
  --c3: hsl(calc(var(--h) + 180) 85% 60%);
  --c4: hsl(calc(var(--h) + 240) 40% 55%);

  /* For a square scheme use +90, +180 and +270 instead */
}

Por qué cuatro colores son difíciles de equilibrar

Con dos colores, el contraste es simple. Con cuatro tonos fuertes, la mirada no sabe adónde ir primero, y cada color parece gritar más que los demás. La mayoría de los diseños tetrádicos que fallan lo hacen porque los cuatro colores reciben más o menos la misma superficie y la misma saturación. La solución es la jerarquía, no menos colores.

Esa segunda imagen apunta a la verdadera fortaleza del esquema. Cuatro colores dan variedad suficiente para una serie entera: cada publicación puede estar liderada por un miembro distinto de la paleta y el conjunto sigue perteneciendo claramente a la misma familia. Es ideal para carruseles, cartas y programas de eventos, donde la coherencia de marca importa pero la uniformidad aburre.

Dónde funciona mejor un esquema de color tetrádico

Cuatro tonos se ganan su lugar cuando un proyecto necesita separar con claridad varias cosas sin inventar colores nuevos cada vez. Un solo cartel rara vez lo necesita. Un sistema normalmente sí.

• Codificación por categorías: una carta de cafetería con bebidas, desayuno, comida y pasteles, cada uno con su color.
• Programas de eventos: cuatro escenarios, itinerarios o días que los visitantes necesitan distinguir de un vistazo.
• Gráficos y paneles: cuatro series de datos que deben seguir siendo distintas, idealmente revisadas para el daltonismo también.
• Marcas infantiles y de juego: donde la versión completa y viva de la paleta es justo el objetivo.
• Campañas de temporada: un tono liderando cada trimestre del año, con los demás de apoyo.

Para las proporciones, empieza por la regla 60 30 10 y reparte el diez por ciento final entre los dos acentos. En una carta, por ejemplo, el color dominante llena la página, el de apoyo marca los títulos y los dos acentos etiquetan los platos vegetarianos y las novedades.

Cómo hacer que una paleta tetrádica parezca sofisticada

Las paletas tetrádicas a plena saturación parecen una caja de juguetes, lo cual es perfecto para una juguetería y erróneo para casi todo lo demás. Lleva dos o tres de los colores hacia el gris o hacia lo oscuro, y los mismos tonos se ven meditados y adultos.

Si cuatro colores te parecen demasiados, retrocede a tres con los colores triádicos o los colores complementarios divididos, que mantienen un contraste fuerte con un tono menos que gestionar. Luego prueba la paleta en diseños reales: en Gradiently, los colores guardados en un kit de marca (una función Pro) aparecen primero en cada selector de color del Studio, así que cada publicación de una serie puede tomar un líder distinto.