Farbpaletten-Generator

Wählen Sie eine Grundfarbe und erzeugen Sie harmonische Paletten — komplementär, triadisch, analog, gespalten-komplementär und monochromatisch.

So funktioniert es

  1. Wählen Sie eine Grundfarbe mit dem Farbwähler oder geben Sie einen Hex-Code ein.
  2. Wählen Sie den Harmonietyp — komplementär, triadisch, analog, gespalten-komplementär oder monochromatisch.
  3. Klicken Sie auf „Palette generieren" — die Farben erscheinen als Farbfelder mit Hex-Codes. Klicken Sie auf ein Farbfeld, um seinen Code zu kopieren.

Über dieses Tool

Farbharmonie ist das Prinzip, dass bestimmte Farbtonkombinationen zusammen ausgewogen wirken. Die Theorie basiert auf dem Farbkreis: Komplementärfarben liegen einander gegenüber (maximaler Kontrast), analoge Farben liegen nebeneinander (minimaler Kontrast) und triadische Farben bilden ein gleichseitiges Dreieck (ausgewogener Kontrast). Gespalten-komplementär nimmt die beiden Nachbarn des Komplementärtons, und monochromatisch variiert Helligkeit und Sättigung eines einzelnen Farbtons.

Dieser Generator arbeitet im HSL-Farbraum, wobei H der Farbtonwinkel auf dem Rad, S die Sättigung und L die Helligkeit ist. Die Harmonien sind geometrisch: komplementär addiert 180° zum Farbton, triadisch 120° und 240°, analog addiert und subtrahiert 30°. Die Ergebnisse sind Ausgangspunkte für ein Design — echte Palettenarbeit passt Sättigung und Helligkeit an, um visuelles Gewicht auszugleichen, und testet die Palette am tatsächlichen Inhalt, mit dem sie verwendet wird.

Klicken Sie auf ein beliebiges Farbfeld, um seinen Hex-Code in die Zwischenablage zu kopieren. Alles läuft in Ihrem Browser und nichts wird gespeichert.

Die Formel

Komplementär: H+180°. Triadisch: H+120°, H+240°. Analog: H−30°, H, H+30°. Gespalten-komplementär: H+150°, H+210°. Monochromatisch: gleicher H, variiertes S und L.

Häufig gestellte Fragen

Which harmony should I use?

Komplementär für maximalen Kontrast (Call-to-Action-Buttons, Warnzustände). Analog für ein ruhiges, zusammenhängendes Erscheinungsbild. Triadisch für eine ausgewogene Palette mit Vielfalt. Monochromatisch für ein Ein-Markenfarben-Design.

Kann ich diese Farben kommerziell nutzen?

Farben sind nicht urheberrechtlich schützbar. Die erzeugte Palette können Sie frei verwenden.

Warum sehen die Farben auf meinem Handy anders aus?

Weil Bildschirme unterschiedliche Farbräume und Kalibrierungen haben. Der Hex-Code ist derselbe; das Erscheinungsbild hängt vom Display ab.

Prüft es den Kontrast auf Barrierefreiheit?

Nicht direkt — verwenden Sie dafür das WCAG-Kontrastprüfer-Tool. Dieses Tool erzeugt harmonische Paletten; der Kontrastprüfer sagt Ihnen, ob Vorder- und Hintergrund die Barrierefreiheitsstandards erfüllen.

Verwandte Tools

Lange Links? Kürzen Sie sie kostenlos

Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.

Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.