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 gruppiert fünf benachbarte Farbtöne auf dem Farbkreis für ein ruhiges, stimmiges Erscheinungsbild. Komplementär kombiniert Farbtöne von gegenüberliegenden Seiten für hohen Kontrast. Triadisch verteilt drei Farbfamilien im Abstand von 120 Grad für lebhafte, ausgewogene Paletten.

Kann ich eine Farbe behalten, während ich den Rest neu generiere?

Ja. Klicke auf das Schlosssymbol eines Farbfeldes, um es einzufrieren. Gesperrte Farbfelder werden bei der Generierung übersprungen, sodass du frei um deine Lieblingsfarben herum variieren kannst.

Kann ich eine Palette aus einem Bild erstellen?

Ja. Klicke auf 'Aus Bild' und wähle ein Foto aus; das Tool extrahiert die fünf dominanten Farben mithilfe von median-cut-Quantisierung, vollständig in deinem Browser – das Bild wird nie hochgeladen.

Welche Exportformate sind verfügbar?

Kopiere die Palette als einfache HEX-Liste, benutzerdefinierte CSS-Eigenschaften (:root-Variablen), ein Tailwind-Farbcode-Snippet oder ein JSON-Array – bereit zum Einfügen in deinen Code oder dein 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.

🎨 Farbpaletten-Generator

Erstelle sofort wunderschöne 5-Farben-Paletten mithilfe von Harmoniemodellen wie analog, komplementär und triadisch – oder ziehe eine Palette direkt aus einem beliebigen Bild. Sperr die Farben, die dir gefallen, und exportiere die Palette als HEX-Liste, CSS-Variablen, Tailwind-Konfiguration oder JSON. Es ist vollkommen kostenlos und läuft vollständig in deinem Browser ohne Uploads oder Anmeldung.

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 oder gespeichert, und es funktioniert offline.

Über

Dieses Tool erstellt 5-Farben-Paletten auf zwei Arten: Erstelle sie mithilfe von vier Harmoniemodellen (Zufällig, Analog, Komplementär, Triadisch) oder extrahiere die fünf dominanten Farben aus einem beliebigen Bild – das Bild wird lokal mit median-cut-Quantisierung verarbeitet und nie hochgeladen. Sperr einzelne Farbflächen, um sie bei Neuerstellungen beizubehalten, und kopiere dann den Code einer einzelnen HEX oder exportiere die gesamte Palette im Format deiner Wahl: eine einfache HEX-Liste, benutzerdefinierte CSS-Eigenschaften, ein Tailwind-Farbcode-Snippet oder ein JSON-Array. Alles läuft in deinem Browser, sodass keine Farben oder Bilddaten dein Gerät verlassen – kein Server, kein Konto. Jeder Farbblock zeigt auch seine nächstgelegene PANTONE Solid Coated-Nummer (z. B. PANTONE 185 C) an, damit eine generierte oder aus einem Bild abgeleitete Farbpalette direkt in einen Druckprozess überführt werden kann.

Verwendung

Wähle im Dropdown-Menü 'Modus' eine Harmonievariante — Zufällig, Analog, Komplementär oder Triadisch.
Klicke auf 'Generieren' (oder drücke die Leertaste), um eine neue 5-Farb-Palette zu erstellen.
Klicke auf das Schlosssymbol eines Farbfeldes, um diese Farbe einzufrieren, während die übrigen neu generiert werden.
Klicke auf 'HEX kopieren' an einem Farbfeld, um den HEX-Code dieser Farbe in die Zwischenablage zu kopieren.
Nutze 'Alle kopieren', um alle fünf HEX-Codes auf einmal zu exportieren und direkt in deinem Design-Tool oder Code zu verwenden.
Klicke auf 'Aus Bild' und wähle ein Foto aus – das Tool zieht die fünf dominanten Farben aus dem Bild in die Palette, alles lokal.
Wähle ein Exportformat – HEX-Liste, CSS-Variablen, Tailwind oder JSON – und klicke auf 'Kopieren', um die Palette in dein Projekt zu übertragen.

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 gruppiert fünf benachbarte Farbtöne auf dem Farbkreis für ein ruhiges, stimmiges Erscheinungsbild. Komplementär kombiniert Farbtöne von gegenüberliegenden Seiten für hohen Kontrast. Triadisch verteilt drei Farbfamilien im Abstand von 120 Grad für lebhafte, ausgewogene Paletten.
Kann ich eine Farbe behalten, während ich den Rest neu generiere?: Ja. Klicke auf das Schlosssymbol eines Farbfeldes, um es einzufrieren. Gesperrte Farbfelder werden bei der Generierung übersprungen, sodass du frei um deine Lieblingsfarben herum variieren kannst.
Kann ich eine Palette aus einem Bild erstellen?: Ja. Klicke auf 'Aus Bild' und wähle ein Foto aus; das Tool extrahiert die fünf dominanten Farben mithilfe von median-cut-Quantisierung, vollständig in deinem Browser – das Bild wird nie hochgeladen.
Welche Exportformate sind verfügbar?: Kopiere die Palette als einfache HEX-Liste, benutzerdefinierte CSS-Eigenschaften (:root-Variablen), ein Tailwind-Farbcode-Snippet oder ein JSON-Array – bereit zum Einfügen in deinen Code oder dein 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.