Saltar al contenido

Generador de paletas de colores

Genera de 3 a 8 colores, conserva favoritos, edita HEX y exporta la paleta.

Opciones de la paleta

Procesado en tu navegador.

Resultado

Introduce los datos y calcula.

Cómo usarlo

Al abrir la página ya tienes una paleta: no necesitas introducir colores. Elige de 3 a 8 colores y una relación; Generar paleta propone otra combinación. Fija una tarjeta que te guste y solo cambiarán las demás al regenerar. Pulsa de nuevo el botón para liberar ese color.

Método e interpretación

Las relaciones HSL separan tonos análogos 25°, complementarios 180° y tríadas 120°; los monocromáticos comparten tono. La luminosidad va de 30% a 75% y la saturación de 60% a 80%. El primer color fijado sirve de referencia para el tono y los otros colores fijos mantienen su valor exacto.

Ejemplos

Para un conjunto de tres colores, elige 3, genera y fija tu favorito. Vuelve a generar para cambiar los otros dos. Si quieres ajustarlo, pulsa la muestra al principio del campo HEX o edita el texto que está detrás. Editar fija el color automáticamente y actualiza su vista y la exportación.

Límites y errores

Copia la lista HEX o propiedades CSS --color-1, --color-2, etc. Cambiar el formato conserva los colores. SVG y PNG descargan la misma tira ordenada con etiquetas HEX. Un HEX incompleto mantiene el editor visible y desactiva copia y descargas hasta corregirlo. Borrar elimina paleta y fijaciones; Generar vuelve a crearla sin exigir datos.

Preguntas frecuentes

¿Se garantiza una combinación armoniosa?

No: las relaciones son puntos de partida, no garantías de gusto ni diagnósticos personales. Las etiquetas usan negro o blanco legible; comprueba los pares de texto y fondo de tu diseño. Solo se acepta HEX sRGB opaco de seis cifras, sin análisis de fotos ni degradados.