Saltar al contenido principal
Paleta de colores · 100 % local

Generador de paletas de colores

Elige un color base y genera paletas armónicas al instante. Elige entre los modos complementario, análogo, triádico, tetrádico, complementario dividido o monocromático.

100 % local
Color base
Armonía
Paleta
Variables CSS
:root {
  --color-1: #63ADF1;
  --color-2: #6366F1;
  --color-3: #A763F1;
}
Más información

Todo sobre el Generador de paletas de colores

¿Por qué usar un generador de paletas de colores?

Genera bonitas paletas de colores a partir de cualquier color base. Modos de armonía complementaria, análoga, triádica, tetrádica y monocromática. Copia en HEX, RGB, HSL o variables CSS. Tanto para proyectos personales como para el trabajo o tareas puntuales, nuestra herramienta en el navegador lo resuelve al instante, sin instalación, sin registro y sin subir archivos a servidores externos. Todo se ejecuta localmente en tu navegador para una velocidad y una privacidad máximas.

Usos habituales

Crear la gama de colores de una marca o de una interfaz a partir de un color existente, encontrar colores de acento que combinen con un logo, elegir los colores de gráficos e ilustraciones, y obtener tonos del claro al oscuro de un mismo color para botones, fondos y bordes.

Funciones y detalles técnicos

Las armonías se calculan en el círculo cromático HSL a partir de tu color base exacto: complementaria (180°), análoga (±30°), triádica (120°), tetrádica (90°), complementaria dividida (150° / 210°) y monocromática (5 niveles de luminosidad repartidos de forma uniforme). Cada muestra indica HEX, HSL y RGB y se copia con un clic; la paleta también se ofrece como propiedades personalizadas CSS para copiar o descargar.

Cómo funciona

Cómo generar una paleta

  1. Elige un color base

    Usa el selector de color o introduce un valor HEX para fijar tu color de partida.

  2. Elige una armonía

    Selecciona un modo de armonía: complementaria, análoga, triádica, tetrádica, complementaria dividida o monocromática.

  3. Copia y usa

    Haz clic en cualquier muestra para copiar su valor HEX, o copia el bloque de variables CSS para tu hoja de estilos.

Guías prácticas

Consejos y guías

Diseña con armonía

Las armonías de color crean combinaciones agradables a la vista porque siguen relaciones matemáticas del círculo cromático que nuestros ojos perciben como equilibradas.

Usa paletas análogas para diseños tranquilos y coherentes. Usa la complementaria o la triádica para diseños vibrantes y de alto contraste. La monocromática funciona muy bien para interfaces elegantes y minimalistas.

Consejo pro

100 % privado

Todos los cálculos de color se hacen en tu navegador. No se envía ningún dato a ningún servidor.

Tus elecciones de color nunca se rastrean ni se guardan. Cierra la pestaña y todo desaparece.

Privacidad
Preguntas frecuentes

Preguntas frecuentes

Todo lo que necesitas saber sobre las paletas de colores