Crea paletas de color armoniosas desde una rueda de color interactiva — aplica reglas de armonía como análoga, complementaria o tríada, y copia cualquier valor al instante.

Brillo 100%
Regla de armonía
Color activo
HEX
RGB
HSL
Paleta

Elige una regla de armonía y un color base, luego arrastra los marcadores de la rueda para ajustar. Haz clic en cualquier muestra para copiarla o establecerla como nuevo color base.


Acerca de Generador de paletas de color

El Generador de Paletas de Color crea combinaciones de color armoniosas a partir de una rueda de color interactiva. Elige un color base, selecciona una regla de armonía (análoga, monocromática, tríada, complementaria, complementaria dividida, cuadrada, tonos o totalmente personalizada) y la herramienta calcula al instante una paleta a juego, con marcadores arrastrables en la rueda para un ajuste fino.

Cada muestra expone sus valores HEX, RGB, HSL y HSB, y cualquier color de la paleta puede convertirse en el nuevo color base con un clic. Un control deslizante de brillo aclara u oscurece todo el esquema mientras las relaciones de matiz permanecen fijas, lo que hace que explorar variaciones de un esquema sea muy rápido.

Todo se calcula en tiempo real en tu navegador usando matemática de teoría del color sobre la rueda HSV: no hay subidas de archivos ni comunicación con servidores. Cuando la paleta se ve bien, copia valores individuales, todos los colores a la vez, variables CSS ya preparadas o una exportación JSON.

Cómo usar Generador de paletas de color

  1. Elige un color base con el selector, escribe un valor o haz clic en "Aleatorio".
  2. Selecciona una regla de armonía como análoga, complementaria, tríada o cuadrada.
  3. Arrastra los marcadores en la rueda y ajusta el control de brillo para afinar el esquema.
  4. Haz clic en una muestra para copiarla, o definela como nuevo color base para iterar.
  5. Exporta la paleta con "Copiar todo", "Copiar variables CSS" o "Copiar JSON".

Preguntas frecuentes

Sí, es completamente gratuito. Los cálculos de la paleta se ejecutan íntegramente en tu navegador, por lo que no hay créditos, cuentas ni límites de uso involucrados.

Cada regla coloca los demás colores de la paleta en ángulos fijos alrededor de la rueda de color en relación con tu base: la complementaria se sitúa en el lado opuesto (180°), la tríada distribuye los colores 120° aparte, la análoga mantiene los colores vecinos cercanos entre sí, la complementaria dividida flanquea el matiz opuesto y la cuadrada distribuye cuatro matices 90° aparte.

Los esquemas análogos o monocromáticos son los más seguros para interfaces porque transmiten calma y cohesión. Usa la complementaria o la complementaria dividida cuando necesites un color de acento fuerte para botones y llamadas a la acción sobre un tono base dominante.

Sí. Cambia a la regla Personalizada y arrastra cada marcador de forma independiente en la rueda, o parte de cualquier regla de armonía y arrastra los marcadores para ajustar: la herramienta mantiene la paleta actualizada mientras los mueves.

Cada muestra muestra valores HEX, RGB, HSL y HSB, todos copiables individualmente. También puedes copiar la paleta completa como valores planos, como propiedades personalizadas de CSS listas para una hoja de estilos, o como JSON para entregar a código o herramientas de diseño.


Búsquedas populares
generador de paleta de colores rueda de color generador de armonía de color colores complementarios esquema de color análogo generador de paleta gratis
¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.