Colores complementarios & Paletas

Cómo funcionan estos esquemas de color

Cada esquema se construye girando el tono alrededor de la rueda de color. El color complementario está justo enfrente (180°): contraste máximo, perfecto para hacer destacar un botón o un detalle. Un esquema triádico toma tres colores separados 120°, y un esquema tetrádico cuatro colores a 90°: paletas vivas pero equilibradas. Los análogos (±30°) están uno al lado del otro y resultan armoniosos y tranquilos, mientras que los complementarios divididos (150° y 210°) aportan la fuerza del complementario en una versión más suave y fácil de manejar.

Consejos prácticos para usar una paleta

La regla más sencilla es la del 60-30-10: un color dominante para cerca del 60 % de la composición (normalmente el más neutro, o tu color base), un color secundario para el 30 % y el más llamativo solo para el 10 %: acentos y llamadas a la acción. Si usas estos colores para el texto, asegúrate siempre de que la pareja texto/fondo se siga leyendo bien: puedes comprobarlo con nuestro comprobador de contraste WCAG.

El círculo de los pintores y el de la pantalla

Los complementarios que se aprenden en la escuela vienen del círculo RYB de los pintores, donde el opuesto del rojo es el verde; en pantalla se trabaja en RGB, donde el opuesto del rojo es el cian. Son dos modelos distintos y dan respuestas distintas a la misma pregunta.

Las herramientas digitales usan casi siempre el espacio HSL, que es un RGB reorganizado: el complementario es el tono a 180 grados. El resultado es coherente con lo que se ve en un monitor, pero no con la mezcla de pigmentos: quien imprime tiene que rehacer las cuentas en el círculo correcto.

Por qué dos complementarios puros cansan la vista

Dos colores opuestos a máxima saturación, uno al lado del otro, producen un brillo en los bordes: el ojo no consigue enfocar los dos a la vez y el contorno parece vibrar. Es el efecto que hace ilegible el texto rojo sobre fondo verde.

La pareja funciona cuando uno de los dos se desatura o se aclara: un azul profundo con un naranja suave es la misma relación, pero descansada. Por eso los carteles de cine llevan veinte años usando naranja y azul apagado, no naranja encendido y azul encendido.

El esquema se elige según cuántos colores hacen falta

El complementario sirve para destacar una sola cosa: un botón, un precio, una llamada a la acción. Con más de un elemento en el color opuesto el acento se anula, porque dos cosas que gritan ya no gritan.

Cuando hacen falta más colores se sube de esquema: análogo (tonos vecinos) para un efecto tranquilo y coherente, tríada para tres colores vivos pero equilibrados, complementario dividido para el contraste del complementario sin su dureza. Por encima de cuatro colores una paleta deja de leerse como una decisión.

Herramientas cercanas

Antes de adoptar una pareja, Verificar el contraste de colores dice si el texto será legible y Simulador de daltonismo si funciona para todos. Para variar un color en claro y oscuro está Tintes y sombras de un color.