Farbpsychologie im Webdesign: was die Forschung stützt und was nicht

Farbe verändert, wie sich eine Website anfühlt, aber die beliebten Regeln wie „Blau schafft Vertrauen“ und „Rot verkauft“ sind schwächer, als sie klingen. Assoziationen unterscheiden sich nach Kultur, Branche und Kontext, und die Forschung zu Farbe und Kaufverhalten ist uneinheitlich. Die Farbentscheidungen, die einer Unternehmenswebsite verlässlich helfen, sind schlichter: starker Kontrast, eine klare Akzentfarbe für die Hauptaktion und Konsistenz mit Ihrer Marke.

Das Wichtigste in Kürze

• Farbassoziationen sind real, aber von Kultur und Kontext geprägt – keine Farbe wirkt als universeller Auslöser.
• Der Kontrast zwischen Text und Hintergrund ist für die Ergebnisse wichtiger als der gewählte Farbton.
• Verwenden Sie eine Akzentfarbe für die Hauptaktion und setzen Sie sie sonst sparsam ein.
• Verlassen Sie sich nie allein auf Farbe, um Bedeutung zu vermitteln, denn ein Teil der Besucher kann manche Farben nicht unterscheiden.
• Passen Sie die Palette an Zielgruppe und Versprechen an und wenden Sie sie konsequent an.

Was Farben vermitteln

Menschen verbinden Farben tatsächlich mit Gefühlen. Dunkles Blau und Grün wirken oft ruhig und seriös, weshalb viele Banken und Kanzleien sie verwenden. Warme Farben wie Orange und Gelb wirken eher energisch und freundlich. Schwarz und Weiß mit zurückhaltenden Akzenten wirken oft hochwertig oder minimalistisch.

Diese Assoziationen sind Tendenzen, keine Gesetze. Rot signalisiert in einem Kontext Gefahr und in einem anderen Feierlichkeit, und Weiß bedeutet in verschiedenen Kulturen Verschiedenes. Wenn Sie ein internationales Publikum ansprechen, prüfen Sie vor der Festlegung, was Ihre Farben in jedem Markt bedeuten.

Warum „Blau schafft Vertrauen“ zu einfach ist

Blau ist in Finanzen und Software verbreitet, daher verbinden Menschen es womöglich mit diesen Bereichen. Das ist eine Branchengewohnheit und kein Beweis, dass Blau Vertrauen erzeugt. Vertrauen auf einer Website entsteht vor allem durch klare Informationen, echte Menschen, sichtbare Belege und eine professionelle Umsetzung, wie unser Artikel zur Startseite für Dienstleister erklärt. Eine gut gemachte Website in einer unerwarteten Farbe schlägt eine unordentliche in der „richtigen“.

Dasselbe gilt für Behauptungen, eine Buttonfarbe konvertiere besser als eine andere. Die Ergebnisse hängen davon ab, wie sich der Button von seiner Umgebung abhebt, und ein Test auf einer Website lässt sich nicht auf eine andere übertragen.

Zuerst kommt der Kontrast

Lesbarer Text ist der klarste Fall, in dem Farbe eine messbare Wirkung hat. Die Web Content Accessibility Guidelines verlangen auf Stufe AA ein Kontrastverhältnis von mindestens 4,5 zu 1 für normalen Text und 3 zu 1 für großen Text. Hellgrauer Text auf Weiß mag auf dem Monitor eines Designers elegant aussehen und auf einem Smartphone im Sonnenlicht unlesbar sein.

Prüfen Sie Ihre Text- und Buttonfarben mit einem kostenlosen Kontrastprüfer. Das gehört auch zur Barrierefreiheit, die wir in unserer Checkliste zum European Accessibility Act beschreiben.

Ein Akzent für die Hauptaktion

Eine Seite, auf der alles leuchtet, hat keinen Blickfang. Wählen Sie eine Akzentfarbe und verwenden Sie sie für die eine Aktion, die Besucher am ehesten ausführen sollen, etwa ein Gespräch buchen oder eine Anfrage senden. Halten Sie den Rest der Oberfläche in neutralen Tönen. Der Akzent wirkt, weil er selten ist – das Auge geht zu dem, was anders ist.

Das ist eines der Prinzipien, die wir in den Prinzipien für conversionstarkes Design beschreiben.

Verlassen Sie sich nicht allein auf Farbe

Etwa jeder zwölfte Mann hat eine Form von Farbsehschwäche, sodass besonders Rot und Grün für viele Besucher ähnlich aussehen können. Die WCAG verlangen, dass Farbe nicht das einzige Mittel zur Vermittlung von Informationen ist. Ein Fehler in einem Formular sollte neben einem roten Rahmen auch ein Symbol oder Text zeigen, und ein Diagramm sollte neben Farben auch Beschriftungen oder Muster verwenden.

Eine Palette für Ihr Unternehmen wählen

Beginnen Sie bei Ihrer Zielgruppe und Ihrem Versprechen. Ein familiengeführter Holzhandel, eine Kanzlei und ein Designstudio brauchen unterschiedliche Töne. Wählen Sie eine kleine Auswahl: ein dunkles Neutral, ein helles Neutral, eine Hauptmarkenfarbe und einen Akzent. Prüfen Sie die Kombinationen auf Kontrast, sehen Sie sie sich auf dem Smartphone an und wenden Sie sie einheitlich in Logo, Website, Dokumenten und Social-Media-Profilen an. Unser Artikel über Markensysteme und Logos erklärt, warum Konsistenz wichtig ist.

Wenn Sie dabei Unterstützung möchten, buchen Sie ein kostenloses 30-minütiges Erstgespräch, fordern Sie das kostenlose Website-Audit an oder sehen Sie in unseren Arbeiten, wie wir das umsetzen.