Praktisches Farbtool
Brand Farbpalette Generator
Erstelle eine Markenpalette aus Logo oder Primary Farbe und exportiere CSS Variablen und Design Tokens.
Was diese Seite bietet
- Mappe Markenfarbe auf Primary, Accent, Neutral und Semantic Rollen.
- 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
Paletten GeneratorErstelle zugängliche Farbpaletten, prüfe WCAG-Kontrast, extrahiere Bildfarben und exportiere CSS, Tailwind, SCSS, JSON, SVG und PNG.WCAG CheckPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.Bild ExtraktorExtrahiere dominante Farben aus PNG-, JPG- oder WebP-Bildern lokal im Browser und erstelle exportierbare Paletten.
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.