Calculadora de Armonías de Color

Genera paletas armónicas basadas en teoría del color: complementarios, análogos, triádicos y más

Rueda de Color

Paleta Generada

#7126D9

rgb(113, 38, 217)

#8ED926

rgb(142, 217, 38)

Sobre las Armonías de Color

Las armonías de color son combinaciones que funcionan bien juntas basadas en su posición en la rueda de color. Cada tipo de armonía crea un efecto visual diferente y es adecuado para distintos propósitos de diseño. Experimenta con saturación, luminosidad y rotación para encontrar la combinación perfecta.

Cómo funciona

Las armonías de color son combinaciones de colores que resultan visualmente agradables, basadas en sus posiciones en la rueda de color.

Tipos de Armonías

Complementarios

Colores opuestos en la rueda (180°). Alto contraste y energía visual.

Análogos

Colores adyacentes en la rueda. Armonía suave y natural.

Triádicos

Tres colores equidistantes (120°). Balance con variedad.

Split Complementarios

Un color base más los dos adyacentes a su complementario. Contraste suavizado.

Tetrádicos

Cuatro colores formando un rectángulo. Máxima variedad cromática.

💡 Ejemplos de uso prácticos

Caso 1: Landing page de startup tech

Color base azul #3B82F6. Necesitas una paleta profesional.

→ Usa análogos: Añade #6366F1 (violeta) y #06B6D4 (cian)
→ Resultado: Paleta tech cohesiva y profesional

Caso 2: Botón CTA que destaque

Tu web usa verde #10B981. Necesitas un botón que resalte.

→ Usa complementario: #F43F5E (rosa/rojo)
→ El contraste máximo atrae la atención al CTA

Caso 3: Dashboard con múltiples secciones

Necesitas diferenciar 4 categorías de datos visualmente.

→ Usa tetrádico desde #8B5CF6
→ Obtienes 4 colores distintos pero armónicos para cada sección

Preguntas Frecuentes

¿Qué armonía es mejor para mi proyecto?
Depende del mensaje: complementarios para energía y contraste, análogos para calma y cohesión, triádicos para balance con variedad.
¿Cómo uso la regla 60-30-10?
Usa el color dominante en 60% del diseño, el secundario en 30% y el acento en 10%. Esto crea balance visual.
¿Puedo modificar los colores generados?
Sí, las armonías son un punto de partida. Ajusta saturación y luminosidad para adaptarlos a tu marca.