Generador de paletas de colores
Crea paletas armoniosas con un clic, bloquea los colores que te gusten, compártelas y expórtalas en CSS, Tailwind o PNG.
Pulsa la barra espaciadora para generar una nueva paleta. Bloquea los colores que quieras conservar; haz clic en un código para editarlo.
Todo funciona en tu navegador: no se envía ningún dato.
Sobre esta herramienta
Este generador de paletas de colores crea con un clic combinaciones armoniosas para un logo, una web, la carta de un restaurante o una identidad de marca. Ofrece seis estilos: armonía libre, análoga, monocromática, complementaria, triádica y pastel. Los colores se calculan en el espacio OKLCH, que sigue la percepción del ojo, para lograr paletas equilibradas. Útil para diseñadores, desarrolladores y dueños de pequeños negocios.
Bloquea los colores que quieras conservar y vuelve a generar con el botón Generar o la barra espaciadora. Cada paleta tiene de 2 a 10 colores: edita un código HEX, cambia el orden, quita o copia cualquier color. Exporta la paleta en HEX, CSS, SCSS, Tailwind o JSON, descarga una imagen PNG o copia un enlace para compartir que incluye los colores.
- Seis estilos de armonía, incluidos pastel y monocromático
- Bloquea colores y regenera con la barra espaciadora
- De 2 a 10 colores, editables y reordenables
- Exporta en HEX, CSS, SCSS, Tailwind o JSON
- Descarga en PNG y enlace para compartir
Cómo usarla
- Elige un «Estilo de paleta» y pulsa «Generar» (o la barra espaciadora).
- Bloquea los colores que te gusten y regenera hasta dar con la paleta.
- Ajusta: edita un código, añade, mueve o quita un color.
- Elige un formato en «Exportar» y copia el código, o pulsa «Descargar PNG».
Preguntas frecuentes
¿Se envían mis colores a algún sitio?
No. Todo se calcula en tu navegador y no se envía ningún dato. Los colores solo quedan en la dirección de la página para que el enlace para compartir pueda recuperarlos.
¿El generador de paletas es gratis?
Sí, es gratuito y funciona sin cuenta ni registro.
¿Cómo uso la paleta en CSS o Tailwind?
Elige CSS, SCSS, Tailwind o JSON en «Exportar»: la herramienta genera variables CSS (--color-1…), variables SCSS ($color-1…) o un bloque colors para Tailwind, listos para copiar.
¿La imagen PNG descargada lleva alguna marca?
Sí, la imagen PNG (1600 × 900 px) lleva una pequeña mención discreta «kspnai.com/tools/palette-generator» con el logo de KSPNAI abajo a la derecha. Los códigos copiados no llevan ninguna marca.