Farbpaletten-Generator

Erzeuge Paletten mit 5 Farben in der Harmonie, die dir am besten gefällt. Tippe auf eine Farbe, um sie zu sperren: Beim nächsten Erzeugen ändern sich nur die anderen und ordnen sich um sie herum an.

Tippe auf eine Farbe, um sie zu sperren: Mit „Erzeugen“ ändern sich nur die anderen, und bei den Harmonien ordnen sie sich um die erste gesperrte Farbe herum an.

Die Farben entstehen in deinem Browser: Nichts wird gesendet oder gespeichert.

So funktionieren Farbharmonien

Harmonien beruhen darauf, wo die Farbtöne auf dem Farbkreis liegen. In einer analogen Palette liegen die fünf Farbtöne 18° auseinander, insgesamt 72°: sanfte Paletten, ideal für Hintergründe und Oberflächen. In einer komplementären wechselt sich ein Farbton mit seinem Gegenüber ab (180°, um ein paar Grad versetzt, damit sie nicht wie Kopien wirken), von der dunkelsten bis zur hellsten Farbe: maximaler Kontrast, für eine Akzentfarbe, die heraussticht. Eine Triade nimmt drei Farbtöne im Abstand von 120°, und die letzten beiden Farben sind helle Versionen der ersten beiden Farbtöne. Bei Pastell bleibt die Helligkeit zwischen 80 und 90 %: Bei so viel Licht wird selbst eine gesättigte Farbe sanft, der zarte Look vieler Verpackungen und Kinderprodukte.

Eine Farbe sperren

Tippe auf eine Farbe, um sie zu sperren: Das Schloss erscheint, und mit „Erzeugen“ ändern sich nur die anderen. Bei den Harmonien bestimmt die erste gesperrte Farbe den Ausgangsfarbton, die anderen ordnen sich also wirklich um sie herum an: So baust du eine Palette rund um die Farbe eines Logos. Grau, Weiß und Schwarz haben keinen Farbton: Ist die erste gesperrte Farbe eine davon, entscheidet die nächste gesperrte Farbe mit Farbton, und gibt es keine, ist der Ausgangsfarbton zufällig. Der Verlauf hebt die Farben auf, die aus der Palette verschwunden sind, die neueste oben, und nie eine, die du gerade siehst. Tippst du eine an, kommt sie zurück in die Palette, anstelle der ersten nicht gesperrten, und bleibt gesperrt.

Mit der Schaltfläche „Eine Farbe“ oben liefert dieselbe Seite eine einzelne Farbe. Der Verlauf bleibt erhalten, solange die Seite geöffnet ist: Nichts wird gespeichert oder gesendet.

So setzt du deine Palette in einem echten Projekt ein

Die bekannteste Faustregel ist 60-30-10: eine dominante Farbe für 60 % der Gestaltung (Hintergründe), eine Sekundärfarbe für 30 % (Abschnitte, Karten) und eine Akzentfarbe für 10 % (Buttons, Links, Details). Kopiere die HEX-Codes und füge sie direkt in Figma, Canva, PowerPoint oder das CSS deiner Website ein. Prüfe vor der Veröffentlichung den Kontrast zwischen Text und Hintergrund: Ein Verhältnis von mindestens 4,5:1 hält deinen Text für alle lesbar.

Vier Seiten, zwei Aufgaben

Farbpaletten-Generator und Zufallsfarbe sind derselbe Generator, mit einer Farbe oder mit fünf: Mit den zwei Schaltflächen oben wechselst du zwischen beiden, ohne die Seite zu verlassen. Um eine Farbe einzugeben und sie in allen Formaten zu erhalten, gibt es den Farbkonverter und den Farbwähler, dasselbe Tool mit zwei Eingängen.

Ähnliche Tools