Generador de Paletas de Colores
Elige un color base y genera combinaciones armónicas: complementarios, análogos, triádicos y tonos. Copia cualquier HEX al instante.
Complementario
Análogos
Triádico
Tonos (claro→oscuro)
Hecho por
Miguel Ángel Colorado Marin (MACM)
Hecho por
Miguel Ángel Colorado Marin (MACM)
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
¿Cómo generar una paleta de colores?
- 1
Elige el color base
Usa el selector de color o escribe un HEX. Toda la paleta se recalcula al instante.
- 2
Explora las combinaciones
Verás combinaciones complementarias, análogas, triádicas y una escala de tonos del más claro al más oscuro.
- 3
Copia los colores
Haz clic en cualquier color para copiar su código HEX al portapapeles.
- 4
Úsalos en tu diseño
Pega los HEX en CSS, Figma, Tailwind o donde diseñes.
Preguntas frecuentes
¿Qué es una paleta complementaria?
Son colores opuestos en el círculo cromático (a 180°). Generan máximo contraste y se usan para destacar elementos.
¿Qué diferencia hay entre análogos y triádicos?
Los análogos son colores vecinos (±30°), armónicos y suaves. Los triádicos están a 120° entre sí, vibrantes y equilibrados.
¿Se envía algo a un servidor?
No. Todo el cálculo de color ocurre en tu navegador. No se sube ni se almacena nada.
¿En qué formato copio los colores?
En HEX (por ejemplo #7c3aed), el formato universal compatible con CSS, Figma, Tailwind y cualquier herramienta de diseño.
Herramientas relacionadas
Incrusta Generador de Paletas de Colores en tu web
Integra Generador de Paletas de Colores en cualquier página web con un simple iframe. Gratis, con atribución a miguelacm.es.
<iframe
src="https://miguelacm.es/embed/color-palette"
width="100%"
height="700"
frameborder="0"
title="Generador de Paletas de Colores — miguelacm.es"
></iframe>