Farbpaletten-Generator
Erstellen Sie sofort schöne, harmonische Farbpaletten mit unserem kostenlosen Online-Generator. Unterstützt monochromatische, analoge, komplementäre, triadische, split-komplementäre und tetradische Modi. Passen Sie Farben mit HSL-Reglern an, sperren Sie Favoriten und exportieren Sie als CSS, Tailwind, JSON oder SVG. 100% browserbasiert, Ihre Daten verlassen nie Ihr Gerät.
Wie erzeuge ich eine Farbpalette?
Klicken Sie auf die Schaltfläche Generieren oder drücken Sie die Leertaste, um eine neue zufällige Palette zu erstellen. Verwenden Sie den Harmoniemodus-Wähler für monochromatische, analoge, komplementäre, triadische, split-komplementäre oder tetradische Farbschemata.
Wie sperre ich eine Farbe?
Klicken Sie auf das Schloss-Symbol auf einem Farbfeld. Gesperrte Farben bleiben beim Generieren einer neuen Palette erhalten, während entsperrte Farben ersetzt werden.
Wie exportiere ich meine Palette?
Klicken Sie auf Exportieren, um zwischen CSS-Variablen, Tailwind-Konfiguration, JSON-Array oder SVG-Palette zu wählen. Die Palette wird automatisch in die Zwischenablage kopiert.
Was sind die verschiedenen Harmoniemodi?
Monochromatisch verwendet einen Farbton mit variierender Sättigung und Helligkeit. Analog verwendet benachbarte Farbtöne (±30°). Komplementär verwendet gegenüberliegende Farbtöne (180°). Triadisch verwendet 3 gleichmäßig verteilte Farbtöne (120°). Split-komplementär verwendet einen Basisfarbton plus zwei benachbarte seines Komplements. Tetradisch verwendet 4 gleichmäßig verteilte Farbtöne (90°).
Kann ich die Palette um meine Markenfarbe herum aufbauen?
Ja. Wählen Sie Ihre Markenfarbe über den Basis-Farbwähler und dann einen Harmoniemodus – die anderen vier Farben werden um sie herum erzeugt. Anschließend lässt sich jede mit den HSL-Reglern feinjustieren.
Welche Exportformate gibt es?
Die Palette lässt sich als CSS-Variablen, Tailwind-Konfiguration, JSON-Array oder SVG-Datei exportieren. Die Code-Vorschau aktualisiert sich beim Formatwechsel sofort und kann direkt ins Projekt kopiert werden.
Kann ich die Farbwerte in HEX, RGB oder HSL sehen?
Ja, der Wert jeder Farbe kann zwischen HEX, RGB und HSL umgeschaltet werden. So bekommen Sie genau das Format, das Ihr Design-Tool oder Ihre Codebasis erwartet – ohne manuelles Umrechnen.
Was bedeutet das kleine Abzeichen auf jeder Farbe?
Es zeigt, ob weißer oder schwarzer Text auf dieser Farbe lesbar bleibt. Erreicht das Kontrastverhältnis 4,5:1, gilt der Wert als bestanden gemäß den WCAG-Empfehlungen – praktisch bei der Wahl von Hintergrundfarben für Buttons oder Banner.
Wird meine Palette auf einen Server hochgeladen?
Nein. Alles läuft lokal in Ihrem Browser, Ihre Farben verlassen nie Ihr Gerät. Nachdem die Seite geladen ist, funktioniert der Generator sogar offline.
So verwenden Sie Farbpaletten-Generator
Erzeuge stimmige Farbpaletten nach monochromatischen, analogen, triadischen und weiteren Schemata — berechnet in deinem Browser. Sperre die Lieblingstöne, verfeinere sie und exportiere im Format deines Frameworks.
- Wähle im Aufklappmenü den Mode für das Farbschema: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary oder Tetradic.
- Lege die Base-Farbe fest, damit jede erzeugte Kachel aus deinem Marken-Ton abgeleitet wird, und würfle neu, bis das Set passt.
- Entferne Kacheln mit dem ✕-Button und würfle erneut; die übrigen stimmst du mit den HSL-Schiebereglern fein ab.
- Vergleiche die Kacheln auf hellen und dunklen Mockups, damit Text auf jeder Farbe lesbar bleibt.
- Öffne Export Palette und nimm deine Farben als CSS Variables, Tailwind Config, JSON Array oder SVG Palette mit.
Sperre die Base-Kachel, bevor du im Random-Modus neu würfelst — so erkundest du Varianten um deine Markenfarbe, ohne sie zu verlieren.
Verwandte Tools
- Farbkonverter Kostenloser Online-Farbkonverter. Konvertieren Sie HEX, RGB, HSL, HSV Formate sofort mit visueller Farbauswahl. 100% privat, läuft in Ihrem Browser.
- Farbpipette Wählen Sie jede Farbe vom Bildschirm mit der Pipette. Kopieren Sie HEX-, RGB-, HSL-Codes sofort. Kostenloses Online-Tool.
- Farbkontrast-Prüfer Prüfen Sie Farbkontrastverhältnisse für WCAG 2.1-Konformität. Validieren Sie AA- und AAA-Standards sofort.
- Farbenblindheits-Simulator Kostenloser Online-Farbenblindheits-Simulator. Testen Sie Designs für Protanopie, Deuteranopie, Tritanopie und andere Typen. 100% privat, läuft im Browser.
- GIF Frames Extrahieren Extrahieren und laden Sie einzelne Bilder aus GIF-Animationen als PNG oder Sprite-Sheet herunter. Kostenloses Online-Tool mit Vorschau und ZIP-Export.
- GIF Rückwärts Kehren Sie die Abspielreihenfolge von GIF-Animationen kostenlos online um. Hochladen, Vorschau und sofort herunterladen.
- GIF-Geschwindigkeitsänderer Ändern Sie die GIF-Animationsgeschwindigkeit online. Beschleunigen oder verlangsamen Sie GIF-Dateien sofort.
- Video zu GIF Konvertieren Sie Video online in animierte GIFs. Passen Sie Qualität, Bildrate und Auflösung direkt im Browser an – kein Upload erforderlich.