Palettengenerator – Farbharmonie-Paletten

Harmonische Farbpaletten sofort erstellen

Farben zu wählen, die gut zusammenpassen, ist eine der häufigsten Herausforderungen im Design. Farbharmonieregeln, basierend auf den Beziehungen zwischen Farbtönen im Farbkreis, bieten eine zuverlässige Grundlage für ausgewogene Paletten.

Dieser Palettengenerator nimmt jede Ausgangsfarbe und wendet Standard-Harmonieregeln an, um einen Satz harmonischer Farben zu erzeugen. Geben Sie eine Farbe im HEX-, RGB- oder HSL-Format ein und wechseln Sie zwischen Harmonietypen, um verschiedene Kombinationen zu erkunden.

Farbharmonietypen erklärt

• Komplementär — zwei Farben gegenüber im Farbkreis (180° Abstand). Hoher Kontrast, kräftige Kombinationen.
• Analog — drei benachbarte Farben im Farbkreis (30° Abstand). Natürlich harmonisch und geringer Kontrast.
• Triadisch — drei gleichmäßig verteilte Farben im Kreis (120° Abstand). Lebendig und ausgewogen.
• Gespalten-komplementär — eine Ausgangsfarbe plus zwei Farben neben ihrem Komplementär (150° und 210°). Weicher als rein komplementär.
• Tetradisch (Quadrat) — vier gleichmäßig verteilte Farben im Kreis (90° Abstand). Reiche, komplexe Paletten.

So nutzen Sie den Palettengenerator

1. Geben Sie eine Ausgangsfarbe ein — tippen Sie einen HEX-, RGB- oder HSL-Wert oder nutzen Sie den Farbwähler
2. Wählen Sie einen Harmonietyp aus dem Menü
3. Ziehen Sie einen verbundenen Punkt im Farbkreis, um Farbton und Sättigung zu ändern, und nutzen Sie den Helligkeitsregler
4. Sehen Sie die erzeugte Palette als Farbfelder
5. Kopieren Sie HEX- oder RGB-Werte für jedes Feld mit einem Klick
6. Wechseln Sie zwischen Harmonietypen, um verschiedene Paletten zu vergleichen

Wann einen Palettengenerator nutzen

• Bei einem neuen Designprojekt mit Bedarf an einer ausgewogenen Farbpalette
• Beim Aufbau einer Markenidentität um eine bestimmte Leitfarbe
• Beim Erstellen von UI-Themes mit harmonischen Akzentfarben
• Beim Erkunden von Farbbeziehungen für Illustration oder Kunst
• Zum schnellen Erzeugen von Paletten für Präsentationen oder Prototypen

Kernharmonie und unterstützende Varianten

Jede Harmonie liefert fünf Farbfelder. Komplementär hat zwei Kernfarben, Analog, Triadisch und Gespalten-komplementär jeweils drei und Tetradisch vier; die übrigen Felder sind unterstützende Varianten mit angepasster Sättigung oder Helligkeit.

Fünf Farben aus einer Ausgangsfarbe erstellen

Der gekennzeichnete Basisfarbton bleibt erhalten, während der Farbkreis die Kernharmonie und passende Varianten berechnet. Für dominante Farben eines ganzen Bildes nutze den Bildpaletten-Extraktor; für den exakten Wert eines Pixels den Farbpicker.

HEX, RGB, HSL und OKLCH verwenden

Das Feld akzeptiert HEX, RGB, HSL und OKLCH. Einzelne Farbfelder lassen sich als HEX oder RGB kopieren; „Palette kopieren“ liefert alle fünf Werte als kommaseparierte HEX-Codes in Großbuchstaben.

Schnell, kostenlos und privat

Alle Berechnungen laufen in deinem Browser. Es gibt keine Anmeldung, keinen Upload, keine Speicherung und keine Serververarbeitung; Farbkreis und Regler funktionieren mit Maus, Touch und Tastatur.

Der Farbkreis zeigt theoretische Farbbeziehungen, garantiert aber keinen lesbaren Kontrast. Nutze den Kontrastprüfer für WCAG-Messungen und den Farbkonverter für reine Formatumwandlungen.

Häufig gestellte Fragen

Was ist eine Farbharmonie?

Farbharmonie bezeichnet Farbkombinationen, die visuell angenehm zusammenwirken. Diese Kombinationen basieren auf den geometrischen Beziehungen zwischen Farbtönen im Farbkreis — zum Beispiel Farben gegenüber (komplementär) oder gleichmäßig verteilt (triadisch).

Welchen Harmonietyp soll ich wählen?

Das hängt von Ihrem Designziel ab. Komplementär erzeugt starken Kontrast und visuelle Wirkung. Analog wirkt ruhig und zusammenhängend. Triadisch ist lebendig und ausgewogen. Gespalten-komplementär bietet Kontrast mit weniger Spannung. Tetradisch liefert reiche, komplexe Paletten, ideal für Designs mit vielen Elementen.

Welche Farbformate kann ich eingeben?

Du kannst HEX, RGB, HSL oder OKLCH eingeben; das Format wird automatisch erkannt.

Wie werden die Palettenfarben berechnet?

Die Ausgangsfarbe wird in HSL umgewandelt und an den exakten Farbtonwinkeln der gewählten Harmonie angeordnet. Jede Beziehung wird mit ausgewogenen Sättigungs- und Helligkeitsvarianten zu fünf praktischen Farbfeldern erweitert. Der interaktive Farbkreis zeigt jedes Feld: Ziehen Sie einen Punkt, dreht sich die gesamte Harmonie; der Helligkeitsregler aktualisiert die Palette.

Kann ich die erzeugten Farben kopieren?

Ja. Einzelne Farben lassen sich als HEX oder RGB kopieren, die gesamte Palette als fünf kommaseparierte HEX-Werte in Großbuchstaben.

Funktioniert dieses Tool auf dem Handy?

Ja. Du kannst den responsiven Farbkreis auf Mobilgeräten per Touch sowie am Computer mit Maus oder Tastatur bedienen.

Ist dieses Tool kostenlos?

Ja. ColourPicker.app ist komplett kostenlos, ohne Anmeldung.

Kann ich meine erzeugten Paletten speichern?

Das Tool speichert Paletten nicht zwischen Sitzungen. Sie können einzelne Farbwerte kopieren und in Ihren Projektdateien oder Design-Tool speichern.

Was zeigt ein Farbkreis?

Er ordnet Farbtöne kreisförmig an: Der Winkel steht für den Farbton, der Abstand zur Mitte für die Sättigung und der separate Regler für die Helligkeit.

Warum enthält jede Palette fünf Farben?

Fünf Felder bieten ein einheitliches Arbeitsset aus zwei bis vier Kernfarben und den nötigen unterstützenden Varianten.

Was sind Kernfarben und unterstützende Varianten?

Kernfarben bilden die gewählte Geometrie; unterstützende Varianten übernehmen diese Farbtöne mit angepasster Sättigung oder Helligkeit.

Garantiert eine Farbharmonie ausreichenden Kontrast?

Nein. Harmonie beschreibt Farbtonbeziehungen; prüfe konkrete Vorder- und Hintergrundfarben separat auf WCAG-Kontrast.