Design · Gratis
Farbpaletten-Generator
Sieben Harmonien, Sperren und Mischen, HEX/RGB/HSL, CSS/JSON/SCSS-Export — 100 % lokal im Browser.
7 Harmonien
Live-Vorschau
100 % lokal
Volade Tools
Farbpaletten-Generator
Gastv1.0.0
Basisfarbe
#6366F1
Harmonie
Monochrom
Abstufungen einer Farbe — ideal für ruhige UIs und Hierarchie über Helligkeit.
HSL 239° · 84% · 67% — #6366F1
Palette exportieren
:root {
--color-1: #0f12ae;
--color-2: #1e21eb;
--color-3: #6467f2;
--color-4: #a6a7fc;
--color-5: #d6d7ff;
--color-6: #f1f1fe;
}Farbpaletten-Generator: Harmonien, Export und Datenschutz
Harmonische Paletten aus einer Basisfarbe — Sperren/Mischen, HEX/RGB/HSL, Code-Export — 100 % lokal.
UI-Designer, Art Directors und Front-end-Entwickler erstellen wöchentlich visuelle Identitäten — Landingpages, Dashboards, Tailwind-Tokens oder Print-Guides. Volade erzeugt Paletten über sieben Harmonien, zeigt HEX/RGB/HSL live, erlaubt Sperren und Mischen und exportiert CSS, JSON oder SCSS — ohne Upload zu Coolors, Paletton oder Adobe Color. Lokaler Verlauf 10/100, PNG und ASE mit V+. Volade berechnet sieben Farbharmonien im Browser — Markenakzent sperren, Rest mischen, CSS-Variablen exportieren ohne Upload zu Coolors oder Adobe Color. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen.
Warum dieses Tool
Weil viele Palettentools Zufall und Cloud-Konto mischen. Weil Teams explizite Harmonien und code-first Export ohne Charten-Leak brauchten.
«Indigo-Akzent sperren, Rest mischen — SCSS-Export direkt ins Design System, ohne Coolors oder Charten-Upload.»
Camille D.
Lead UI
«Sieben Harmonien statt Paletton — triadisch für Landing, mono fürs Dashboard, alles lokal für sensible Kunden.»
Thomas B.
Freelance Art Director
«V+ ASE für Print-Swatches an die Agentur — Verlauf 100 für die freigegebene Kundenpalette.»
Sofia M.
Brand Designerin
Warum harmonische Paletten generieren?
Inkohärente Paletten ermüden Nutzer und verwässern die Marke. Fünf Hex-Werte nach Gefühl erzeugen unvorhersehbaren Kontrast.
Harmonieregeln verankern Entscheidungen in der Farbtheorie. Volade wendet sie sofort an — mit Sperren und Mischen zum Verfeinern. Volade berechnet sieben Farbharmonien im Browser — Markenakzent sperren, Rest mischen, CSS-Variablen exportieren ohne Upload zu Coolors oder Adobe Color. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen. Volade dokumentiert jede Variante, ohne Ihre Farben an Drittserver zu senden — in DevTools nachprüfbar, nach dem ersten Laden offline, mit lokalem Verlauf für angemeldete Konten und V+-Exporten ohne Filigrane für Kundenlieferungen.
Wichtige Punkte
- 7 Harmonien — mono, analog, komplementär, split, triadisch, tetradisch, quadratisch
- Sperren + Mischen — Akzent behalten, Rest erkunden
- HEX / RGB / HSL — Kopie pro Swatch
- CSS / JSON / SCSS — bereit für Design Tokens
- 100 % lokal — null Palette-Upload
So nutzen Sie den Volade-Paletten-Generator
Vier Schritte von der Markenfarbe zur exportierbaren CSS-Variablen-Palette.
In 4 Schritten
- 1
Basisfarbe wählen
Preset, Pipette oder Wähler — HSL unter dem Raster.
- 2
Harmonie wählen
Monochrom für ruhige UI, komplementär für CTAs, triadisch für dynamische Landings.
- 3
Sperren und mischen
Freigegebene Swatches fixieren, Rest mischen.
- 4
Exportieren
CSS/JSON/SCSS kopieren (gratis). V+: PNG, ASE, CSS-Datei ohne Filigran.
Anwendungsfälle
Branding, UI-Systeme und Print — wenn Volade Coolors oder Adobe Color ersetzt.
1
Web-Design-System
Primary/Secondary/Accent triadisch, SCSS ins Repo — Verlauf für Sprint-Palette.
2
Marketing-Landing
Split-komplementär für Hero + CTA, mischen bis der Kontrast passt.
3
SaaS-Dashboard
Monochrom für Helligkeitshierarchie — JSON für Figma-to-Code.
4
Print-Lieferung
V+ ASE nach Illustrator — Charte blieb lokal.
Volade vs. Wettbewerber
Volade vs Coolors, Paletton, Adobe Color, Canva, ColorSpace, ColorHunt — Harmonien, Export, Datenschutz.
Volade führt bei 100 % Client, sieben Harmonien, CSS/JSON/SCSS und Verlauf 10/100.
Volade färbt ohne Leak
Harmonien, Sperren/Mischen, Code-Export und lokaler Verlauf für sensible Marken.
| Kriterium | Volade | Coolors | Paletton | Adobe Color | Canva | ColorSpace | ColorHunt |
|---|---|---|---|---|---|---|---|
| 7 explizite Harmonien | Yes | Partial | Yes | Yes | Partial | Yes | No |
| Sperren + Mischen | Yes | Yes | No | Partial | No | No | No |
| CSS/JSON/SCSS-Export | Yes | Partial | Partial | Partial | Partial | Yes | No |
| PNG / ASE-Export | V+ | Yes | No | Yes | Yes | Partial | No |
| 100 % lokal | Yes | Partial | Yes | No | No | Partial | Yes |
| Verlauf 10/100 | Yes | Account | No | Account | Account | No | No |
| Ohne Konto | Yes | Partial | Yes | No | No | Yes | Yes |
Indikative Gegenüberstellung — Juli 2026. „Teilweise“ = eingeschränktes Feature oder Konto nötig.
Volade richtet sich an wiederholte, sensible Workflows mit Historie und Export — nicht an Einzelklicks.
Funktionen nach Tarif
Harmonien, Sperren/Mischen und CSS/JSON/SCSS-Kopie gratis. V+: PNG, ASE, CSS-Datei ohne Filigran, Verlauf 100.
| Funktion | Gratis | V+ Premium |
|---|---|---|
| 7 Harmonien (mono → Quadrat) | ||
| Sperren + gezieltes Mischen | ||
| HEX / RGB / HSL-Anzeige | ||
| CSS / JSON / SCSS kopieren | Ohne Filigran | |
| PNG-Palette exportieren | — | |
| Adobe ASE-Export | — | |
| CSS-Datei-Download | — | |
| Paletten-Verlauf | 10 | 100 |
| 100 % lokale Verarbeitung |
Gratis für Exploration. V+ für Adobe-Lieferungen und Archiv.
Ihre Farben verlassen nie den Browser
Farben verlassen nie den Browser. Verlauf speichert Hex, Harmonie und Name in localStorage.
Best Practices
WCAG-Kontrast vor Go-live spart späte Accessibility-Nacharbeit.
- Akzent sperren — Rest mischen
- Triadisch für Landing — mono fürs Dashboard
- SCSS früh kopieren — Variablen vor dem Dev
- Kontrast prüfen — Volade-WCAG-Checker
- Network testen — null Aufrufe
- ASE für Print — V+ nach Freigabe
Im Zweifel zuerst an einer Stichprobe testen, bevor Sie produktiv gehen.
Wussten Sie schon?
7Harmonien verfügbar
0Palette-Bytes an Server
100max. Verlaufseinträge mit V+
Häufige Fragen
Datenschutz, Harmonien, Export, WCAG, ASE, Gast/angemeldet/V+ und Vergleich — zehn Antworten.
Nein. Harmonien, HEX/RGB/HSL und Exporte werden vollständig im Browser berechnet — kein Netzwerk beim Mischen oder Kopieren.
DevTools → Network: null Upload. Markenfarben bleiben auf dem Gerät.
V+ Premium
Pro-Paletten, 100 % lokal
PNG/ASE ohne Filigran und Verlauf 100 — auf allen Volade-Tools.
14 Tage testen. Jederzeit kündbar.
Weiterführende Links
Stand: Juli 2026. Quellen: W3C Color, Tailwind CSS, CCICOLOR Institute.