Generador de paletas de colores

Acerca del generador de paletas de colores

Esto genera paletas de cinco colores basadas en relaciones de la teoría del color, de modo que los colores realmente funcionen juntos en lugar de chocar. Es un punto de partida para una marca, un sitio web, un póster, una presentación, una ilustración o una interfaz — un lugar donde empezar cuando te quedas mirando un panel de muestras en blanco. Elige un tipo de armonía, genera hasta que algo encaje, y haz clic en cualquier muestra para copiar su código HEX directamente en tu herramienta de diseño o CSS.

Cómo funciona — los tipos de armonía

Empieza con un tono base aleatorio y deriva los demás usando posiciones en la rueda de color, luego convierte cada uno a un código HEX:

• Análoga — tonos cercanos al base (vecinos en la rueda), para un aspecto tranquilo y cohesionado.
• Complementaria — el base más su opuesto (a 180°), para alto contraste.
• Triádica — tres tonos separados uniformemente 120°, equilibrados y vívidos.
• Monocromática — un solo tono en varios niveles de luminosidad, un rango tonal sutil.
• Aleatoria — cinco tonos sin relación, para golpes de suerte.

La saturación y la luminosidad varían dentro de rangos agradables para que las muestras se lean como un conjunto.

Supuestos y comportamiento

• Cada paleta tiene cinco colores, generados a partir de relaciones HSL y expresados en HEX.
• Se elige un nuevo tono base aleatorio cada vez que generas, así que obtienes una paleta nueva en cada clic incluso con el mismo tipo de armonía.
• La saturación se sitúa en un rango medio-alto y la luminosidad se reparte entre las muestras, así que los colores son utilizables en lugar de estar lavados o turbios.
• Haz clic en una muestra para copiar su HEX; también puedes copiar todo el conjunto de una vez.

Limitaciones

• No comprueba el contraste de color para accesibilidad. Una paleta que se ve bien no cumple automáticamente con WCAG para texto sobre fondo; verifica las relaciones de contraste por separado antes de usar dos de estos colores como texto y fondo.
• Las paletas son generadas, no curadas — las reglas de armonía las mantienen coherentes, pero el gusto sigue importando; regenera hasta que una te encaje.
• Solo genera HEX (sin exportación RGB/HSL ni roles con nombre como «primario/acento»).
• Produce cinco colores por paleta; no construye escalas completas de tintes/sombras para un sistema de diseño.

Privacidad

Las paletas se generan completamente en tu navegador. Nada se sube ni se almacena.