🎨 Farbpaletten-Generator
Sofort wunderschöne 5-Farben-Paletten mit Harmoniemodi wie Analog, Komplementär und Dreifach erstellen – oder eine Palette direkt aus einem Bild oder aus einem Stimmungswort wie Sonnenuntergang übernehmen. Die gewünschten Farben sperren, die restliche Palette wird darum herum aufgebaut, dann die Palette als HEX-Liste, CSS-Variablen, Tailwind-Konfiguration, JSON oder Figma-Token exportieren. Vollständig kostenlos und läuft vollständig im Browser ohne Uploads oder Anmeldung. Auf der Suche nach einer kostenlosen Coolors-Alternative? Die Version von Toolio ist vollständig kostenlos und benötigt keine Registrierung.
Drücken Sie die Leertaste, um eine neue Palette zu generieren.
Von Grund auf privat. Dieses Tool läuft vollständig in deinem Browser – nichts, was du eingibst, wird hochgeladen, und es funktioniert offline.
Über
Dieses Tool erstellt 5-Farben-Paletten auf drei Arten: aus vier Harmoniemodi (Zufällig, Analog, Komplementär, Dreifach) generieren; ein Stimmungswort wie Sonnenuntergang, Ozean oder Cyberpunk eingeben, um eine Palette in diesem Stil zu erhalten; oder fünf dominante Farben aus einem beliebigen Bild extrahieren – das Bild wird lokal mit Median-Cut-Quantisierung verarbeitet, jedes Ergebnis ist eine Farbe, die tatsächlich im Bild vorkommt, und nichts wird hochgeladen. Einzelne Farbfelder sperren, um sie bei erneuter Generierung zu behalten; in den Modi Analog, Komplementär und Dreifach wird die restliche Palette dann um den Farbton des ersten gesperrten Farbfelds herum aufgebaut. Einen einzelnen HEX-Code kopieren oder die gesamte Palette in dem benötigten Format exportieren: einfache HEX-Liste, benutzerdefinierte CSS-Eigenschaften, Tailwind-Snippet, JSON-Array oder Figma-Design-Token. Alles läuft im Browser, sodass keine Farb- oder Bilddaten das Gerät verlassen – kein Server, kein Konto. Jedes Farbfeld zeigt auch die nächstgelegene PANTONE-Solid-Coated-Nummer an (z. B. PANTONE 185 C), sodass eine generierte oder aus einem Bild abgeleitete Palette direkt in einen Druck-Workflow überführt werden kann.
Verwendung
- Harmoniemodus – Zufällig, Analog, Komplementär oder Dreifach – aus dem Modus-Dropdown-Menü wählen.
- Zum Erstellen einer frischen 5-Farben-Palette auf „Generieren“ klicken (oder die Leertaste drücken).
- Auf das Schloss-Symbol an einem Farbfeld klicken, um diese Farbe zu behalten; die anderen Farbfelder werden um ihren Farbton herum neu generiert (im Modus Zufällig bleiben sie zufällig).
- Klicke auf 'HEX kopieren' an einem Farbfeld, um den HEX-Code dieser Farbe in die Zwischenablage zu kopieren.
- „Alles kopieren“ verwenden, um alle fünf Farben auf einmal zu kopieren, in dem daneben ausgewählten Exportformat, zur Verwendung im Design-Tool oder Code.
- Auf „Aus Bild“ klicken und ein Foto wählen – das Tool übernimmt seine fünf dominanten Farben lokal in die Palette.
- Ein Exportformat wählen – HEX-Liste, CSS-Variablen, Tailwind, JSON oder Figma-Token – und auf „Alles kopieren“ klicken, um die Palette in das Projekt zu übernehmen.
- Oder ein Stimmungswort wie Sonnenuntergang, Ozean oder Cyberpunk eingeben und auf „Aus Mood“ klicken, um eine Palette in diesem Stil zu generieren.
Häufige Fragen
- Ist dieses Tool kostenlos?
- Ja, völlig kostenlos — kein Abo, kein Konto, keine versteckten Limits. Einfach die Seite öffnen und Paletten generieren.
- Werden meine Farbdaten auf einen Server hochgeladen?
- Nein. Das gesamte Tool läuft per JavaScript in deinem Browser. Es wird nichts an Server gesendet — deine Palettendaten bleiben ausschließlich im localStorage deines Browsers.
- Funktioniert der Farbpaletten-Generator offline?
- Ja. Sobald die Seite geladen ist, funktioniert sie vollständig offline. Es sind keine externen API-Aufrufe oder CDN-Abhängigkeiten erforderlich.
- Was ist der Unterschied zwischen den Harmonievarianten?
- Zufällig wählt fünf unabhängige Farbtöne. Analog verteilt fünf Farbtöne über einen 80°-Bereich des Farbkreises, jeweils 20° voneinander entfernt, für eine ruhige, stimmige Anmutung. Komplementär platziert zwei Farbfelder nahe am Basisfarbton und drei auf der gegenüberliegenden Seite des Farbkreises (170°, 180° und 190° entfernt) für hohen Kontrast. Dreifach platziert Farbtöne 120° voneinander entfernt: zwei Farbfelder nahe am Basisfarbton, zwei nahe +120° und eines bei +240°. Sättigung und Helligkeit variieren in jedem Modus innerhalb eines moderaten Bereichs. Der Farbkreis ist der HSL-Farbkreis (Bildschirmhelligkeit), daher ist das Komplement von Rot Cyan und nicht Grün.
- Kann ich eine Farbe behalten, während ich den Rest neu generiere?
- Ja. Zum Behalten auf das Schloss-Symbol an einem Farbfeld klicken. Gesperrte Farbfelder werden während der Generierung übersprungen. In den Modi Analog, Komplementär und Dreifach werden die anderen Farbfelder um den Farbton des ersten gesperrten Farbfelds herum aufgebaut (ein graues Farbfeld hat keinen Farbton und wird dafür ignoriert), sodass die Palette um deine Lieblingsfarbe harmonisch bleibt; im Zufällig-Modus bleiben sie Zufällig. Deine Palette und Sperrungen werden in diesem Browser gespeichert.
- Kann ich eine Palette aus einem Bild erstellen?
- Ja. Auf „Aus Bild“ klicken und ein Foto wählen. Das Tool verkleinert es, gruppiert ähnliche Pixel mit Median-Cut-Quantisierung und wählt die fünf prominentesten Gruppen aus, die sich deutlich voneinander unterscheiden. Jedes Ergebnis ist eine Farbe, die tatsächlich im Bild vorkommt, kein Durchschnittswert, sortiert von dunkel nach hell, und alles passiert in deinem Browser – das Bild wird nie hochgeladen. Wenn das Bild weniger als fünf verschiedene Farben hat, wie eine flache Einzelfarbe, sind die verbleibenden Farbfelder hellere und dunklere Abstufungen der dominanten Farbe.
- Welche Exportformate sind verfügbar?
- Die Palette als einfache HEX-Liste, CSS-benutzerdefinierte Eigenschaften (:root-Variablen), Tailwind-Farbschnipsel, JSON-Array oder Figma-Design-Token (Tokens Studio-Format) kopieren. Das Format im Dropdown-Menü wählen, dann auf „Alles kopieren“ klicken – bereit zum Einfügen in Code oder Design-Tool.
- Kann ich Pantone-Nummern für die Farbpalette sehen?
- Ja. Jeder der fünf Farbblöcke zeigt seinen HEX-Code und die nächstgelegene PANTONE Solid Coated-Übereinstimmung (z. B. PANTONE 185 C) an; klicken Sie auf das Pantone-Label, um es zu kopieren. Die Übereinstimmungen verwenden die perzeptuelle CIEDE2000-Formel und sind eine ungefähre sRGB-Referenz, da Pantone-Sonderfarben physikalisch und nicht durch einen Bildschirmwert definiert sind.
- Kann ich eine Palette aus einem Wort generieren?
- Ja. Ein Stimmungswort wie Sonnenuntergang, Ozean, Cyberpunk oder Obangsaek (die traditionellen fünf koreanischen Farben) in das Stimmungsfeld eingeben und auf „Aus Mood“ klicken. Bekannte Stimmungswörter verwenden einen passenden Farbton-, Sättigungs- und Helligkeitsbereich, und Obangsaek gibt die fünf festen traditionellen Farben zurück. Wörter, die das Tool nicht kennt, erzeugen dennoch eine Palette, deren Farben aber nicht mit der Bedeutung des Wortes zusammenhängen.
Wurde 35 Mal in den letzten 29 Tagen ausgeführt. Ergebnis kopiert oder heruntergeladen: 17% Gemessen auf unseren eigenen Servern, 2026-10-05–2026-11-03.