Erstellen Sie sofort eine Fünf-Farben-Palette – drücken Sie die Leertaste zum Mischen, sperren Sie Ihre Lieblingsfarben, wechseln Sie den Harmoniemodus und exportieren oder teilen Sie die Palette.

Space um eine neue Palette zu erzeugen
Palette exportieren

								
Paletten-Exporter öffnen

Drücken Sie die Leertaste zum Mischen, sperren Sie die Farbfelder, die Sie behalten möchten, und der Rest wird darum herum neu erzeugt. Alles läuft in Ihrem Browser – ohne Anmeldung, völlig kostenlos.


Über Farbpaletten-Generator

Der Farbpaletten-Generator erstellt mit einem Tastendruck ein Fünf-Farben-Schema. Drücken Sie die Leertaste – oder die Schaltfläche „Erzeugen“ – und eine frische Palette erscheint; sperren Sie die Farbfelder, die Sie behalten möchten, und drücken Sie erneut: Nur die entsperrten Farben werden ersetzt, sodass Sie ein Schema Farbe für Farbe entwickeln können, statt von vorn zu beginnen.

Fünf Erzeugungsmodi prägen das Ergebnis. Zufällig durchsucht den gesamten Farbraum, während Analog, Komplementär, Triadisch und Monochrom die Palette aus HSL-Beziehungen rund um einen Basisfarbton aufbauen. Jeder Platz erhält dabei sein eigenes Sättigungs- und Helligkeitsfenster, sodass das Ergebnis wie ein durchdachtes Schema wirkt und nicht wie fünf zusammenhanglose Farben.

Jedes Farbfeld hat eine Farbauswahl zur Feinabstimmung und einen HEX-Wert zum Kopieren per Klick. Die Palette ist in der Seiten-URL kodiert, sodass die Teilen-Schaltfläche einen Link kopiert, der genau dieselben Farben erneut öffnet, und das Export-Panel erzeugt CSS-Variablen, SCSS, eine Tailwind-Konfiguration, JSON, ein SVG-Farbfeldblatt oder eine einfache HEX-Liste. Alles läuft in Ihrem Browser: nichts wird hochgeladen und nichts berechnet.

So verwenden Sie Farbpaletten-Generator

  1. Drücken Sie die Leertaste oder klicken Sie auf „Palette erzeugen“, um ein Fünf-Farben-Schema zu erstellen.
  2. Klicken Sie auf das Schloss-Symbol jedes Farbfelds, das Sie behalten möchten, und erzeugen Sie dann erneut, um nur den Rest zu ersetzen.
  3. Wählen Sie einen Erzeugungsmodus – Zufällig, Analog, Komplementär, Triadisch oder Monochrom –, um die Harmonie zu steuern.
  4. Passen Sie jede Farbe mit ihrer Farbauswahl fein an und klicken Sie auf einen HEX-Wert, um ihn zu kopieren.
  5. Nutzen Sie „Freigabelink kopieren“, um die Palette in einer URL zu speichern, oder öffnen Sie den Export für CSS, SCSS, Tailwind, JSON oder SVG.

Häufig gestellte Fragen

Drücken Sie an einer beliebigen Stelle der Seite die Leertaste oder klicken Sie auf die Schaltfläche „Palette erzeugen“. Jeder Druck ersetzt jedes entsperrte Farbfeld, sodass Sie so lange drücken können, bis ein Schema erscheint, das Ihnen gefällt.

Klicken Sie auf das Schloss-Symbol des Farbfelds, das Sie behalten möchten. Gesperrte Farben überstehen jede Erzeugung, und in den Harmoniemodi wird die erste gesperrte Farbe zum Basisfarbton, um den herum die übrige Palette aufgebaut wird.

Zufällig wählt frei über den gesamten Farbraum. Analog hält die Farbtöne nah beieinander für ein ruhiges Schema, Komplementär paart einen Farbton mit seinem Gegenüber für Kontrast, Triadisch verteilt drei Farbtöne gleichmäßig auf dem Farbkreis, und Monochrom variiert nur Helligkeit und Sättigung eines einzigen Farbtons.

Ja. Die Palette lebt in der Seiten-URL, sodass „Freigabelink kopieren“ Ihnen eine Adresse liefert, die exakt dieselben Farben und Sperrzustände erneut öffnet – setzen Sie ein Lesezeichen oder senden Sie sie an Kolleginnen und Kollegen. Sie können die Palette auch als Datei exportieren.

CSS-Custom-Properties, SCSS-Variablen, eine Tailwind-Farbkonfiguration, JSON, ein SVG-Farbfeldblatt oder eine einfache HEX-Liste. Jedes lässt sich in die Zwischenablage kopieren oder als Datei herunterladen, und Sie können das Präfix für die Variablennamen festlegen.

Ja, völlig kostenlos – kein Konto, keine Credits und keine Grenzen. Der gesamte Generator läuft in Ihrem Browser, sodass keine Daten Ihr Gerät verlassen.


Beliebte Suchen
farbpaletten-generator zufälliger farbpaletten-generator farbschema-generator farbpalette online erstellen farbkombinationen-generator kostenloser palettengenerator
Brauchen Sie Hilfe?
Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
Problem melden

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu: kopiere den Code unten und füge ihn ein.