Sobre esta herramienta
Las armonías de color son relaciones de tono tomadas directamente de la rueda cromática: el complementario empareja dos tonos opuestos para el máximo contraste, el análogo agrupa tres tonos vecinos para una sensación calmada y cohesiva, el triádico separa tres tonos de forma equidistante para un aspecto vibrante pero equilibrado, el tetrádico separa cuatro tonos de forma equidistante para una paleta rica que exige más cuidado al equilibrarla, y el complementario dividido sustituye el único complemento verdadero por los dos tonos adyacentes a él, conservando la mayor parte del contraste con menos tensión visual.
Elige un color base, escoge un esquema, y esta herramienta calcula el resto de los tonos con la misma saturación y luminosidad para que el conjunto se lea como una sola familia. Cada muestra indica su valor exacto de hsl() y lo copia al portapapeles al hacer clic — pégalo directo en tu CSS. Todo se ejecuta localmente en tu navegador; no se sube nada, y tu color base y último esquema se recuerdan para la próxima vez.
Preguntas frecuentes
¿Qué esquema de armonía debo usar para un sitio web?
Los esquemas análogos tienden a verse tranquilos y cohesivos para sitios de contenido, mientras que los esquemas complementarios o complementarios divididos crean mayor contraste para llamadas a la acción; prueba varios y ve cuál se ajusta a tu marca.
¿Esto tiene en cuenta la accesibilidad/contraste del color?
No; los esquemas son puro cálculo de tono, sin verificación de contraste. Verifica siempre los pares de texto/fondo con las relaciones de contraste WCAG por separado antes de publicar.