Teoría del color y armonías

Antes de elegir un color final, ubícalo en una rueda de 12 matices (RYB tradicional de artista o HSB/HSL de pantalla) y nombra la relación que usas: complementario, análogo, triádico. Si no puedes nombrarla, no es una armonía, es azar. Una relación con nombre es repetible en toda la publicación; un color elegido "porque se ve bien" no lo es.

Dos matices opuestos en la rueda (azul-naranja, rojo-cian) dan el mayor contraste y vibración visual; úsalo en portadas, anuncios y CTAs que deben saltar a 3 o 5 m de distancia. A plena saturación ambos pelean y el borde compartido tiembla (el efecto de borde vibrante de Albers), así que baja la saturación de uno de los dos y deja el otro puro.

Tres matices vecinos en la rueda (azul, azul verdoso, verde) comparten familia y producen una armonía tranquila, cohesiva y de bajo contraste. Resérvalo para fondos editoriales, papel tapiz de sección y piezas que se leen largo rato sin fatiga visual. Como el contraste es bajo, apóyate en el valor y en un acento pequeño para construir la jerarquía que el conjunto análogo no da por sí solo.

Tres matices a 120° entre sí (rojo, amarillo, azul) son vibrantes pero balanceados, siempre que uno mande y los otros dos apoyen. Repártelos por área con 60/30/10 (ver la sección de construcción de paletas), nunca los tres al mismo peso visual. Tres primarios del mismo tamaño y saturación se leen como juguete o etiqueta de advertencia, no como una composición pensada.

Toma un matiz base y combínalo con los dos vecinos de su opuesto en vez del complementario exacto. Conservas casi el mismo contraste que un complementario puro pero ganas margen tonal, ideal cuando el complementario exacto choca con un color corporativo existente. Es el default más seguro cuando necesitas impacto sin la dureza de dos matices diametralmente opuestos.

Ordena los colores primero por temperatura: los cálidos (rojo, naranja, amarillo) avanzan y agitan, los fríos (azul, verde, violeta) retroceden y calman. En una portada, un elemento cálido sobre un fondo frío siempre gana la jerarquía visual sin necesidad de agrandarlo. Úsalo en vez de escalar un elemento: la temperatura es una forma más barata y silenciosa de decir "mira aquí primero".

El contraste de complementarios es solo uno de los siete que describió Itten. Usa el set completo como checklist cuando una paleta se sienta plana o sucia: contraste de matiz (colores puros lado a lado), claro-oscuro (valor), saturación, cálido-frío, simultáneo (un color tiñe al vecino), extensión/proporción (área vs. peso visual) y de primarios puros. Nombrar qué contraste falta te dice exactamente qué palanca mover.

El contraste simultáneo es el más ignorado de Itten y el que más rompe la fidelidad de marca: un fondo tiñe la percepción del color que va encima. Un mismo naranja se ve más rojo sobre verde y más amarillo sobre morado, aunque el valor HEX nunca cambie. Revisa siempre un color de marca contra su fondo real, nunca aislado en un swatch, o la pieza impresa te sorprenderá.

La saturación comunica por sí sola: alta saturación se lee como urgencia, juventud y oferta; baja saturación (tonos rotos, mezclados con gris) se lee como lujo, editorial y atemporalidad. Una portada de revista de lujo y un volante de descuento no deberían compartir nivel de saturación aunque compartan matiz. Elige la saturación según el mensaje y luego mantenla consistente en toda la pieza.

Dos colores pueden compartir familia de matiz y aun así fallar el contraste porque comparten valor (luminosidad); el ojo lee el valor antes que el matiz. Convierte el diseño a escala de grises para verificar: si bloques que eran distintos a color se funden en un mismo gris, el layout se apoya solo en el matiz y fallará para lectores con baja visión o daltonismo. Corrígelo abriendo un salto de valor, no moviendo el matiz.

La rueda de artista (RYB, empírica, usada por Itten y Albers) y la de pantalla (RGB/HSB) no coinciden en los opuestos: el complementario del rojo es verde en RYB pero cian en HSB. Un "complementario" elegido con teoría de papel puede aterrizar como otro par al pasar a pantalla. Para trabajo que termina en pantalla o en un PDF de navegador, valida la armonía en el espacio HSB real que vas a exportar, no en la rueda RYB de aula.