Was ist Farbharmonie-Analyzer?
Der Farbharmonie-Analysator prüft, ob Ihre Farben nach der Farbtheorie zusammenpassen. Er erkennt den Harmonietyp (komplementär, analog, triadisch und mehr), bewertet die Kompatibilität und gibt Tipps zur Verbesserung der Palette.
Der Analyzer übersetzt jeden Hex in HSL, misst die Farbtonabstände auf dem Farbrad und erkennt komplementäre, analoge, triadische, geteilt-komplementäre, tetradische oder monochrome Beziehungen. Er prüft zugleich Sättigung und Helligkeit, vergibt eine Note von 0 bis 100 und schlägt Anpassungen vor, etwa abdunkeln für Kontrast oder Sättigung ausgleichen.
Anleitung
- Fügen Sie zwei oder mehr Farben hinzu, indem Sie Hex-Codes eingeben oder die Farbauswahl verwenden.
- Sehen Sie sich die Harmonieanalyse an, um den erkannten Beziehungstyp und den Kompatibilitätsscore zu erfahren.
- Prüfen Sie die Verbesserungsvorschläge und exportieren Sie dann Ihre Palette.
Wann verwenden
- Eine dreifarbige Brand-Palette prüfen, bevor du Style-Tokens festziehst.
- Zwischen zwei Palettenkandidaten aus dem Moodboard entscheiden.
- Eine Diagrammpalette auditieren, in der jede Serie einen eigenen Ton braucht.
Ergebnis
Ein Markendesigner gibt seine drei Markenfarben (#2D5F8B, #F4A623, #E8E1D5) ein und stellt fest, dass sie eine geteilte Komplementärharmonie mit einem Kompatibilitätsscore von 87 % bilden, verbunden mit dem Vorschlag, das Blau leicht wärmer zu gestalten.
Häufige Fragen
- Was misst der Harmonie-Score eigentlich?
- Er kombiniert, wie sauber die Farbwinkel zu einer bekannten Beziehung passen (komplementär bei 180°, analog innerhalb von 60° usw.), wie ausgewogen Sättigung und Helligkeit verteilt sind und ob es genug Kontrast gibt. Ab 70 trägt es, unter 50 ist meist Nacharbeit nötig.
- Warum heißt meine 3-Farben-Palette «benutzerdefiniert» und nicht triadisch?
- Echte Triaden sitzen genau bei 120°. Liegen deine Töne stattdessen bei 80° und 200°, passt das Muster nicht zum Lehrbuch, der Analyzer markiert sie als benutzerdefiniert und bewertet trotzdem nach Sättigung, Helligkeit und Kontrast.
- Sollte man immer 100 Harmoniepunkte anstreben?
- Nicht zwingend. Ein voller Score bedeutet lehrbuchsaubere Palette, ideal für Diagramme und Dashboards. Brand-Paletten landen oft bei 70 bis 85, etwas Spannung macht sie einprägsam. Nutze die Note als Orientierung, nicht als Ziel.
- Wie viele Farben verkraftet der Analyzer?
- Praktisch zwei bis sieben. Zwei ist die untere Schwelle, um eine Beziehung zu erkennen; ab sieben verlieren Harmonietypen ihren Sinn, das meiste landet als benutzerdefiniert. Bei Visualisierungen mit mehr Farben besser auf Helligkeits- und Sättigungsbalance achten.
- Kann ich die Palette für Code oder Design-Tools exportieren?
- Ja. Der Download-Button sichert die Hex-Werte, ein Klick kopiert alle gleichzeitig. Füge sie direkt in Figmas Farbstile, in CSS-Variablen oder in eine JSON-Token-Datei eines Design-Systems ein.
Ähnliche Tools
Mesh-Gradient-Generator
Mehrschichtige Mesh-Gradient-Hintergründe erstellen
Farbcode-Konverter
HEX-, RGB-, HSL-, CMYK- und HSV-Farbcodes umwandeln
Farb-Konverter
HEX-, RGB-, HSL-, HSV- und CMYK-Codes umwandeln
Farbmischer
Zwei Farben visuell mischen
Farbnamen-Finder
Den nächsten benannten Farbton für jeden Wert finden
Komplementärfarben-Finder
Komplementärfarben für beliebige Eingaben finden