Ordene una paleta por tono, saturación, luminosidad, luminancia, nombre o arrastre personalizado — hex batch, extracción de imagen, export hex/CSS/PNG, 100 % en el navegador.
Volade Tools
Paleta vacía
Pegue hex separados por coma, use el selector o extraiga desde imagen.
Seis modos de orden, arrastre custom, extracción de imagen y export hex/CSS/PNG/ASE — organice 30 a 100 colores, 100 % en el navegador.
Diseñadores UI, directores de arte, desarrolladores CSS y equipos de marca manejan listas hex desordenadas a diario — export Figma, volcado API, moodboard o hoja de cálculo legacy. Volade ordena localmente por tono HSL, saturación, luminosidad, luminancia WCAG, nombre CSS o arrastre custom; añade batch hex/rgb/hsl/nombres CSS, extrae desde imagen vía canvas, baraja para inspiración, exporta lista hex, variables CSS :root y PNG visual. V+ Premium desbloquea distancia ΔE CIE76 entre muestras adyacentes, export ASE Adobe, órdenes de tri nombrados persistentes y paletas hasta 100 colores — todo sin enviar tonos a ColorHexa, Coolors, Adobe Color, Paletton, Colormind o Canva Colors. Cada cambio de modo recalcula el orden al instante; la pestaña Network de DevTools permanece vacía incluso con cartas de marca confidenciales y docenas de variantes por sesión.
Porque ordenar manualmente 40 hex en una hoja es lento y propenso a errores, y la mayoría de herramientas apuntan a generación aleatoria más que reordenar inteligentemente listas existentes. Volade unifica seis modos matemáticos, orden custom creativo, extracción de imagen y exports pro — flujo invitado/conectado/V+ coherente en toda la suite Volade.
«Orden por luminancia entregó paleta UI coherente en un minuto — export variables CSS directo al design system.»
Camille R.
Lead design system
«Orden custom + órdenes V+ guardados: recupero secuencia aprobada por cliente sin reordenar 80 hex manualmente.»
Jonas M.
Brand designer
«ΔE entre muestras adyacentes — por fin una herramienta que cuantifica proximidad perceptual para auditorías de accesibilidad.»
Dr. Elena K.
Consultora UX
Una paleta sin orden oculta duplicados perceptuales, saltos de luminancia incoherentes y zonas subrepresentadas en la rueda — el cliente ve caos, el dev recibe tokens sin jerarquía. Orden por tono revela gaps; por luminancia prepara escala UI oscuro a claro; por nombre facilita búsqueda en bibliotecas grandes.
Volade recalcula en vivo en cada cambio de modo, muestra contador y modo activo, permite drag custom cuando la matemática no basta, y exporta sin reintroducción — invitado con marca discreta, V+ con ΔE, ASE y órdenes guardados para recuperar secuencia aprobada en reuniones.
Cuatro pasos de lista hex cruda a paleta ordenada, documentada y exportable a CSS, Adobe o su design system — sin cambiar de pestaña ni esperar servidor.
En 4 pasos
Añadir colores
Pegue hex separados por coma, selector nativo o « Imagen → colores » — hasta 30 gratis, 100 V+. Inválidos omitidos automáticamente.
Elegir modo de orden
Tono para arcoíris, luminancia para jerarquía UI, nombre para búsqueda alfabética — o drag custom para secuencia creativa cliente.
Refinar y analizar
Barajar para inspiración; V+ muestra ΔE entre muestras adyacentes para accesibilidad.
Exportar o guardar
Copie hex/CSS/PNG (marca invitado); V+ ASE, órdenes nombrados persistentes y export sin marca.
Design system, print, dataviz, auditoría de marca y educación — escenarios donde el ordenador encaja en su flujo diario.
Ordene 24 grises + acentos por luminancia — export CSS :root directo a SCSS o Tailwind custom.
Importe dump hex legacy, orden por tono revela duplicados — ΔE V+ cuantifica proximidad.
Extracción imagen + orden saturación — liste ordenada al front sin reintroducción manual.
Muestre diferencia tono vs luminancia en vivo — memorable para estudiantes de diseño.
Comparamos Volade con ColorHexa, Coolors, Adobe Color, Paletton, Colormind y Canva Colors — modos de orden, batch hex, extracción imagen, ΔE, export ASE, órdenes guardados, límites y privacidad.
Volade lidera en seis modos nativos incl. luminancia WCAG y drag custom, extracción imagen local, barajar, export hex/CSS/PNG/ASE V+, ΔE CIE76 V+, órdenes persistentes V+, 100 colores V+ y procesamiento 100 % cliente.
Seis modos, drag custom, ΔE V+ y export ASE — para paletas confidenciales antes de integración producto.
| Criterio | Volade | ColorHexa | Coolors | Adobe Color | Paletton | Colormind | Canva Colors |
|---|---|---|---|---|---|---|---|
| 100 % en cliente | Sí | Parcial | Parcial | No | Parcial | No | No |
| 6 modos incl. luminancia + custom | Sí | Parcial | No | Parcial | No | No | No |
| Batch hex + extracción imagen | Sí | Parcial | Parcial | Parcial | No | No | Parcial |
| Distancia ΔE entre muestras | V+ | No | No | No | No | No | No |
| Export ASE Adobe | V+ | No | Parcial | Sí | No | No | No |
| Órdenes de tri guardados | V+ | No | No | Parcial | No | No | No |
| 30 / 100 colores | Sí | Parcial | Parcial | Parcial | Parcial | Parcial | Parcial |
Comparación indicativa — julio 2026. «Parcial» = función limitada, cuenta o servidor.
Elija Volade al reordenar hex sensibles sin subirlos a servidores terceros — con órdenes V+ guardados y exports multi-formato locales.
Seis modos, batch hex, selector, extracción imagen, barajar y export hex/CSS/PNG gratis hasta 30 colores. V+ Premium: 100 colores, ΔE adyacente, ASE Adobe, órdenes nombrados y export sin marca.
| Función | Gratis | V+ Premium |
|---|---|---|
| 6 modos (tono, saturación, luminosidad, luminancia, nombre, custom) | ||
| Añadir batch hex / rgb / nombres CSS | ||
| Selector de color nativo | ||
| Extraer colores de imagen | ||
| Barajar paleta | ||
| Export hex / variables CSS / PNG | ||
| Distancia ΔE entre colores adyacentes | — | |
| Export ASE (Adobe Swatch) | — | |
| Órdenes de tri guardados | — | |
| Hasta 30 / 100 colores | 30 | 100 |
| Procesamiento 100 % local |
Ordenar y copiar sigue gratis. V+ Premium para equipos design system: ASE para Creative Suite, órdenes nombrados para variantes estacionales, ΔE para auditorías de accesibilidad.
Sus hex e imágenes nunca salen del navegador — verificable en DevTools → Network y Application. Órdenes V+ en localStorage. Cero subida a Coolors o Adobe.
Elegir el modo correcto antes de entregar evita idas y vueltas con cliente — estos hábitos aceleran handoff diseñador/dev.
Exporte CSS :root antes de cada sprint — variables --color-n siguen el orden en pantalla.
Diez respuestas sobre privacidad, modos de orden, drag custom, extracción imagen, ΔE V+, export ASE, límites 30/100 y comparación con ColorHexa, Coolors, Adobe, Paletton, Colormind y Canva.
No. Orden por tono, saturación, luminosidad, luminancia, nombre o arrastre custom, hex batch, extracción de imagen, barajar y export hex/CSS/PNG se ejecutan en JavaScript local. Sin peticiones de red al ordenar o copiar.
DevTools → Network: cero subida. Órdenes V+ guardados y paletas en localStorage o memoria — cartas confidenciales nunca salen del dispositivo, incluso offline tras cargar.
ΔE sin marca, 100 colores, ASE V+ y órdenes guardados — en todos los tools Volade.
Prueba según plan. Cancelación en cualquier momento.
Última actualización: julio 2026. Referencias: HSL, luminancia WCAG, ΔE CIE76, ASE.