¿Qué colores combinan bien con mi color principal?
Generador de armonía de colores: reglas clásicas de teoría del color: complementaria, tríada, análoga, complementaria dividida, tétrada, cuadrada, monocromática.
Elige un color base y una armonía, y la herramienta calcula el resto sobre la rueda de color OKLCH (perceptualmente uniforme, a diferencia de una rueda RGB tradicional).
Perfecto para paletas de marca, ilustración, sets de iconos e infografías. Todo en local.
Cómo usarlo
- Elige un color base (HEX, picker nativo, cuentagotas de pantalla).
- Elige un tipo de armonía: complementaria (2 colores opuestos), análoga (3 vecinos), tríada (3 a 120°), complementaria dividida (1 + 2 vecinos del complementario), tétrada (4 irregulares), cuadrada (4 igualmente espaciados), monocromática (1 tono, 5 niveles de luminosidad).
- La rueda de la derecha muestra la rueda de color OKLCH con marcadores en las posiciones de la armonía.
- "Swatches de paleta": pulsa para copiar el HEX. La tabla "Detalles" = HEX + RGB + HSL.
- Variables CSS abajo, listas para soltar.
Cuándo es útil
Dónde brilla la armonía de colores - escenarios típicos:
- Paleta de marca: arranca desde un color de marca y las armonías sugieren acentos. Complementaria = energía (cálido + frío). Análoga = mood tranquilo. Tríada = dinámica pero equilibrada.
- Diseño de logos: la mayoría usan 1-3 colores; la armonía garantiza que encajen bien juntos.
- Gráficos / infografías: tríada o complementaria dividida dan 3-4 colores distintos para series de datos.
- Diseño web: hero + acento (complementario) + texto neutral. Verifica el par texto/fondo en el verificador de contraste antes de fijarlo.
- Educación: ver las reglas clásicas de teoría del color en un ejemplo en vivo.
Preguntas y respuestas
Las ruedas RGB / HSL tradicionales tienen un espaciado perceptual desigual. El complementario en HSL (180°) del rojo da cian, pero el cian se siente "más lejos" perceptualmente de lo que predice HSL. OKLCH tiene espaciado perceptual igual: "180° en OKLCH" sí que es complementariedad percibida. Resultado: paletas más armoniosas.