So benutzt du den Generator
- Drück auf Neue Farben oder auf die Leertaste, bis du eine Farbe siehst, die dir gefällt.
- Drück auf das Schloss an dieser Farbe. Sie bleibt, wenn sich die anderen ändern.
- Mach weiter, bis die ganze Palette passt. Mit Farbe hinzufügen kommen Farben dazu, bis zu sechs. Mit dem Kreuz entfernst du eine.
- Klick auf einen Code, um ihn zu kopieren, oder kopiere alle auf einmal als CSS-Variablen.
Willst du eine Farbe nehmen, die du schon hast, zum Beispiel die aus deinem Logo, drück auf den Stift an einem Farbfeld und wähl sie aus. Das Tool sperrt sie, und die neuen Farben werden um sie herum gebaut.
So werden die Farben gewählt
Der Generator arbeitet in OKLCH, einer Art, Farbe zu beschreiben, die dem entspricht, was das Auge sieht. In OKLCH wirken zwei Farben mit gleicher Helligkeit gleich hell, was bei den Farbcodes, die du tippst, nicht stimmt. Der Farbton der neuen Farben folgt einer von fünf klassischen Harmonien:
- Analog: Nachbarn auf dem Farbkreis, wie Blau, Türkis und Grün. Ruhig und sicher.
- Komplementär: Zwei Gegenfarben, wie Blau und Orange. Starker Kontrast.
- Triade: Drei Farben, gleichmäßig um den Kreis verteilt. Verspielt.
- Geteilt komplementär: Eine Farbe und die zwei neben ihrer Gegenfarbe. Lebendig, mit weniger Reibung als komplementär.
- Monochrom: Ein Farbton von dunkel bis hell. Ruhig und aufgeräumt.
Von allem etwas wählt jedes Mal zufällig eine Harmonie. Jede Palette reicht von einer dunklen bis zu einer hellen Farbe, du hast also immer eine für Text und eine für den Hintergrund.
Palette teilen oder speichern
Die Palette steckt in der Adresse der Seite. Drück auf Link kopieren und schick ihn weiter, oder setz ein Lesezeichen: Der Link öffnet dieselben Farben mit denselben Sperren. PNG herunterladen speichert ein Bild der Palette mit den Codes darauf, für ein Moodboard oder eine Nachricht an eine Designerin. CSS kopieren gibt dir die Farben als Variablen, fertig für eine Website.
Nutz sie im Design-Editor von Postfjord
Lege in Postfjord deine Farben einmal unter Einstellungen, Marke fest: eine Hauptfarbe, eine Akzentfarbe, eine Textfarbe, einen Hintergrund und weitere Markenfarben. Jede Vorlage im Design-Editor wird dann in ihnen gezeichnet, und Marke anwenden gibt auch einem Design, das du früher gemacht hast, deine Farben. Im Bereich Farbe zeigt Farben, die zu diesem Design passen hellere und dunklere Töne der Farben, die du benutzt.
FAQ
Wie viele Farben sollte eine Markenpalette haben?
Die meisten kleinen Marken kommen mit drei bis fünf gut aus: eine dunkle Farbe für Text, eine helle für Hintergründe, eine Hauptfarbe und ein oder zwei Akzente für Buttons und Details.
Kann ich mit meiner Logofarbe anfangen?
Ja. Drück auf den Stift an einem Farbfeld und wähl deine Farbe aus oder tipp ihren Code ein. Das Tool sperrt sie, und neue Farben werden passend dazu gemacht.
Wird die Palette gespeichert?
Nur im Link. Das Tool läuft in deinem Browser und speichert nichts. Kopier den Link oder setz ein Lesezeichen, um zu denselben Farben zurückzukommen.
Was ist OKLCH?
Eine Art, eine Farbe als Helligkeit, Chroma (wie kräftig sie ist) und Farbton zu schreiben. Schritte in OKLCH sehen für das Auge gleichmäßig aus, deshalb hat eine Palette daraus einen weichen Verlauf von dunkel bis hell.
Darf ich die Farben kostenlos nutzen?
Ja. Farben gehören niemandem. Nutz die Palette für deine Marke, deine Website oder deine Posts.