Farbpsychologie: Wie Farben wirken und wie Sie sie in Marketing und Webdesign nutzen

Blau schafft Vertrauen, Rot steigert den Umsatz, Grün beruhigt: Solche Sätze liest man oft, wenn es um Farbpsychologie geht. Ganz falsch sind sie nicht, aber sie verkürzen stark. Farben wecken Assoziationen, doch welche, hängt von Kultur, Kontext und Kombination ab. Wir zeigen, was hinter der Farbpsychologie steckt, welche Wirkung Farben typischerweise zugeschrieben wird und wie Sie Farben im Marketing und auf Ihrer Website sinnvoll einsetzen.

Was ist Farbpsychologie?

Die Farbpsychologie beschäftigt sich damit, wie Farben die Wahrnehmung, die Gefühle und das Verhalten von Menschen beeinflussen. Dabei lassen sich zwei Ebenen unterscheiden. Die eine ist biologisch: Unsere Augen reagieren auf Helligkeit und Farbe, und manche Signale sind tief verankert. Reife Früchte heben sich farbig vom grünen Laub ab, und viele Tiere warnen mit auffälligen Farben vor Gift, etwa Wespen mit Gelb und Schwarz. Die andere Ebene ist gelernt: Welche Farbe wir mit Trauer, Glück, Gefahr oder Luxus verbinden, prägen Sprache, Traditionen, Erziehung und nicht zuletzt Marken.

Das Nachdenken über die Wirkung von Farben hat eine lange Geschichte. Johann Wolfgang von Goethe widmete in seiner Schrift „Zur Farbenlehre“ von 1810 einen eigenen Abschnitt der „sinnlich-sittlichen Wirkung“ der Farben. Im deutschsprachigen Raum bekannt ist außerdem das Buch „Wie Farben wirken“ von Eva Heller, das auf Befragungen in Deutschland beruht. Gerade dieser Ansatz zeigt eine wichtige Grenze: Er beschreibt, was Menschen in einem bestimmten Kulturkreis mit Farben verbinden, nicht, was eine Farbe bei allen Menschen auslöst.

Was belegt ist und was nicht

Gut belegt ist, dass Menschen Farben mit Begriffen und Gefühlen in Verbindung bringen und dass viele dieser Verbindungen innerhalb einer Kultur ähnlich sind. Rot wird im deutschsprachigen Raum häufig mit Liebe, Wut und Gefahr in Verbindung gebracht, Blau mit Ruhe und Ferne. Manche Zuordnungen ähneln sich auch über Kulturen hinweg, andere unterscheiden sich deutlich.

Deutlich schwächer ist die Beweislage bei festen Ursache-Wirkungs-Aussagen. Die Vorstellung, dass eine bestimmte Farbe bei allen Menschen zuverlässig dieselbe Reaktion auslöst, hält einer genauen Prüfung meist nicht stand. Ein bekanntes Beispiel ist ein bestimmter Rosaton, das sogenannte Baker-Miller-Pink. Ende der 1970er-Jahre hieß es, er beruhige aggressive Menschen, weshalb manche Einrichtungen Zellen rosa strichen. Spätere Untersuchungen konnten den Effekt nicht zuverlässig bestätigen.

Neben dem Farbton zählen Helligkeit und Sättigung, oft in gleichem Maß. Ein helles, kräftiges Rot wirkt anders als ein dunkles, gedecktes Weinrot, obwohl beide Rot sind. Zudem steht eine Farbe nie isoliert: Umgebung, Form und Inhalt verändern ihren Eindruck.

Wovon die Wirkung einer Farbe abhängt

• Kultur: Dieselbe Farbe kann in verschiedenen Ländern Freude oder Trauer bedeuten.
• Kontext: Rot auf einem Preisschild signalisiert ein Angebot, Rot in einem Formular einen Fehler, Rot auf einer Speisekarte vielleicht Schärfe.
• Branche und Konventionen: Wer in einer Branche Farben nutzt, die dort unüblich sind, fällt auf, wirkt aber unter Umständen auch fremd.
• Helligkeit und Sättigung: Kräftige, helle Töne wirken aktiver, dunkle und gedeckte Töne ruhiger und oft hochwertiger.
• Kombination und Menge: Eine kleine rote Fläche auf viel Weiß wirkt anders als eine rote Seite. Farben verändern sich außerdem gegenseitig, je nachdem, was daneben steht.
• Persönliche Erfahrung: Vorlieben und Abneigungen entstehen auch durch Erlebnisse, die kein Designer vorhersehen kann.

Farben und ihre typischen Assoziationen

