Ob Website, Logo, Präsentation oder Wohnzimmerwand: Farben entscheiden mit darüber, ob etwas professionell und stimmig wirkt oder zusammengewürfelt. Hinter scheinbar zufällig schönen Farbkombinationen steckt fast immer System – die Farbtheorie. Wer ihre Grundlagen kennt, kann aus einer einzigen Basisfarbe eine harmonische Palette ableiten, statt im Trüben zu raten.
Der Farbkreis als Grundlage
Das wichtigste Werkzeug der Farbtheorie ist der Farbkreis. Er ordnet die Farben kreisförmig nach ihrem Farbton (englisch Hue) an – von Rot über Gelb, Grün und Blau zurück zu Rot. Die Position einer Farbe auf diesem Kreis lässt sich als Winkel von 0 bis 360 Grad beschreiben. Genau dieser Hue-Winkel ist der Schlüssel, um Farbbeziehungen zu berechnen.
Harmonische Paletten entstehen nämlich nicht durch Bauchgefühl, sondern durch feste geometrische Beziehungen zwischen den Hue-Winkeln. Mit dem Farbpalette Generator gibst du eine Basisfarbe ein und bekommst passende Farben automatisch nach diesen Regeln ausgerechnet.
Die wichtigsten Farbharmonien
Komplementärfarben
Komplementärfarben liegen sich im Farbkreis genau gegenüber, also 180 Grad voneinander entfernt – etwa Blau und Orange oder Rot und Grün. Sie erzeugen maximalen Kontrast und Spannung. Ideal, wenn ein Element herausstechen soll, etwa ein Call-to-Action-Button. In großen Flächen nebeneinander können sie allerdings unruhig wirken.
Analoge Farben
Analoge Schemata nutzen Farben, die im Kreis direkt nebeneinanderliegen, zum Beispiel Blau, Blaugrün und Grün. Sie wirken ruhig, natürlich und harmonisch – man findet sie oft in Landschaften. Für stimmige, entspannte Designs sind sie die sichere Wahl.
Triadische Farben
Bei einem triadischen Schema werden drei Farben verwendet, die gleichmäßig über den Kreis verteilt sind, also jeweils 120 Grad auseinander. Das Ergebnis ist farbenfroh und ausgewogen zugleich. Triaden eignen sich gut für verspielte, lebendige Markenauftritte.
Monochrome Paletten
Eine monochrome Palette bleibt bei einem einzigen Farbton und variiert nur Helligkeit und Sättigung. Das wirkt extrem aufgeräumt und elegant, kann aber schnell langweilig werden, wenn ein Akzentpunkt fehlt.
Warum Helligkeit und Sättigung zählen
Eine Palette besteht nicht nur aus verschiedenen Farbtönen. Genauso wichtig sind Sättigung (wie kräftig eine Farbe ist) und Helligkeit (wie hell oder dunkel). Eine durchdachte Palette enthält in der Regel eine dominante Farbe, eine oder zwei Sekundärfarben sowie neutrale Töne wie helle und dunkle Graustufen für Hintergründe und Text.
Wer tiefer mit Farbwerten arbeiten will, sollte sich mit dem HSL-Farbmodell beschäftigen. Es beschreibt Farben über Hue, Sättigung und Helligkeit und macht harmonische Abstufungen besonders intuitiv – der HSL Farb Generator hilft, einzelne Töne gezielt anzupassen.
Die 60-30-10-Regel
Ein bewährtes Prinzip aus dem Interior- und UI-Design hilft, Paletten ausgewogen einzusetzen: Verwende rund 60 % der Fläche für die dominante Hauptfarbe (meist ein neutraler oder ruhiger Ton), 30 % für eine Sekundärfarbe und nur 10 % für eine kräftige Akzentfarbe. Diese Gewichtung sorgt fast automatisch für ein professionelles, nicht überladenes Erscheinungsbild.
Kontrast und Barrierefreiheit nicht vergessen
Eine schöne Palette nützt wenig, wenn Text auf dem Hintergrund schlecht lesbar ist. Gerade bei Websites gelten Mindestkontraste nach den WCAG-Richtlinien. Bevor du eine Farbkombination für Text festlegst, lohnt sich ein Check mit dem Farbkontrast Checker, der prüft, ob das Verhältnis von Vorder- und Hintergrundfarbe ausreicht.
Fazit
Stimmige Farbpaletten sind kein Glücksspiel, sondern folgen klaren Regeln aus der Farbtheorie: Beziehungen im Farbkreis, durchdachte Abstufungen von Helligkeit und Sättigung sowie eine ausgewogene Verteilung. Mit diesem Wissen und dem Farbpalette Generator entwickelst du in Minuten ein harmonisches Farbschema. Weitere Design- und Entwickler-Tools findest du in den kotsch.tech Webtools.