Sortieren Sie eine Palette nach Farbton, Sättigung, Helligkeit, Luminanz, Name oder per Drag-and-Drop — Batch-Hex, Bildextraktion, Hex/CSS/PNG-Export, 100 % im Browser.
Volade Tools
Leere Palette
Hex durch Komma getrennt einfügen, Picker nutzen oder aus Bild extrahieren.
Sechs Sortiermodi, Custom-Drag, Bildextraktion und Hex/CSS/PNG/ASE-Export — 30 bis 100 Farben organisieren, 100 % im Browser.
UI-Designer, Art Directors, CSS-Entwickler und Brand-Teams verwalten täglich unsortierte Hex-Listen — Figma-Export, API-Dump, Moodboard oder Legacy-Spreadsheet. Volade sortiert lokal nach HSL-Farbton, Sättigung, Helligkeit, WCAG-Luminanz, CSS-Name oder Custom-Drag-and-Drop; Batch-Hex/rgb/hsl/CSS-Namen, Extraktion aus Bild per Canvas, Shuffle zur Inspiration, Export als Hex-Liste, CSS-:root-Variablen und visuelles PNG. V+ Premium schaltet CIE76-ΔE zwischen benachbarten Swatches, Adobe-ASE-Export, benannte persistente Sortierreihenfolgen und Paletten bis 100 Farben frei — alles ohne Upload zu ColorHexa, Coolors, Adobe Color, Paletton, Colormind oder Canva Colors. Jeder Moduswechsel berechnet die Reihenfolge in Echtzeit neu; DevTools Network bleibt leer, selbst bei vertraulichen Marken-Charts mit Dutzenden Varianten pro Sitzung.
Weil manuelles Sortieren von 40 Hex in einer Tabelle langsam und fehleranfällig ist und die meisten Palette-Tools Zufallsgenerierung statt intelligentes Neuordnen bestehender Listen anbieten. Volade vereint sechs mathematische Modi, kreative Custom-Reihenfolge, Bildextraktion und Profi-Exporte — konsistenter Gast/Angemeldet/V+-Workflow wie bei allen Volade-Farbtools.
«Luminanz-Sortierung lieferte in einer Minute eine kohärente UI-Palette — CSS-Variablen-Export direkt ins Design System.»
Camille R.
Design-System-Leitung
«Eigene Reihenfolge + gespeicherte V+-Sortierungen: freigegebene Client-Reihenfolge ohne 80 Hex manuell neu zu ordnen.»
Jonas M.
Brand Designer
«ΔE zwischen benachbarten Swatches — endlich ein Tool, das wahrgenommene Nähe für Barrierefreiheits-Audits quantifiziert.»
Dr. Elena K.
UX-Beraterin
Unsortierte Paletten verbergen wahrgenommene Duplikate, inkonsistente Luminanz-Sprünge und unterrepräsentierte Zonen auf dem Farbrad — Kunden sehen Chaos, Entwickler erhalten Tokens ohne Hierarchie. Farbton-Sortierung zeigt Lücken; Luminanz-Sortierung bereitet eine dunkel-hell UI-Skala vor; Name-Sortierung erleichtert Suche in großen Bibliotheken.
Volade berechnet die Reihenfolge live bei jedem Moduswechsel, zeigt Zähler und aktiven Modus, erlaubt Custom-Drag wenn Mathematik nicht reicht, und exportiert ohne Neuerfassung — Gast mit diskretem Text-Wasserzeichen, V+ mit ΔE, ASE und gespeicherten Reihenfolgen für freigegebene Client-Sequenzen in Meetings.
Vier Schritte von roher Hex-Liste zu geordneter, dokumentierter Palette für CSS, Adobe oder Ihr Design System — ohne Tab-Wechsel oder Server-Latenz.
In 4 Schritten
Farben hinzufügen
Hex durch Komma einfügen, nativen Picker oder « Bild → Farben » — bis 30 kostenlos, 100 V+. Ungültige automatisch übersprungen.
Sortiermodus wählen
Farbton für Regenbogen, Luminanz für UI-Hierarchie, Name für alphabetische Suche — oder Custom-Drag für Client-Kreativsequenz.
Verfeinern und analysieren
Shuffle zur Inspiration; V+ zeigt ΔE zwischen benachbarten Swatches für Barrierefreiheits-Audits.
Exportieren oder speichern
Hex/CSS/PNG kopieren (Gast-Wasserzeichen); V+ ASE, benannte persistente Reihenfolgen und Export ohne Wasserzeichen.
Design System, Print, Dataviz, Brand-Audit und Bildung — wo der Sortierer natürlich in Ihren Alltag passt.
24 Graustufen + Akzente nach Luminanz sortieren — CSS-:root-Export direkt in SCSS oder Tailwind.
Legacy-Hex importieren, Farbton-Sortierung zeigt Duplikate — V+ ΔE quantifiziert Nähe.
Bildextraktion + Sättigungs-Sort — geordnete Liste ans Front-End ohne manuelle Neuerfassung.
Farbton vs Luminanz live zeigen — einprägsam für Design-Studierende.
Wir verglichen Volade mit ColorHexa, Coolors, Adobe Color, Paletton, Colormind und Canva Colors — Sortiermodi, Batch-Hex, Bildextraktion, ΔE, ASE, gespeicherte Reihenfolgen, Limits und Datenschutz.
Volade führt bei sechs nativen Modi inkl. WCAG-Luminanz und Custom-Drag, lokaler Bildextraktion, Shuffle, Hex/CSS/PNG/ASE V+, CIE76 ΔE V+, V+ persistenten Reihenfolgen, 100 V+ Farben und 100 % clientseitiger Verarbeitung.
Sechs Modi, Custom-Drag, V+ ΔE und ASE — für vertrauliche Paletten vor Produktintegration.
| Kriterium | Volade | ColorHexa | Coolors | Adobe Color | Paletton | Colormind | Canva Colors |
|---|---|---|---|---|---|---|---|
| 100 % clientseitig | Ja | Teilweise | Teilweise | Nein | Teilweise | Nein | Nein |
| 6 Modi inkl. Luminanz + Custom | Ja | Teilweise | Nein | Teilweise | Nein | Nein | Nein |
| Batch-Hex + Bildextraktion | Ja | Teilweise | Teilweise | Teilweise | Nein | Nein | Teilweise |
| ΔE-Abstand zwischen Swatches | V+ | Nein | Nein | Nein | Nein | Nein | Nein |
| Adobe ASE-Export | V+ | Nein | Teilweise | Ja | Nein | Nein | Nein |
| Gespeicherte Sortierreihenfolgen | V+ | Nein | Nein | Teilweise | Nein | Nein | Nein |
| 30 / 100 Farben | Ja | Teilweise | Teilweise | Teilweise | Teilweise | Teilweise | Teilweise |
Indikative Gegenüberstellung — Juli 2026. „Teilweise“ = eingeschränkt, Konto oder Server.
Wählen Sie Volade zum Neuordnen sensibler Hex ohne Upload auf fremde Server — mit V+ gespeicherten Reihenfolgen und lokalen Multi-Format-Exporten.
Sechs Modi, Batch-Hex, Picker, Bildextraktion, Shuffle und Hex/CSS/PNG-Export bleiben kostenlos bis 30 Farben. V+ Premium: 100 Farben, adjacentes ΔE, Adobe ASE, benannte Sortierungen, Export ohne Wasserzeichen.
| Funktion | Kostenlos | V+ Premium |
|---|---|---|
| 6 Sortiermodi (Farbton, Sättigung, Helligkeit, Luminanz, Name, Custom) | ||
| Batch Hex / RGB / CSS-Namen | ||
| Nativer Farbwähler | ||
| Farben aus Bild extrahieren | ||
| Palette mischen (Shuffle) | ||
| Hex / CSS-Variablen / PNG-Export | ||
| ΔE-Abstand zwischen benachbarten Farben | — | |
| ASE-Export (Adobe Swatch) | — | |
| Gespeicherte Sortierreihenfolgen | — | |
| Bis 30 / 100 Farben | 30 | 100 |
| 100 % lokale Verarbeitung |
Sortieren und Kopieren bleiben gratis. V+ Premium für Design-System-Teams: ASE für Creative Suite, benannte Reihenfolgen für Saisonvarianten, ΔE für Barrierefreiheits-Audits.
Ihre Hex und Bilder verlassen nie den Browser — prüfbar in DevTools → Network und Application. V+ Reihenfolgen in localStorage. Null Upload zu Coolors oder Adobe.
Der richtige Sortiermodus vor Lieferung vermeidet teure Client-Rückfragen — diese Gewohnheiten beschleunigen Designer/Dev-Handoff.
CSS :root vor jedem Sprint exportieren — --color-n Variablen folgen der Bildschirm-Reihenfolge.
Zehn Antworten zu Datenschutz, Sortiermodi, Custom-Drag, Bildextraktion, V+ ΔE, ASE, 30/100 Limits und Vergleich mit ColorHexa, Coolors, Adobe, Paletton, Colormind und Canva.
Nein. Sortierung nach Farbton, Sättigung, Helligkeit, Luminanz, Name oder per Drag-and-Drop, Batch-Hex, Bildextraktion, Shuffle und Hex/CSS/PNG-Export laufen vollständig in lokalem JavaScript. Keine Netzwerkanfrage beim Sortieren, Ziehen oder Kopieren.
DevTools → Network: null Upload. V+ gespeicherte Sortierreihenfolgen und Paletten bleiben in localStorage oder Speicher — vertrauliche Charts verlassen Ihr Gerät nie, auch offline nach dem Laden.
ΔE ohne Wasserzeichen, 100 Farben, V+ ASE und gespeicherte Reihenfolgen — auf allen Volade-Tools.
Test je nach Angebot. Jederzeit kündbar.
Letzte Aktualisierung: Juli 2026. Quellen: HSL, WCAG-Luminanz, CIE76 ΔE, ASE.