Brand Farbpalette Generator
Erstelle eine Markenpalette aus Logo oder Primary Farbe und exportiere CSS Variablen und Design Tokens.
Diese Anleitung erklärt den Ablauf. Nutze das unten verlinkte Haupttool, um Farben zu generieren und Dateien zu exportieren.
Was diese Seite bietet
- Wähle die generierten Farben für Primärfarbe, Akzent und Neutral und weise diese Rollen im Projekt zu.
- Prüfe WCAG Kontrast für Text auf der Markenfarbe.
- Exportiere Variablen, die Entwickler direkt nutzen können.
Gut für
- Brand Systeme
- Startup Landingpages
- Styleguides
So nutzt du es
Kann ich das mit dem Hauptgenerator nutzen?
Ja. Starte hier, öffne das Chromoforge Tool mit derselben Basisfarbe und exportiere die Palette.
Wie viele Farben braucht eine Markenpalette?
Ein brauchbares Markensystem braucht eine Primärfarbe, ein bis zwei Sekundärfarben, einen Akzent für Call-to-Actions und eine neutrale Skala mit fünf bis neun Stufen. Alles darüber hinaus ist meist Dekoration und macht Komponentenzustände schwerer konsistent zu halten.
Kann die Markenfarbe für Fließtext genutzt werden?
Selten. Die meisten gesättigten Markenfarben bleiben unter dem für Fließtext auf Weiß nötigen Kontrastverhältnis von 4.5:1. Nutze ein dunkles Neutral für lange Texte und die Markenfarbe für Überschriften, Buttons, Links und Akzente, wo bei großem Text 3:1 genügt.