Centro Global de Herramientas
Idioma actual: Spanish

Palette Generator

Elige un color base y crea al instante una paleta limpia para UI, marca o contenido.

Cómo usarlo

  1. Ingresa un valor HEX (ejemplo: #4F46E5) o usa el selector de color.
  2. Haz clic en "Generar paleta" para crear colores combinados.
  3. Copia cualquier valor HEX desde las tarjetas.

Usa HEX de 6 dígitos (por ejemplo #2563EB).

Paleta generada

Colores equilibrados según tu color base seleccionado.

Base

HEX

#4F46E5

Complementario

HEX

#DDE548

Análogo (-30°)

HEX

#488FE5

Análogo (+30°)

HEX

#9E48E5

Variaciones claras 1

HEX

#726BEA

Variaciones claras 2

HEX

#8D87EE

Variaciones claras 3

HEX

#A7A3F2

Variaciones oscuras 1

HEX

#3F38B7

Variaciones oscuras 2

HEX

#332E95

Variaciones oscuras 3

HEX

#282373

Punto de partida práctico para tu paleta

Genera una base rápida aquí y valida los colores en componentes reales antes de publicarlos.

Cuándo usar esta herramienta

  • Necesitas una primera paleta desde un color de marca.
  • Quieres comparar opciones claras, oscuras y complementarias.
  • Estás definiendo color para una landing o rediseño ligero.

Pasos rápidos

  1. Ingresa un HEX base y genera la paleta.
  2. Copia solo 4-6 colores realmente útiles.
  3. Prueba en una maqueta rápida y ajusta antes de aplicar en todo el sitio.

Errores comunes

  • Usar demasiados colores generados a la vez.
  • Omitir revisión de contraste texto/fondo.
  • Elegir acentos sin revisar estados hover y active.

Guías relacionadas de Palette Generator

Sigue con guías cortas sobre estructura de paleta, colores de acento y pruebas antes de lanzar.