Extraiga colores dominantes de cualquier foto con clustering k-means, armonías cromáticas y export CSS/JSON — 100 % en el navegador, sin subida al servidor.
Volade Tools
Suelte una imagen aquí
JPG, PNG, WebP o GIF — máx. 10 MB recomendado
K-means local, armonías cromáticas, exports CSS/JSON/PNG/ASE — 100 % en el navegador.
Diseñadores UI, directores artísticos, fotógrafos de producto y desarrolladores front-end extraen paletas de fotos a diario — capturar el ambiente de un moodboard de cliente, derivar una carta de un shooting e-commerce, alimentar un design system Tailwind o preparar tintas de impresión aproximadas. Volade combina clustering k-means del lado cliente (3–10 colores gratis, 20 en V+), porcentajes de superficie por muestra, armonía complementaria gratis y cuatro armonías V+ (análoga, triádica, tetrádica, monocromática), copia hex/RGB/HSL, exports de variables CSS y JSON estructurado, paleta PNG y ASE Adobe en V+, historial local 10/100 — todo sin enviar su JPG a Adobe Color, Coolors o Canva. El análisis Canvas se ejecuta en JavaScript puro: verificable en DevTools → Network con cero upload incluso para visuales confidenciales.
Porque el cuentagotas manual o subir fotos de producto a servicios cloud expone visuales sensibles y no produce una paleta jerarquizada con porcentajes. Volade unifica k-means, armonías, exports pro y privacidad — con flujo invitado/conectado/V+ coherente.
«Extraigo la paleta de un shooting de producto en 30 segundos — export CSS directo al design system sin reescribir.»
Camille R.
Lead diseño UI
«Los porcentajes k-means me ayudan a priorizar primario y acentos antes del BAT — 100 % local tranquiliza al cliente lujo.»
Thomas B.
Director artístico
«Armonías V+ + export ASE: mis alumnos pasan de la foto al swatch Photoshop sin cuenta Adobe cloud.»
Prof. Élise M.
Profesora de diseño
Un cuentagotas captura un píxel — representativo de una zona minúscula, no del ambiente global. K-means agrupa miles de píxeles en clusters coherentes y devuelve los k tonos dominantes con peso relativo: primario al 42 %, acento al 8 %, etc.
Volade submuestrea inteligentemente imágenes grandes, converge en pocas iteraciones y muestra hex, rgb(), hsl() más barra de proporción bajo cada muestra. Añada armonía complementaria (gratis) o cambie a análoga/triádica en V+ para una paleta accionable — sin cuenta Adobe ni upload a Coolors.
Cuatro pasos de foto cruda a paleta documentada lista para Figma, CSS o brief de impresión.
En 4 pasos
Importar su imagen
Arrastrar y soltar, selector de archivo o pegar (Ctrl+V). JPG, PNG, WebP, GIF — análisis Canvas inmediato.
Ajustar número de colores
Deslizador 3–10 (gratis) o hasta 20 (V+). Volade recalcula k-means y muestra hex, rgb, hsl más % por muestra.
Explorar armonías
Complementaria gratis; análoga, triádica, tetra y mono en V+. Previsualice y copie tonos derivados.
Exportar o archivar
Variables CSS, JSON, copia individual; V+ paleta PNG y ASE Adobe. Historial 10/100 para recuperar una extracción.
E-commerce, branding, UI, impresión y educación — donde la extracción local encaja naturalmente.
Extraiga la paleta de un packshot — export CSS para ficha producto y armonía complementaria para botón CTA.
Capture el ambiente de inspiración Pinterest — porcentajes k-means para jerarquizar primario y acentos de carta.
Export JSON o CSS --color-n directo en tokens — copia hex/rgb/hsl sin cuentagotas manual.
Estime tintas dominantes antes del BAT — ASE V+ importado en Illustrator para swatches de imprenta.
Volade vs Adobe Color, Coolors, ImageColorPicker, ColorZilla, Paletton y Canva en k-means local, porcentajes, armonías, exports ASE/PNG, historial y privacidad.
Volade lidera en análisis 100 % cliente, clustering con peso visual, cinco armonías V+, exports CSS/JSON/PNG/ASE, historial 10/100 y cero upload de imagen. Competidores para inspiración o cuentagotas puntual; Volade para paleta jerarquizada desde foto real.
K-means local, armonías y exports pro — para moodboards y shootings confidenciales.
| Criterio | Volade | Adobe Color | Coolors | ImageColorPicker | ColorZilla | Paletton | Canva |
|---|---|---|---|---|---|---|---|
| 100 % en cliente | Sí | No | Parcial | Sí | Sí | Parcial | No |
| Clustering k-means | Sí | Parcial | No | No | No | No | No |
| Porcentajes superficie | Sí | Parcial | No | No | No | No | No |
| Armonías cromáticas | Sí | Sí | Parcial | No | No | Sí | Parcial |
| Export CSS / JSON | Sí | Parcial | Sí | No | No | Parcial | Parcial |
| Export PNG / ASE | V+ | Sí | No | No | No | No | No |
| Historial 10 / 100 | Sí | Parcial | No | No | No | No | No |
Comparación indicativa — julio 2026. «Parcial» = función limitada, cuenta o servidor.
Elija Volade al analizar fotos de producto sensibles sin enviarlas a Adobe o Coolors — con historial local y exports V+ para Photoshop.
Extracción k-means, copia hex/RGB/HSL, armonía complementaria y exports CSS/JSON siguen gratis. V+ desbloquea 20 colores, 4 armonías extra, PNG/ASE, historial 100 y copia sin marca de agua.
| Función | Gratis | V+ Premium |
|---|---|---|
| Extracción k-means local | ||
| 3 a 10 / 20 colores | 10 | 20 |
| Porcentajes de superficie | ||
| Copia hex / RGB / HSL | Sin marca de agua | |
| Armonía complementaria | ||
| Armonías análoga/triádica/tetra/mono | — | |
| Export variables CSS | ||
| Export JSON estructurado | ||
| Export PNG paleta | — | |
| Export ASE Adobe | — | |
| Historial extracciones | 10 | 100 |
| Procesamiento 100 % local |
La extracción sigue gratis e ilimitada. V+ Premium para equipos brand e impresión: ASE para Photoshop, historial 100 para recuperar el moodboard validado.
Sus imágenes nunca salen del navegador: k-means, armonías y exports se ejecutan en JavaScript local vía Canvas. Historial = metadatos hex/fecha, nunca el archivo fuente — verificable DevTools → Network.
Priorizar tonos por porcentaje evita sobreusar un acento raro — acelera la coherencia de carta.
Exporte CSS o ASE V+ antes de integrar en Figma — variables --color-n o swatches Adobe evitan reescribir.
Privacidad, k-means, número de colores, armonías, exports, historial, móvil y comparación Adobe Color, Coolors, ImageColorPicker, ColorZilla, Paletton, Canva — diez respuestas detalladas.
No. La extracción k-means, el cálculo de armonías, la copia hex/RGB/HSL y los exports CSS/JSON se ejecutan íntegramente en JavaScript local vía Canvas API. Su foto permanece en memoria del navegador — ninguna petición de red durante el análisis o la copia.
Verifique en DevTools (F12), pestaña Network: importe una foto de producto confidencial o moodboard de cliente. Cero upload POST — incluso sin conexión tras cargar la página, sus visuales nunca salen del dispositivo.
20 colores, 5 armonías, export PNG/ASE e historial 100 — en todas las herramientas Volade.
Prueba según plan. Cancelación en cualquier momento.
Última actualización: julio 2026. Referencias: clustering k-means, rueda HSL, Adobe Swatch Exchange.