Herramientas de Color

Generador de paletas de colores

Convierte un color base en una paleta que combina usando reglas clásicas de armonía del color.

Valora esta herramienta

Cómo usar Generador de paletas de colores

  1. Elige un color base.
  2. Elige una armonía (complementaria, análoga, triádica y más).
  3. Haz clic en cualquier muestra para copiar su hex, o copia toda la paleta.

Acerca de Generador de paletas de colores

El Generador de paletas de colores convierte un color base en un conjunto coordinado de cinco colores usando relaciones clásicas de la teoría del color. Elige un color base, escoge una armonía —complementaria, análoga, triádica, tetrádica, monocromática o tonos— y calcula los colores que combinan rotando el tono y ajustando la luminosidad en la rueda de color. Haz clic en cualquier muestra para copiar su código hex, o copia toda la paleta de una vez.

Cada armonía tiene un carácter distinto. La complementaria usa tonos opuestos para un alto contraste; la análoga usa tonos vecinos para un aspecto tranquilo y cohesionado; la triádica y la tetrádica se reparten por igual en la rueda para una variedad equilibrada; la monocromática y los tonos mantienen un mismo tono variando la luminosidad, útil para fondos, bordes y estados hover. Todo se calcula en tu navegador, así que es instantáneo y no se sube nada. Para afinar un valor concreto ayuda el conversor de hex a RGB, y para fondos combina bien el generador de degradados CSS.

Preguntas frecuentes

¿Cómo elige los colores?

Convierte tu color base a HSL y rota el tono y ajusta la luminosidad según la armonía que elijas, imitando cómo los diseñadores usan la rueda de color.

¿Qué significan los tipos de armonía?

La complementaria usa tonos opuestos para alto contraste; la análoga usa tonos vecinos para un aspecto armónico; la triádica y la tetrádica usan tonos equidistantes para una variedad equilibrada; la monocromática y los tonos mantienen un tono con distintas luminosidades.

¿Cómo copio un color?

Haz clic en cualquier muestra para copiar su código hex, o usa Copiar todo para copiar toda la paleta como una lista separada por comas.

¿En qué formato están los colores?

En hex, como #4F46E5. Puedes convertir cualquiera a RGB o HSL con el conversor de hex a RGB si tu proyecto necesita otro formato.

¿Es gratis y privado?

Sí. Funciona por completo en tu navegador sin registro, y no se sube ningún color ni imagen.