Generador de paletas de color
Parte del color de tu marca y genera una paleta con las armonías clásicas del círculo cromático o con una gama completa de tonos; después copia los códigos HEX o las variables CSS.
No necesita datos
Cómo se usa
- Escribe o elige un color base.
- Elige una armonía.
- Copia los colores sueltos o las variables CSS.
Cómo funciona
Las armonías giran el matiz en el círculo cromático HSL manteniendo la saturación y la luminosidad: el complementario está a +180°, el análogo a ±20° y ±40°, el triádico a +120° y +240°, el complementario dividido a +150° y +210°, y el tetrádico cada 90°. Los tonos conservan el matiz y la saturación y varían la luminosidad del 95 % al 15 %.
El texto de cada muestra cambia entre negro y blanco según la relación de contraste de la WCAG.
Ejemplos
- Tonos de marca
- #0d6e63 → ocho tintes y sombras para fondos, bordes y texto.
Usos habituales
- Identidad de marca y diseño de interfaces
- Presentaciones y gráficos
- Sistemas de diseño para la web
Privacidad y seguridad
Esta herramienta no necesita ningún dato personal ni ningún archivo. Los resultados se generan en tu dispositivo. Cómo trata los archivos cada herramienta
Preguntas frecuentes
¿Por qué algunas armonías se ven desequilibradas?
HSL no es perceptualmente uniforme: los amarillos parecen más claros que los azules con la misma luminosidad. Ajusta a ojo los colores uno a uno.
¿Puedo extraer una paleta de una foto?
Sí, usa Extraer la paleta de colores de una imagen.
Última actualización: