EN
PT
ES
Generador de Armonía de Colores
Genera paletas complementarias, análogas, triádicas, tetrádicas, cuadradas, complementarias divididas y monocromáticas a partir de cualquier color base, con variables CSS para copiar.
¿Qué es la armonía de colores?
La armonía de colores es el arte de elegir paletas cuyos matices se sienten intencionales en lugar de aleatorios — y detrás del arte hay geometría simple. El círculo cromático organiza matices en un círculo según su posición en el espectro visible; las paletas armoniosas son conjuntos de puntos en ese círculo cuyos ángulos relativos producen relaciones visuales predecibles. Los pares complementarios (opuestos) maximizan contraste y energía. Los conjuntos análogos (cercanos) se leen como calmos y unificados. Los tríos triádicos son vibrantes pero equilibrados. Cada esquema es una fórmula probada, no una regla rígida — te dan un punto de partida que puedes afinar después.
Cómo usar este generador
Elige un color base y selecciona un esquema. La grilla de abajo muestra cada color de la armonía, con valores hex, RGB y HSL para cada uno. Haz clic en cualquier tarjeta para copiar el hex; haz clic en Copiar debajo del bloque de código para tomar una declaración :root de propiedades personalizadas CSS lista para pegar. Cambia de esquema para comparar — el mismo matiz base produce ánimos radicalmente distintos a través de relaciones geométricas distintas.
Eligiendo el esquema correcto
Complementario funciona para call-to-actions y sistemas de aviso donde el contraste es lo que importa. Análogo es imbatible para gradientes hero, piezas atmosféricas y marcas con cara natural. Triádico es genial para UI de producto infantil, marcas de gaming e infografías con tres grupos categóricos. Tetrádico y cuadrado dan cuatro colores pero pueden pelear si los cuatro se usan en peso igual — elige uno dominante, uno de acento, y usa los otros dos con moderación. Las paletas monocromáticas casan hermoso con un neutro fuerte y nunca se ven anticuadas.
La matemática: rotación de matiz
Cada esquema es una rotación alrededor del anillo de matiz HSL, manteniendo saturación y luminosidad de la base. complementario es (h + 180°). complementario dividido toma la base más (h + 150°) y (h + 210°) — alternativa más suave al complemento puro. análogo es (h − 30°, h, h + 30°). triádico es (h, h + 120°, h + 240°). tetrádico es el rectángulo en (h, h + 60°, h + 180°, h + 240°). cuadrado distribuye cuatro puntos por igual: (h, h + 90°, h + 180°, h + 270°). monocromático conserva el matiz y varía la luminosidad en cinco pasos igualmente espaciados.
Acordeón: esquema → ánimo
Complementario — enérgico, llama la atención, polarizador. Complementario dividido — audaz pero más suave que el complemento total; ideal para quienes recién empiezan a armar paletas. Análogo — calmo, armonioso, perfecto para marcas de naturaleza y bienestar. Triádico — divertido, equilibrado, vibrante. Tetrádico — versátil, rico, necesita un color dominante. Cuadrado — audaz y equilibrado; más difícil de aplicar que el tetrádico. Monocromático — minimalista, sofisticado, amigable con la accesibilidad cuando se combina con un neutro.