Die folgende Tabelle zeigt Assoziationen, die im deutschsprachigen und westlich geprägten Raum häufig genannt werden. Verstehen Sie sie als Orientierung, nicht als Gesetz. Jede Farbe hat positive und negative Seiten, und welche davon überwiegt, entscheidet der Zusammenhang.

Die wichtigsten Farben im Einzelnen

Rot

Rot zieht Aufmerksamkeit auf sich wie kaum eine andere Farbe und steht für Energie, Liebe und Gefahr zugleich. Im Handel wird Rot häufig für Rabatte eingesetzt, auf Websites dagegen oft für Fehlermeldungen. Wer Rot als Markenfarbe nutzt, sollte darauf achten, dass Buttons und Hinweise nicht verwechselt werden.

Orange

Orange verbindet die Energie von Rot mit der Freundlichkeit von Gelb und steht oft für Wärme und Geselligkeit. Als Akzentfarbe auf blauen oder grauen Seiten fällt es stark auf. Weiße Schrift auf kräftigem Orange ist allerdings schwer lesbar.

Gelb

Gelb wirkt hell und sonnig, gilt als optimistisch und ist gleichzeitig eine klassische Warnfarbe. Auf weißem Hintergrund ist gelbe Schrift praktisch unlesbar. Gelb funktioniert deshalb am besten als Fläche mit dunkler Schrift.

Grün

Grün steht für Natur, Wachstum und Gesundheit und wird oft als beruhigend empfunden. Weil viele Unternehmen mit Grün ihre Umweltfreundlichkeit betonen, ist die Farbe in manchen Branchen sehr verbreitet. Auf Websites signalisiert Grün außerdem Erfolg, etwa nach dem Absenden eines Formulars.

Blau

Blau wird häufig mit Vertrauen, Ruhe und Kompetenz verbunden. Genau deshalb nutzen es so viele Banken, Versicherungen und IT-Unternehmen, dass es dort kaum noch unterscheidet. Wer in einer solchen Branche auffallen möchte, braucht einen eigenständigen Blauton oder eine starke zweite Farbe.

Violett

Violett und Purpur galten lange als Farben von Macht und Luxus, weil Purpurfarbstoff früher selten und teuer war. Heute verknüpfen es viele mit Kreativität, Spiritualität und Individualität. In Kosmetik und Beauty ist die Farbe verbreitet.

Schwarz, Weiß und Grau

Schwarz wirkt elegant, stark und hochwertig, wird aber auch mit Trauer und Dunkelheit verbunden. Weiß steht für Reinheit und Klarheit und ist im Webdesign als Weißraum ein wichtiges Gestaltungsmittel. Grau wirkt sachlich und neutral und bildet oft die ruhige Basis, auf der Markenfarben erst richtig zur Geltung kommen. Hellgraue Schrift auf weißem Grund ist allerdings ein häufiges Problem für die Lesbarkeit.

Kultur und Kontext: Warum es keine universelle Farbwirkung gibt

Wie stark die Farbwirkung von der Kultur abhängt, zeigen einige Beispiele. In Westeuropa ist Schwarz die klassische Farbe der Trauer, in Teilen Ost- und Südasiens ist es traditionell Weiß. In China steht Rot für Glück und Feste, Bräute tragen dort traditionell Rot. An chinesischen Börsen zeigen rote Zahlen steigende Kurse, während man in Deutschland bei roten Zahlen an Verluste denkt.

Auch die Sprache verrät, wie gelernt Farbbedeutungen sind. Wer im Deutschen „blau“ ist, hat zu viel getrunken, im Englischen bedeutet „feeling blue“ dagegen traurig sein. Wir sehen „rot“, wenn wir wütend sind, sehen „schwarz“, wenn wir pessimistisch sind, und nennen unerfahrene Menschen „grün hinter den Ohren“.

Dazu kommen Konventionen, die wir im Alltag lernen. Ampeln nutzen Rot für Halt und Grün für freie Fahrt. Bei den Sicherheitszeichen nach DIN EN ISO 7010 steht Rot für Verbote und Brandschutz, Gelb für Warnungen, Blau für Gebote und Grün für Rettungswege und Erste Hilfe. Solche Konventionen wirken stärker als jede allgemeine Farbpsychologie, weil sie täglich eingeübt werden.

Farbpsychologie im Marketing

Im Marketing ist Farbe vor allem ein Werkzeug für Wiedererkennung. Marken wie die Telekom mit Magenta, Milka mit Lila oder die Deutsche Post mit Gelb zeigen, wie stark eine Farbe mit einem Unternehmen verschmelzen kann. Das liegt weniger an einer besonderen psychologischen Wirkung des Farbtons als an der Konsequenz, mit der die Farbe über Jahrzehnte eingesetzt wurde. Wie Farben in ein ganzes Erscheinungsbild eingebettet werden, erklärt unser Ratgeber zum Corporate Design.

