Löwen Sites / Magazin / Artikel
Design

Farbpsychologie im Webdesign: Farben, die konvertieren

Rot macht dringlich, Blau schafft Vertrauen, Grün verkauft — kaum ein Designthema ist so voll von Halbwissen wie die Farbpsychologie. Die Wahrheit ist unbequemer und nützlicher zugleich: Es gibt keine Kauffarbe. Es gibt Kontrast, Hierarchie und Konsistenz — und wer diese drei beherrscht, holt aus jeder Palette Conversion heraus.

Autor Julien MarschallVeröffentlicht 2026-08-13Lesezeit 6 Min.

Farben wirken — aber nicht als Knopfdruck auf das Kaufzentrum, sondern als Kontext. Dieselbe Farbe signalisiert je nach Umfeld völlig Verschiedenes: Rot ist auf der Bank-Website ein Warnsignal, im Sale-Banner ein Kaufimpuls, in der Steakhouse-Marke Appetit. Die berühmten Button-Tests, in denen angeblich Rot gegen Grün gewann, haben bei näherem Hinsehen fast immer dasselbe gemessen: Kontrast. Die Siegerfarbe war die, die sich am stärksten vom Rest der Seite abhob. Wer Farbpsychologie ernst nimmt, fragt deshalb nicht „Welche Farbe verkauft?", sondern „Welche Rolle spielt jede Farbe auf dieser Seite?"

Die 60-30-10-Regel: Hierarchie statt Farbchaos

Eine konvertierende Palette hat drei Ebenen. Rund 60 Prozent der Fläche gehört der Grundfarbe — Hintergründe, große Flächen, Ruhe. 30 Prozent übernimmt die Sekundärfarbe: Abschnitte, Karten, Navigationselemente, Struktur. Die restlichen 10 Prozent sind die Akzentfarbe — und die ist heilig: Sie gehört den Handlungsaufforderungen und nur ihnen. Ein Call-to-Action konvertiert, weil er die einzige Fläche in seiner Farbe ist. Sobald dieselbe Signalfarbe auch Icons, Links, Badges und Deko einfärbt, verliert der Button seine Sonderstellung — die Seite schreit überall gleich laut, also hört niemand hin.

Kontrast: der härteste Conversion-Faktor

Bevor eine Farbe psychologisch wirken kann, muss sie physiologisch funktionieren. Die WCAG verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5:1, für große Schrift 3:1 — und das ist keine Formalie für den Barrierefreiheits-Audit, sondern harte Verkaufslogik: Hellgrauer Text auf Weiß mag im Studio elegant aussehen, auf dem Smartphone im Sonnenlicht ist er unsichtbar. Unlesbare Preise, unlesbare Vorteile, unlesbare Buttons konvertieren exakt null. Kontrast entscheidet auch die Blickführung: Das Element mit dem höchsten Kontrast zur Umgebung wird zuerst gesehen. Wenn das ein Deko-Element ist statt des Angebots, arbeitet die Farbwelt gegen die Seite.

Es gibt keine Farbe, die verkauft — es gibt Seiten, auf denen die wichtigste Handlung den höchsten Kontrast hat und die Signalfarbe nirgendwo sonst vorkommt. Das ist die ganze Farbpsychologie der Conversion in einem Satz.

Farbe als Markensignal

Die zweite Aufgabe der Farbe ist Wiedererkennung. Menschen erinnern Farben schneller als Namen und Logos — eine konsistente Farbwelt über Website, Anzeigen, Social-Profile und E-Mails hinweg senkt bei jedem Kontakt die Frage „Wo bin ich hier?". Der häufigste Fehler ist Inkonsistenz aus Ungeduld: Die Landingpage bekommt ein anderes Blau als die Website, die Anzeige ein drittes. Jede Abweichung kostet einen Moment Orientierung, und Momente der Orientierung sind genau das, was zwischen Klick und Conversion verloren geht. Dazu gehört auch der Kontext der Zielgruppe: Ein Industriezulieferer und ein Yogastudio können dieselbe Farbe tragen — aber nicht dieselbe Sättigung, nicht dieselbe Menge, nicht dieselbe Umgebung.

Dark Mode, Stimmung und Lesbarkeit

Dunkle Farbwelten transportieren Wertigkeit und Fokus — sie sind aber anspruchsvoller: Reines Weiß auf reinem Schwarz flimmert, lange Texte brauchen abgemilderte Töne, und Akzentfarben wirken auf dunklem Grund deutlich greller als auf hellem. Wer eine dunkle Marke führt, testet die Palette dort, wo sie bestehen muss: auf billigen Displays, bei Tageslicht, mit echten Textlängen. Stimmung ist das Versprechen, Lesbarkeit die Einlösung.

Testen statt glauben

Farbentscheidungen lassen sich messen wie jede andere Conversion-Hypothese. Sinnvoll getestet wird aber nicht „Rot gegen Grün", sondern kontrolliert: gleiche Seite, gleicher Text, nur der Kontrast oder die Exklusivität der Akzentfarbe verändert. Und erst, wenn genug Traffic für ein belastbares Ergebnis da ist — sonst produziert der Test nur Anekdoten. Bis dahin gilt die Reihenfolge, die in der Praxis fast immer gewinnt: erst Kontrast reparieren, dann Hierarchie aufräumen, dann über Farbtöne philosophieren.

Farbwelten, die verkaufen

Löwen Sites baut Websites mit klarer visueller Hierarchie — jede Farbe hat eine Aufgabe, jeder Kontrast ein Ziel.

Projekt anfragen →

Häufige Fragen

Welche Farbe konvertiert am besten für Buttons?
Keine bestimmte. Tests, die angeblich eine Siegerfarbe belegen, messen in Wahrheit fast immer Kontrast: Die Gewinnerfarbe war diejenige, die sich am stärksten vom Rest der Seite abhob. Ein Button konvertiert, wenn er die einzige Fläche in seiner Signalfarbe ist und sich klar vom Umfeld absetzt — unabhängig davon, ob diese Farbe Rot, Grün oder Gold ist.
Wie viele Farben sollte eine Website verwenden?
Als Faustregel genügt eine Palette nach der 60-30-10-Regel: rund 60 Prozent Grundfarbe für Flächen und Hintergründe, 30 Prozent Sekundärfarbe für Struktur und Abschnitte, 10 Prozent Akzentfarbe — reserviert für Handlungsaufforderungen. Mehr Farben verwässern die Hierarchie und nehmen dem Call-to-Action seine Signalwirkung.
Welcher Kontrast ist für Text vorgeschrieben?
Die WCAG verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund, für große Schrift 3:1. Das ist nicht nur eine Barrierefreiheits-Anforderung, sondern ein Conversion-Faktor: Text, der auf dem Smartphone in der Sonne nicht lesbar ist, verkauft nichts.