Zum Hauptinhalt springen
ImageColorPix

Palette Generator

Die Leertaste drücken, um harmonische Zufallspaletten zu erzeugen, mit Fixieren, Sortieren und H/S/L Feintuning pro Feld. Als HEX, RGB, HSL, CSS, SVG oder PNG exportieren, oder in den Bildmodus wechseln, um eine Palette aus einem Foto zu extrahieren.

Fixieren zum Behalten · Ziehen zum Sortieren · Klicken zum Kopieren · Leertaste zum Erzeugen

UI-Farben

Verwandelt die aktuelle Palette in entwicklerfertige Oberflächen-Tokens mit lesbarem Kontrast.

Was ist ein Palettengenerator?

Schnell Farben finden, die zusammenpassen

Ein Palettengenerator erstellt ein Set aus 5-10 Farben, die gut zusammenpassen. Statt Farben einzeln zu wählen und auf Harmonie zu hoffen, gibt es die fertige Harmonie mit einem Klick. Wie eine professionelle Farbberatung direkt im Browser.

Unser Tool bietet zwei bewährte Ansätze: Zufall erzeugt neue Harmonien aus der Farbtheorie, während Bildmodus die wirklich dominanten Farben eines Fotos per Pixelzählung extrahiert. Beide sind kostenlos und sofort nutzbar, ohne Anmeldung.

Die Palette für Branding, Websites, Social Posts, Illustrationen oder Folien nutzen, als HEX, RGB, HSL oder CSS Variablen kopieren, oder als TXT, SVG oder PNG laden.

Anleitung

Zwei Wege zum Erstellen: Zufall und Bild

🎲 Zufallsmodus (Standard)

01

Harmonie wählen

Zufall, Analog, Komplementär, Triadisch, Tetradisch, Mono oder Shades wählen. Jede Option nutzt Regeln der Farbtheorie.

02

Erzeugen und fixieren

Erzeugen klicken oder Leertaste drücken. Beliebte Farben fixieren, freie Felder werden neu erzeugt, fixierte bleiben.

03

Verfeinern und exportieren

Per Drag and Drop sortieren, per Zahnrad H/S/L anpassen, bis zu 10 Felder entfernen oder hinzufügen. Als HEX/RGB/HSL/CSS kopieren oder als CSS, JSON, SVG oder PNG laden. Das Uhrsymbol behält die letzten 10 Generationen zur Wiederherstellung.

🖼️ Bildmodus

01

Bild hochladen

Auf das Bildsymbol klicken, per Drag and Drop ablegen, einfügen oder per URL laden.

02

Palette automatisch extrahieren

Etwa 12k Pixel werden ausgewertet, quantisiert, nach Fläche (Dominanz) sortiert und ähnliche Farben zusammengeführt (Distanz 0.08).

03

Anpassen und nutzen

Die Palette erscheint über der Fotovorschau. Felder entfernen, per Drag and Drop sortieren, im gewünschten Format kopieren oder das Set exportieren.

Harmonie Ratgeber

Die passende Regel zum Stil wählen, um die Berechnung kümmern wir uns.

Zufall

Lebendige, gleichmäßig verteilte Farbtöne (S 65-90, L 48-66). Ideal zum Entdecken und für Inspiration.

Analog

Farbtöne mit 30°/60° Abstand. Ruhig, stimmig, ideal für Hintergründe, Verläufe und Naturthemen.

Komplementär

Farbtöne mit 180° Abstand. Starke Kontrastpaare, ideal für CTAs, Logos, Sport und Food Marken.

Triadisch

Drei Farbtöne mit 120° Abstand. Ausgewogen und lebendig, beliebt für Illustrationen, Dashboards und Verpackungen.

Tetradisch

Vier Farbtöne im Rechteck (0/90/180/270). Reich und vielfältig. Mit einer dominanten Farbe plus Akzenten nutzen.

Monochrom / Shades

Ein Farbton, variierte Helligkeit und Sättigung. Elegant, minimal, perfekt für SaaS, Editorial und monochrome Marken.

Praxisbeispiele

Markenidentität