Bei der Wahl einer Markenfarbe gilt es, zwei Ziele abzuwägen: Die Farbe soll zur Branche und zur gewünschten Wirkung passen, und sie soll sich vom Wettbewerb abheben. Eine Bio-Marke in Grün wirkt glaubwürdig, geht aber zwischen vielen grünen Mitbewerbern leicht unter. Eine ungewöhnliche Farbe fällt auf, muss aber zur Positionierung passen.

1. Positionierung klären

   Wie soll Ihr Unternehmen wirken: eher sachlich oder herzlich, günstig oder hochwertig, traditionell oder modern? Die Antworten liefert Ihre Markenstrategie.

2. Wettbewerb farblich erfassen

   Sammeln Sie die Logos und Websites Ihrer wichtigsten Wettbewerber und ordnen Sie sie nach Farben. So sehen Sie, welche Farben besetzt sind und wo noch Platz ist.

3. Farbfamilie wählen

   Entscheiden Sie sich für eine Grundrichtung und bestimmen Sie dann den genauen Ton über Helligkeit und Sättigung. Hier entsteht die eigentliche Wirkung.

4. Im Einsatz testen

   Prüfen Sie die Farbe auf der Website, im Druck, auf Stoff und auf dem Fahrzeug. Achten Sie besonders auf den Kontrast zu Schrift und Hintergrund.

5. Palette ergänzen

   Ergänzen Sie die Hauptfarbe um eine Akzentfarbe, neutrale Töne und Signalfarben für die Website. Welche Farben besonders starke Kontraste bilden, zeigt unser Beitrag über Komplementärfarben.

Farben im Webdesign

Markenfarbe und Akzentfarbe

Auf Websites haben Farben eine klare Aufgabe: Sie lenken den Blick. Bewährt hat sich eine ruhige Basis aus neutralen Tönen und der Markenfarbe und dazu eine Akzentfarbe, die für die wichtigsten Aktionen reserviert ist, etwa für den Button „Anfrage senden“. Dahinter steckt ein bekanntes Wahrnehmungsprinzip, der Von-Restorff-Effekt: Was sich von seiner Umgebung abhebt, wird eher wahrgenommen und erinnert. Eine allgemein beste Button-Farbe gibt es deshalb nicht. Ein orangefarbener Button fällt auf einer blauen Seite auf, auf einer orangefarbenen nicht.

Kontrast und Lesbarkeit nach WCAG

Die schönste Farbwirkung nützt nichts, wenn Texte nicht lesbar sind. Die Web Content Accessibility Guidelines (WCAG) legen deshalb auf Stufe AA Mindestkontraste fest: 4,5:1 für normalen Text, 3:1 für große Schrift sowie für Bedienelemente und wichtige Grafiken. Einige Beispiele zeigen, wie schnell beliebte Kombinationen durchfallen:

Kontraste prüfen Sie kostenlos mit Kontrastrechnern im Browser oder direkt in den Entwicklertools von Chrome. Denken Sie auch an die Nutzung unterwegs: Auf dem Smartphone im Sonnenlicht verlieren schwache Kontraste zusätzlich an Wirkung. Worauf es bei mobilen Darstellungen ankommt, lesen Sie im Beitrag zum Responsive Webdesign, die Kriterien im Detail in unserem Beitrag zu den WCAG.

Farbe nie als einziges Signal

Viele Menschen, vor allem Männer, haben eine Rot-Grün-Sehschwäche. Für sie sind rote Fehlermeldungen und grüne Erfolgsmeldungen schwer zu unterscheiden. Die WCAG verlangen deshalb, dass Informationen nicht allein über Farbe vermittelt werden. Ergänzen Sie Farben durch Text, Icons oder Unterstreichungen, zum Beispiel ein Warnsymbol und einen klaren Hinweis neben einem fehlerhaften Formularfeld.

Signalfarben bewusst einsetzen

Im Web haben sich Konventionen etabliert: Rot für Fehler, Grün für Erfolg, Gelb oder Orange für Warnungen, Blau für neutrale Hinweise. Wenn Ihre Markenfarbe Rot ist, sollten Fehlermeldungen trotzdem klar erkennbar bleiben, etwa durch einen anderen Rotton, ein Symbol und eindeutigen Text. Solche Regeln gehören in ein Designsystem, damit sie auf allen Seiten gleich umgesetzt werden.

Unterstützung bei Farben und Gestaltung

Häufige Fragen