Generador de paleta de colores

Genera paletas de colores armoniosas al azar.

#7c1d6f
#a52755
#30cf46
#5ad8aa
#bf83e2

Haga clic en un color para copiarlo o generar una nueva paleta

CSS Variables

--color-1: #7c1d6f; --color-2: #a52755; --color-3: #30cf46; --color-4: #5ad8aa; --color-5: #bf83e2;

Teoría del color para paletas

Una buena paleta de colores se basa en relaciones armónicas en la rueda de color. Nuestro generador usa esquemas como análogo (colores cercanos), complementario (opuestos), triádico (equidistantes) y pentádico para crear combinaciones visualmente atractivas.

Las paletas de 5 colores son ideales para diseño web: un color primario, uno secundario, un acento, un color oscuro para texto y uno claro para fondos. Bloquea los colores que te gusten y regenera el resto hasta encontrar la combinación perfecta.

Preguntas frecuentes

¿Cómo elegir una buena paleta?

Empieza con un color que te guste, bloquéalo, y genera hasta que los demás complementen. Usa máximo 2-3 colores principales y el resto como neutros.

¿Cuántos colores necesito para un sitio web?

Generalmente 5: primario (CTAs), secundario (acentos), fondo, texto, y un color para destacar. La regla 60-30-10 funciona bien: 60% color dominante, 30% secundario, 10% acento.

¿Puedo exportar la paleta en otros formatos?

Puedes copiar los valores HEX individuales o todas las variables CSS listas para usar. Para otros formatos como RGB o HSL, usa nuestro conversor de colores con los valores HEX generados.

¿Quieres saber más? Lee nuestra guía completa