In Sekunden ein 5-farbiges Markenkit erstellen. Primärfarbe fixieren, Begleittöne entdecken, CSS Variablen direkt ins Designsystem exportieren.

UI und Webdesign

Barrierefreie Interfaces bauen: Hintergrund, Fläche, Primär, Akzent plus Text. Kontrast prüfen, fertiges HEX für Tailwind kopieren, in Figma einfügen.

Social und Marketing

Kampagnenstimmung schnell treffen, Pastell für Wellness, Komplementär für Sale, Shades für Premium. Leertaste drücken, bis es passt.

Illustration und Kunst

Triadische und analoge Harmonien geben ausgewogene Sets ohne schmutzige Mischungen. H/S/L pro Feld für den Druck anpassen.

Interieur und Mode

Paletten aus Fotos von Räumen, Outfits oder Produkten extrahieren, um echte Farbstimmung konsistent zu halten.

Datenvisualisierung und Folien

6-10 unterschiedliche und doch harmonische Diagrammfarben gesucht? Tetradisch erzeugen, lesbare Töne fixieren, SVG/PNG Legende exportieren.

Häufige Fragen

1Wie wird eine zufällige Farbpalette erzeugt?
Harmonie wählen (oder Random), Erzeugen klicken oder Leertaste drücken. Jeder Tastendruck erstellt ein neues 5er Set (mit +/- von 1-10 anpassbar). Ein Feld fixieren, um es zu behalten, während der Rest neu erzeugt wird.
2Kann hier auch eine Palette aus einem Bild extrahiert werden?
Ja, auf das Bildsymbol klicken, um ein Foto hochzuladen oder einzufügen. Das Tool zählt Pixel und zeigt dominante Farbtöne über der Vorschau. Für einen Workflow mit vorausgeladenem Beispielbild den dedizierten Bild Paletten Generator nutzen.
3Was ist der Unterschied zwischen Zufall und Bildmodus?
Zufall erstellt theoriebasierte Harmonien von Grund auf (HSL Berechnung). Der Bildmodus findet Farben, die im Foto per Häufigkeit wirklich dominieren. Ideal zum Abgleichen von Artworks, Logos oder Fotografie.
4Wie funktionieren Fixieren, Ziehen und Anpassen?
Fixieren (Vorhängeschloss) hält eine Farbe über Generationen. Jedes Feld per Drag and Drop sortieren (Reihenfolge wirkt auf den CSS Export). Das Zahnrad öffnet H/S/L Regler zum Feintuning ohne die Seite zu verlassen.
5Was bedeuten die Harmonie Optionen?
Analog bedeutet Nachbarn auf dem Farbkreis (ruhig). Komplementär bedeutet Gegensätze (kräftig). Triadisch bedeutet 3x120° (ausgewogen). Tetradisch bedeutet 4 Ecken (reich). Monochrom/Shades bedeutet ein Farbton mit variierter Helligkeit (minimal). Random bedeutet freier lebendiger Mix zum Entdecken.
6In welchen Formaten kann kopiert oder geladen werden?
Mit Kopieren als zwischen HEX, RGB, HSL oder CSS Vars wechseln. Die Einstellung steuert Einzelfelder und den Kopieren Knopf für das Set. Das Download Fenster bietet vier Tabs: CSS (als palette.txt gespeichert), JSON, SVG Streifen oder beschriftetes PNG.
7Ist es kostenlos? Werden Bilder hochgeladen?
Ja, dauerhaft kostenlos ohne Anmeldung. Zufallspaletten sind reine Farbberechnung, und jedes hochgeladene Foto wird lokal per Canvas gelesen.
8Wie viele Farben kann eine Palette haben?
1 bis 10. Mit -/+ neben dem Streifen anpassen. Zufall startet mit 5, Bild startet mit 8 (dominante Übersicht). Der Verlauf behält die letzten 10 Generationen zur Wiederherstellung.

Weitere Farbtools entdecken

Bild-Paletten-Generator

Palette aus jedem Foto extrahieren

Farbverlaufs-Generator

Linear, radial & konisch CSS

Kontrast-Checker

WCAG-Noten für Textlesbarkeit

Farbkonverter

HEX RGB HSL HSV CMYK LAB