Stax

Generador de Paleta de Colores

Genera 10 tonos de luminosidad y colores armónicos desde cualquier color hex.

HSL(217°, 91%, 60%)

Lightness scale from 10% (darkest) to 90% (lightest). Click any swatch to copy its hex value.

¿Qué es el generador de paleta de colores?

Esta herramienta genera 10 tonos de luminosidad y colores armónicos (complementario, análogo, triádico) desde cualquier color base. Perfecto para sistemas de diseño tipo Tailwind y paletas de marca.

Cómo usar el generador

  1. Ingresa color hex base.
  2. Selecciona armonía de color (Complementario, Triádico, etc.).
  3. 10 tonos se generan automáticamente.
  4. Copia cada color en HEX/RGB/HSL.

Armonías de color

  • Complementario — tonos opuestos, alto contraste
  • Análogo — tonos adyacentes, armonioso
  • Triádico — 120° aparte, balance vibrante
  • Monocromático — un tono, diferente luminosidad

Preguntas frecuentes

¿Qué es la armonía de colores?
Reglas de teoría del color que usan los diseñadores para crear paletas balanceadas. Complementario (tonos opuestos), Análogo (adyacentes), Triádico (120° aparte), Tetrádico (4 colores), Monocromático (mismo tono, diferente luminosidad). Cada armonía da un estado de ánimo diferente.
¿Para qué son útiles las variaciones de luminosidad?
10 variaciones de luminosidad (50, 100, 200... 900) desde un color base — como Tailwind CSS. Tono claro en fondos, oscuro en texto, medio en estados hover. Esencial para crear sistemas de diseño consistentes.
¿Cómo elegir colores de marca?
Color primario para identidad de marca, secundario soporta, acento para botones CTA. Regla 60-30-10: 60% neutral, 30% primario, 10% acento. Prueba accesibilidad — todas las combinaciones deben pasar WCAG AA.
¿Qué herramientas usan los diseñadores?
Adobe Color, Coolors, Color Hunt — para navegar paletas. Figma, Sketch — constructores de paleta integrados. Esta herramienta genera 10 variaciones + colores armónicos desde cualquier hex — perfecto para prototipado rápido.

Herramientas relacionadas