Diseño · Gratis
Generador de paletas de color
Siete armonías, bloqueo y mezcla, HEX/RGB/HSL, exportación CSS/JSON/SCSS — 100 % local en el navegador.
7 armonías
Vista en vivo
100 % local
Volade Tools
Generador de paletas de color
Sin cuentav1.0.0
Color base
#6366F1
Armonía
Monocromo
Matices de un mismo tono — ideal para interfaces sobrias y jerarquía por luminosidad.
HSL 239° · 84% · 67% — #6366F1
Exportar paleta
:root {
--color-1: #0f12ae;
--color-2: #1e21eb;
--color-3: #6467f2;
--color-4: #a6a7fc;
--color-5: #d6d7ff;
--color-6: #f1f1fe;
}Generador de paletas: guía de armonías, exportación y privacidad
Cree paletas armoniosas desde un color base — bloqueo/mezcla, HEX/RGB/HSL, exportación de código — 100 % local.
Diseñadores UI, directores de arte y desarrolladores front crean identidades visuales cada semana — landings, dashboards, tokens Tailwind o guías print. Volade genera paletas con siete armonías, muestra HEX/RGB/HSL en vivo, permite bloquear swatches y exportar CSS, JSON o SCSS sin enviar colores a Coolors, Paletton o Adobe Color. Historial local 10/100, PNG y ASE en V+. Volade calcula siete armonías cromáticas en el navegador — bloquee el acento de marca, mezcle el resto, exporte variables CSS sin enviar su guía a Coolors o Adobe Color. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables.
Por qué creamos esta herramienta
Porque muchas herramientas mezclan azar y cuenta cloud. Porque hacían falta armonías explícitas y exportación orientada a código sin filtrar la guía de marca.
«Bloqueo el acento índigo y mezclo el resto — export SCSS directo al design system sin Coolors ni subir la guía de marca.»
Camille D.
Lead UI
«Siete armonías sustituyen Paletton — triádico para la landing, mono para el dashboard, todo local para clientes sensibles.»
Thomas B.
Director de arte freelance
«ASE V+ para swatches print a la agencia — historial 100 para recuperar la paleta aprobada del cliente.»
Sofia M.
Diseñadora de marca
¿Por qué generar paletas armoniosas?
Una paleta incoherente cansa al usuario y diluye la marca. Elegir cinco hex al tuntún produce contrastes impredecibles.
Las reglas de armonía anclan decisiones en teoría del color. Volade las aplica al instante con bloqueo y mezcla. Volade calcula siete armonías cromáticas en el navegador — bloquee el acento de marca, mezcle el resto, exporte variables CSS sin enviar su guía a Coolors o Adobe Color. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables. Volade registra cada variante sin enviar sus colores a servidores terceros — verificable en DevTools, offline tras la primera carga, con historial local para cuentas conectadas y exportaciones V+ sin marca de agua para entregables.
Puntos clave
- 7 armonías — mono, análogo, complementario, dividido, triádico, tetrádico, cuadrado
- Bloqueo + mezcla — conserve el acento, explore el resto
- HEX / RGB / HSL — copia por swatch
- CSS / JSON / SCSS — listo para design tokens
- 100 % local — cero subida de paleta
Cómo usar el generador de paletas Volade
Cuatro pasos del color de marca a la paleta exportable en variables CSS.
En 4 pasos
- 1
Elija el color base
Preset, cuentagotas o selector — HSL bajo la cuadrícula.
- 2
Seleccione armonía
Monocromo para UI calmada, complementario para CTAs, triádico para landings dinámicas.
- 3
Bloquee y mezcle
Fije swatches aprobados, mezcle el resto.
- 4
Exporte
Copie CSS/JSON/SCSS (gratis). V+: PNG, ASE Adobe, CSS sin marca.
Casos de uso
Branding, sistemas UI y entregables print — cuando Volade sustituye subir a Coolors o Adobe Color.
1
Design system web
Primary/secondary/accent en triada, SCSS al repo — historial del sprint.
2
Landing marketing
Complementario dividido para hero + CTA, mezcle hasta el contraste.
3
Dashboard SaaS
Monocromo para jerarquía por luminosidad — JSON para tokens.
4
Entregables print
ASE V+ a Illustrator — guía local durante toda la exploración.
Volade vs competidores
Comparamos Volade con Coolors, Paletton, Adobe Color, Canva, ColorSpace y ColorHunt.
Volade lidera en procesamiento 100 % cliente, siete armonías y exportación CSS/JSON/SCSS con historial 10/100.
Volade colorea sin filtrar
Armonías, bloqueo/mezcla, exportación de código e historial local para guías sensibles.
| Criterio | Volade | Coolors | Paletton | Adobe Color | Canva | ColorSpace | ColorHunt |
|---|---|---|---|---|---|---|---|
| 7 explicit harmonies | Sí | Parcial | Yes | Yes | Parcial | Yes | No |
| Lock + shuffle | Sí | Yes | No | Parcial | No | No | No |
| CSS/JSON/SCSS export | Sí | Parcial | Partial | Parcial | Parcial | Yes | No |
| PNG / ASE export | V+ | Yes | No | Yes | Yes | Parcial | No |
| 100% local | Sí | Parcial | Yes | No | No | Parcial | Yes |
| 10/100 history | Sí | Cuenta | No | Cuenta | Cuenta | No | No |
| No account required | Sí | Parcial | Yes | No | No | Yes | Yes |
Comparación orientativa — julio 2026. «Parcial» = función limitada o cuenta requerida.
Volade apunta a flujos repetidos y sensibles con historial y exportación — no a un clic puntual.
Funciones por plan
Armonías, bloqueo/mezcla y copia CSS/JSON/SCSS gratis. V+: PNG, ASE, CSS sin marca e historial 100.
| Función | Gratis | V+ Premium |
|---|---|---|
| 7 armonías (mono → cuadrado) | ||
| Bloqueo + mezcla dirigida | ||
| Visualización HEX / RGB / HSL | ||
| Copiar CSS / JSON / SCSS | Sin marca | |
| Exportar PNG de paleta | — | |
| Exportar ASE Adobe | — | |
| Descarga archivo CSS | — | |
| Historial de paletas | 10 | 100 |
| Procesamiento 100 % local |
Gratis para exploración diaria. V+ para entregables Adobe y archivo.
Sus colores no salen del navegador
Sus colores nunca salen del navegador. El historial guarda hex, armonía y nombre en localStorage.
Buenas prácticas
Probar contraste WCAG antes de producción evita retrabajo de accesibilidad.
- Bloquee el acento — mezcle el resto
- Triádico para landing — mono para dashboards
- Copie SCSS pronto — integre variables antes del dev
- Valide contraste — verificador WCAG Volade
- Pruebe Network — cero llamadas
- ASE para print — V+ tras aprobación
Ante la duda, pruebe con una muestra antes de desplegar o importar en masa.
¿Sabía que…?
7armonías disponibles
0bytes de paleta enviados
100entradas de historial máx. en V+
Preguntas frecuentes
Privacidad, armonías, bloqueo/mezcla, exportaciones, WCAG, ASE, invitado/conectado/V+ — diez respuestas.
No. Volade calcula armonías, conversiones HEX/RGB/HSL y exportaciones enteramente en el navegador — sin red al mezclar o copiar.
DevTools → Network: cero subida. Las elecciones de marca permanecen en el dispositivo.
V+ Premium
Paletas pro, 100 % locales
PNG/ASE sin marca e historial 100 — en todas las herramientas Volade.
Prueba 14 días. Sin compromiso.
Recursos relacionados
Última actualización: julio 2026. Fuentes: W3C Color, Tailwind CSS, CCICOLOR Institute.