Generador de Evolución de Paleta

Genera 12 variaciones inteligentes de tu paleta: pastel, vívida, apagada, oscura, clara, cálida, fría y más

Introduce tu paleta base y obtén al instante 12 variaciones inteligentes: pastel, vívida, apagada, oscura, clara, cálida, fría, monocromática, complementaria, análoga, alto contraste y retro.

Paleta Base

Pastel
Base
Vívida
Base
Apagada
Base
Oscura
Base
Clara
Base
Más Cálida
Base
Más Fría
Base
Monocromática
Base
Complementaria
Base
Análoga +25°
Base
Alto Contraste
Base
Retro / Vintage
Base

Resumen

5
Colores Base
12
Variaciones
60
Colores Totales
4
Formatos Export

Consejos y Casos de Uso

Por Sector

• Bienestar / belleza → Pastel + Clara

• Gaming / deportes → Vívida + Alto Contraste

• Editorial / lujo → Apagada + Retro

• Tech / SaaS → Fría + Oscura

• Hostelería / comida → Cálida + Vívida

Consejos Pro

• Usa "Usar como Base" para encadenar evoluciones y resultados únicos

• Exporta todos los formatos para un handoff completo de diseño

• Combina Oscura + Alto Contraste para temas oscuros accesibles

• Clic en color → copia HEX · Clic en "Copiar" → paleta completa

• "Editar en Generador" permite refinar cualquier variación con todas las herramientas

Cómo funciona

El Generador de Evolución de Paleta toma tu paleta base y genera automáticamente 12 variaciones inteligentes, cada una con un carácter visual diferente.

Tipos de evolución

  • Pastel: Reduce saturación y aumenta luminosidad. Ideal para marcas suaves y femeninas.
  • Vívida: Maximiza la saturación. Perfecta para gaming, deportes y entretenimiento.
  • Apagada: Desatura y equilibra la luminosidad. Excelente para diseño editorial y lujo.
  • Oscura: Reduce la luminosidad dramáticamente. Útil para fondos oscuros y modo nocturno.
  • Clara: Aumenta la luminosidad. Ideal para fondos claros y diseño aireado.
  • Cálida: Desplaza los tonos hacia rojos, naranjas y amarillos.
  • Fría: Desplaza los tonos hacia azules, verdes y púrpuras.
  • Monocromática: Elimina la saturación manteniendo la estructura de luminosidad.
  • Complementaria: Rota cada color 180° en la rueda de color.
  • Análoga: Desplaza cada tono +25° para crear armonías cercanas.
  • Alto Contraste: Amplifica las diferencias de luminosidad entre colores.
  • Retro: Aplica un tratamiento vintage con saturación reducida y luminosidad media.

💡 Casos de uso

Branding y marketing

Necesitas variaciones de tu paleta corporativa para diferentes contextos: redes sociales, modo oscuro, impresión, merchandising. Genera todas las variaciones desde una sola paleta base.

Exploración de diseño

¿No estás seguro del estilo visual? Compara tu paleta en 12 estilos diferentes al instante para encontrar la dirección correcta.

Design systems

Exporta todas las variaciones en 4 formatos: CSS Variables, SCSS, JSON Tokens y Tailwind Config. Alimenta tu sistema de diseño con paletas temáticas consistentes.

Integración con el Generador

¿Te gusta una variación? Pulsa "Editar en Generador" para abrirla directamente en el Generador de Paletas con todas las herramientas de análisis, accesibilidad y exportación. También puedes enviar tu paleta desde la pestaña Variaciones del Generador.

Evoluciones encadenadas

Usa el botón "Usar como Base" en cualquier variación para tomarla como punto de partida y generar nuevas evoluciones. Encadena transformaciones para descubrir paletas únicas que no encontrarías de otra forma.

Preguntas Frecuentes

¿Cómo funciona la conversión?
Cada tipo de evolución ajusta el tono (H), saturación (S) y luminosidad (L) de los colores de forma inteligente según el efecto deseado. Por ejemplo, Pastel reduce la saturación al 45% y eleva la luminosidad a ~88%.
¿Puedo usar mi propia paleta?
Sí. Puedes hacer clic en cada color para editarlo con el selector de color, pegar códigos HEX con el botón "Pegar HEX", o usar "Aleatorio" para generar una nueva paleta base.
¿Qué formatos exporta?
Exporta en 4 formatos profesionales: CSS Variables (:root), SCSS Variables ($var), JSON Tokens (design tokens estándar) y Tailwind Config (theme.extend.colors).
¿Puedo filtrar qué variaciones ver?
Sí. Usa los botones de filtro para mostrar u ocultar variaciones específicas. También puedes usar "Seleccionar Todos" / "Quitar Todos" para alternar rápidamente.
¿Cómo copio un color individual?
Haz clic en cualquier color de cualquier variación para copiar su código HEX al portapapeles. También puedes copiar toda una paleta con el botón "Copiar".
¿Puedo editar una variación?
Sí. Cada variación tiene un botón "Editar en Generador" que abre esa paleta en el Generador principal, donde puedes ajustar colores, asignar roles, comprobar accesibilidad y exportar en más formatos.
¿Qué es "Usar como Base"?
Toma los colores de esa variación y los convierte en tu nueva paleta base. Esto te permite encadenar evoluciones: por ejemplo, crear una versión pastel y luego oscurecerla para obtener resultados únicos.
¿Puedo enviar mi paleta desde el Generador?
Sí. En la pestaña Variaciones del Generador de Paletas encontrarás un enlace directo a esta herramienta que envía automáticamente tu paleta actual.