Generador de Paleta de Colores
Crea paletas de colores hermosas y armoniosas al instante con nuestro generador online gratuito. Soporta modos monocromático, análogo, complementario, triádico, split-complementario y tetradício. Ajusta colores con controles HSL, bloquea favoritos y exporta como CSS, Tailwind, JSON o SVG. 100% basado en navegador, tus datos nunca salen de tu dispositivo.
¿Cómo genero una paleta de colores?
Haz clic en el botón Generar o pulsa la barra espaciadora para crear una nueva paleta aleatoria. Usa el selector de modo de armonía para elegir entre esquemas monocromático, análogo, complementario, triádico, split-complementario o tetradício.
¿Cómo bloqueo un color que me gusta?
Haz clic en el icono de candado en cualquier muestra de color. Los colores bloqueados permanecerán al generar una nueva paleta, mientras que los desbloqueados serán reemplazados.
¿Cómo exporto mi paleta?
Haz clic en el botón Exportar para elegir entre variables CSS, configuración Tailwind, array JSON o paleta SVG. La paleta se copiará al portapapeles automáticamente.
¿Cuáles son los diferentes modos de armonía?
Monocromático usa un tono con saturación y luminosidad variables. Análogo usa tonos adyacentes (±30°). Complementario usa tonos opuestos (180°). Triádico usa 3 tonos equidistantes (120°). Split-complementario usa un tono base más dos adyacentes a su complemento. Tetradício usa 4 tonos equidistantes (90°).
¿Puedo crear la paleta a partir del color de mi marca?
Sí. Elige el color de tu marca en el selector base y después un modo de armonía: los otros cuatro colores se generan alrededor de él. Luego puedes afinar cada uno con los controles HSL.
¿Qué formatos de exportación hay?
La paleta se puede exportar como variables CSS, configuración de Tailwind, arreglo JSON o archivo SVG. La vista previa del código se actualiza al cambiar de formato, lista para copiar y pegar en tu proyecto.
¿Puedo ver los valores en HEX, RGB o HSL?
Sí, el valor de cada color se puede mostrar en HEX, RGB o HSL. Así obtienes directamente el formato que espera tu herramienta de diseño o tu código, sin conversiones manuales.
¿Qué significa la pequeña insignia de cada color?
Indica si el texto blanco o negro se lee bien sobre ese color. Cuando la relación de contraste llega a 4,5:1, la insignia marca aprobado según la guía WCAG de accesibilidad; muy útil al elegir fondos de botones o banners.
¿Mi paleta se sube a algún servidor?
No. Todo funciona localmente en tu navegador, así que los colores nunca salen de tu dispositivo. Una vez cargada la página, incluso funciona sin conexión.
Cómo usar Generador de Paleta de Colores
Genera paletas de colores armónicas con modos monocromático, análogo y triádico, entre otros — todo se calcula en tu navegador. Fija los tonos que te gusten, afínalos y expórtalos en el formato de tu framework.
- Elige un Mode de armonía en el desplegable: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary o Tetradic.
- Define el color Base para que cada muestra generada derive del tono de tu marca, y regenera hasta dar con el conjunto correcto.
- Pulsa ✕ sobre cualquier muestra que no te convenza y vuelve a tirar; ajusta las que queden con los deslizadores HSL.
- Compara las muestras sobre maquetas claras y oscuras para confirmar que el texto sigue legible sobre cada color.
- Abre Export Palette y llévate tus colores como CSS Variables, Tailwind Config, JSON Array o SVG Palette.
Fija la muestra Base antes de regenerar en modo Random: así exploras variaciones alrededor del color de tu marca sin perderlo.
Herramientas relacionadas
- Convertidor de Color Convertidor de color online gratuito. Convierte formatos HEX, RGB, HSL, HSV al instante con selector visual. 100% privado, funciona en tu navegador.
- Selector de Color Selecciona cualquier color de la pantalla con el cuentagotas. Copia códigos HEX, RGB, HSL al instante. Herramienta gratuita.
- Verificador de Contraste de Color Verifica ratios de contraste de color para cumplimiento WCAG 2.1. Valida estándares AA y AAA al instante.
- Simulador de Daltonismo Simulador gratuito de daltonismo online. Pruebe diseños para Protanopía, Deuteranopía, Tritanopía y otros tipos. 100% privado, funciona en su navegador.
- GIF Extraer Fotogramas Extrae y descarga fotogramas individuales de animaciones GIF como PNG o sprite sheet. Herramienta online gratuita con vista previa y exportación ZIP.
- GIF Invertido Invierte el orden de reproducción de animaciones GIF online gratis. Sube, previsualiza y descarga GIFs invertidos al instante.
- Cambiador de Velocidad GIF Cambia la velocidad de animación GIF en línea. Acelera o ralentiza archivos GIF al instante.
- Video a GIF Convierte vídeo a GIF animado online. Ajusta calidad, velocidad de fotogramas y resolución directamente en tu navegador sin subir archivos.