Las cinco armonías
- Complementaria: el color base y su opuesto en la rueda (tono +180°), más versiones aclaradas y oscurecidas de ambos. Máximo contraste.
- Análogos: cinco tonos vecinos del base (±15° y ±30°). Tranquila y cohesionada, ideal para fondos y degradados.
- Triádica: tres tonos separados 120°, más una versión clara y una oscura del base. Viva pero equilibrada.
- Tétrica: cuatro tonos separados 90° en la rueda, más un apoyo oscuro del base. Paletas ricas para proyectos con varios roles de color.
- Monocromática: un solo tono en cinco luminosidades distintas. Elegante y segura; perfecta para interfaces limpias.
Cómo se genera
La paleta se construye en HSL: se mantiene (o ajusta levemente) la saturación y la luminosidad del color base y se rota el tono según la armonía elegida. Después cada color se convierte a su HEX exacto de 8 bits.
Fórmula
color de la paleta = HSL((H base + rotación) mod 360, S, L)
En la monocromática no se rota el tono: se mueve la luminosidad en cinco escalones.
Cómo usar una paleta sin equivocarte
- Regla práctica 60-30-10: un color dominante para fondos (60 %), uno secundario (30 %) y uno de acento (10 %).
- Reserva el complementario para acentos y llamadas a la acción: en grandes superficies cansa la vista.
- Antes de publicar, comprueba el contraste entre tu color de texto y el fondo con el comprobador de contraste.