Generador de paletas de colores
Parte de un color que te encante o deja que el azar te sorprenda, y quédate con los tonos que funcionan.
Sellado en este dispositivo
Funciona en tu navegador. No se sube nada.
Sellado
Tu paleta
Ajustes
Construye la paleta en torno al color base. Los colores bloqueados se conservan.
Exportar
Cómo funciona
-
Elige una base o déjalo al azar
Introduce un color base y elige una armonía, o pulsa «Nueva paleta» (o la barra espaciadora) para obtener una nueva.
-
Bloquea lo que te guste
Bloquea los colores que quieras conservar y vuelve a generar: solo cambian los desbloqueados. Haz clic en una muestra para ajustarla a mano.
-
Exporta tu paleta
Cópiala como variables CSS o JSON para tu código, o descarga un PNG para compartirlo con tu equipo.
Preguntas frecuentes
¿Qué significan las armonías?
Proceden del círculo cromático. Los colores análogos están uno junto a otro y transmiten calma. Los complementarios están enfrentados y crean contraste. La complementaria dividida, la triádica y la cuadrada reparten los colores de forma regular por el círculo para lograr paletas más vivas. La monocromática usa versiones más claras y más oscuras de un mismo tono.
¿Cómo funciona el bloqueo?
Selecciona el candado bajo un color para conservarlo. Cuando generas una paleta nueva, los colores bloqueados se quedan exactamente donde están y los nuevos se eligen para combinar con ellos.
¿Por qué los colores se ven tan equilibrados?
Las paletas se construyen en OKLCH, un espacio de color diseñado en torno a la visión humana. Al girar el tono en ese espacio, la luminosidad y la intensidad se mantienen constantes, así que ningún color parece de repente demasiado brillante o apagado junto a los demás.
¿Cómo uso la paleta en mi proyecto?
Copia la exportación CSS y pégala en tu hoja de estilos: obtendrás variables como --color-1 que puedes usar en cualquier parte. La exportación JSON incluye cada color en HEX, RGB y OKLCH para design tokens o scripts.
¿Puedo usar las paletas con fines comerciales?
Sí. Los colores no son de nadie, y las paletas que creas aquí son tuyas para usarlas libremente, en proyectos personales o comerciales.