color_lens Farbpaletten-Generator star

So funktioniert es

Die Farbtheorie definiert Harmonieregeln als feste Winkelbeziehungen zwischen Farbtönen auf einem Farbkreis. Dieses Tool berechnet sie im HSL-Modell (Hue, Saturation, Lightness) statt in RGB, weil der Farbton (Hue) ein natürlicher 0–360°-Wert auf einem Kreis ist — einen Winkel zu addieren, um eine verwandte Farbe zu finden, ist damit einfache Arithmetik. In RGB sind Farben nur drei Intensitätskanäle ohne inhärenten Begriff von "Winkel", sodass dieselbe Harmonie-Mathematik ohnehin intern in HSL umgerechnet werden müsste; dieses Tool arbeitet einfach direkt in dem Raum, in dem diese Mathematik nativ ist.

Aus dem Farbton Ihrer Grundfarbe leitet es Folgendes ab: komplementär (der einzelne, genau gegenüberliegende Farbton, Basis + 180°, für maximalen Kontrast), triadisch (drei gleichmäßig im Abstand von 120° auf dem Kreis verteilte Farbtöne, kräftig und dennoch ausgewogen), analog (benachbarte Farbtöne bei ±30°, die ruhig und stimmig wirken, weil sie nah beieinanderliegen), split-komplementär (die beiden Farbtöne links und rechts des Komplementärpunkts, bei ±150°, was Kontrast mit weniger Spannung als ein reines Komplementärpaar liefert) und eine monochromatische Skala, die Farbton und Sättigung konstant hält und nur die Helligkeit nach oben und unten variiert. Ein Basis-Farbton von 200° (ein Blau) ergibt beispielsweise einen Komplementärton von 20° (ein Orange) sowie triadische Töne bei 320° und 80°.

Was Sie wissen sollten

• Ein praktisches 60-30-10-Rezept: Verwenden Sie die Grundfarbe für etwa 60 % des Designs, einen analogen Ton für 30 % und die Komplementärfarbe als 10 %-Akzent — Buttons, Links, Hervorhebungen.
• Harmonie ist keine Barrierefreiheit. Dass zwei Farbtöne mathematisch auf dem Kreis miteinander verwandt sind, sagt nichts über ihren Helligkeitskontrast aus; prüfen Sie Text-über-Farbe-Kombinationen separat gegen WCAG.
• Klicken Sie auf ein beliebiges Farbmuster, um dessen Hex-Code direkt in Ihre Zwischenablage zu kopieren.
• Sättigung und Helligkeit spielen weiterhin eine enorme Rolle. Zwei Paletten können exakt dieselben Farbtöne teilen und dennoch völlig unterschiedlich wirken — eine Version mit niedriger Sättigung und hoher Helligkeit wirkt sanft und pastellig, dieselben Farbtöne bei voller Sättigung und niedriger Helligkeit wirken kräftig und dramatisch.
• Kulturelle Assoziationen folgen nicht dem Farbkreis. Der mathematisch "korrekte" Harmoniepartner eines Farbtons sagt nichts darüber aus, was diese Farbe in einer bestimmten Region oder Branche signalisiert — Rot kann in einem Kontext Alarm bedeuten und in einem anderen Feierlichkeit, unabhängig von jeder Harmonieregel.

Ein kurzes Beispiel: Wählen Sie #3B82F6 (ein mittleres Blau, etwa Farbton 217°) als Grundfarbe. Der Komplementärton liegt nahe 37°, einem warmen Orange — ein natürliches Paar für einen primären Button vor einer blaudominierten Oberfläche. Das triadische Set ergänzt Farbtöne nahe 97° (ein Gelbgrün) und 337° (ein Magenta-Pink), nützlich, wenn ein Design drei unterschiedliche, aber ausgewogene Akzentfarben braucht, etwa für Kategorie-Tags oder die Datenreihen eines Diagramms.