Adivinar qué colores combinan bien hace perder tiempo de diseño. Este generador aplica las armonías clásicas del círculo cromático, las mismas relaciones de matiz que se enseñan en teoría del color, así que cada paleta queda coordinada matemáticamente, no a ojo. Haz clic en cualquier muestra para copiar su código hex, o copia toda la paleta como variables CSS listas para pegar. Es 100% del lado del cliente: sin cuenta, sin subir nada, sin rastrear los colores de tu marca.
Generador de Paleta de Colores Gratis
Funciona del todo en tu navegador: sin subir nada y sin registro.
Armonía
Variables CSS
¿Qué es un generador de paleta de colores?
Un generador de paleta de colores crea un esquema de color a partir de un color base usando la teoría del círculo cromático. Eliges o escribes un color hex, seleccionas una armonía como complementaria, análoga, triádica o monocromática, y calcula al instante los colores coordinados, cada uno con su código hex listo para copiar. Todo funciona en tu navegador.
Cómo se usa
- 1Elige tu color base. Haz clic en el selector de color para elegir visualmente, escribe un código hex como #6366f1, o pulsa Aleatorio para partir de otro punto.
- 2Elige una armonía. Cambia entre complementaria, complementaria dividida, análoga, triádica, tetrádica, monocromática, sombras y tintes. La paleta se recalcula al instante.
- 3Copia los colores. Haz clic en cualquier muestra para copiar ese código hex, o usa el botón Copiar para llevarte toda la paleta como variables CSS.
Para quién es
- Diseñadores web que arrancan un sitio desde un solo color de marca: generan compañeros análogos o complementarios divididos para fondos, botones y acentos.
- Desarrolladores front-end que necesitan un punto de partida de design tokens: copian la paleta como variables CSS y la pegan directo en una hoja de estilos.
- Marketers y creadores de presentaciones que ajustan gráficos, piezas para redes o diapositivas al color de un logo sin usar un programa de diseño.
- Ilustradores y aficionados que exploran sombras y tintes de un mismo matiz para dar profundidad, luces y sombras a una pieza.
Preguntas frecuentes
¿Es gratis este generador de paleta de colores?
Sí, 100% gratis, sin registro, sin marcas de agua y sin límites. Genera y copia tantas paletas como quieras, para proyectos personales o comerciales.
¿Se suben mis colores a algún servidor?
No. La paleta se calcula por completo en tu navegador con JavaScript simple. Tus colores de marca, entradas y clics nunca se envían a un servidor.
¿Qué es un color complementario?
El color complementario está justo enfrente de tu base en el círculo cromático, una rotación de 180 grados. Pares complementarios como azul y naranja dan el contraste más fuerte, por eso son tan usados en botones de llamada a la acción sobre un fondo de marca.
¿Cuál es la diferencia entre paletas análogas y triádicas?
Las paletas análogas usan matices vecinos, dentro de unos 30 grados del base, por lo que se sienten tranquilas y cohesionadas. Las triádicas toman tres matices separados 120 grados, dando un esquema vibrante y equilibrado con más contraste entre colores.
¿Qué son las sombras y los tintes?
Las sombras oscurecen tu color base bajando su luminosidad hacia el negro; los tintes lo aclaran hacia el blanco. Ambos mantienen el mismo matiz y saturación, por lo que son ideales para estados hover, bordes y capas de fondo de un mismo color de marca.
¿Cuántos colores debe tener la paleta de un sitio web?
Una regla común es 60-30-10: un color dominante para cerca del 60% de la interfaz, uno secundario para el 30%, y un acento para el 10%. Empieza con una armonía de 3 a 5 colores aquí y luego añade sombras y tintes de cada uno para estados y superficies.
¿Por qué la paleta casi no cambia con gris o negro?
El gris, el negro y el blanco tienen saturación cero, así que no tienen matiz sobre el que actúen las rotaciones de armonía: rotar nada devuelve el mismo neutro. Para construir una escala de neutros usa los modos de luminosidad: tintes para negro o grises oscuros, sombras para blanco o grises claros, y monocromático para grises medios.