Farbwirkung

Prinzip // Wirken

Farbe wirkt, bevor ein Wort gelesen ist.

Farbwirkung und Farbklima

Farben tragen Stimmung.

Aber nie allein: Wirkung entsteht im Zusammenspiel mehrerer Farben, im Kontext und durch kulturell gelernte Bedeutungen.

Und heute?

Vier Farbklimata aus Ihrer Lebenswelt

Welches Farbklima ist chillig, laut, verspielt, edel?

Von links: laut, edel, verspielt, chillig

Live-Zuordnung (ca. 4 Minuten)

Vier Farbklimata, vier Begriffe: abweisend, aggressiv, angeberisch, altmodisch. Zu zweit zuordnen, dann abstimmen lassen. Die Auflösung auf der nächsten Folie. Erfahrungsgemäß ist die Zuordnung erstaunlich einheitlich, Abweichungen sind ein guter Anlass zu fragen: Woran machen Sie das fest? Helligkeit, Sättigung, Farbton, Verhältnis der Flächen?

Und heute? (ca. 3 Minuten) Die klassischen Begriffe (abweisend, aggressiv, angeberisch, altmodisch) sind in die Jahre gekommen. Darum dieselbe Übung noch einmal mit Begriffen aus dem Alltag der Studierenden: laut (Neonfarben auf Schwarz, wie Gaming, Energydrinks, Festivals), edel (Schwarz, Dunkelgrün, wenig Gold, wie Uhren, Mode, Premium), verspielt (Pastell, viele helle Töne, wie Kinder- und Lern-Apps), chillig (Sand, Salbei, gedämpft, wie Wellness, Yoga, Bio). Erst zuordnen lassen, dann auflösen. Danach fragen: Welche Marke, welche App fällt Ihnen jeweils ein?

Woran die Wirkung hängt: Helligkeit (dunkel wirkt schwer und edel), Sättigung (neon wirkt laut, gedämpft ruhig), Anzahl der Farbtöne (viele wirken verspielt) und Flächenverhältnis (wenig Gold auf viel Schwarz).

Begriff: Ein Farbklima ist eine Gruppe von Farben, die gemeinsam eine Stimmung tragen. Wie man ein Farbklima aus Bildern ableitet, zeigt die Methode Moodboard und Farbklima (Groß u. a., Generative Gestaltung, 2018).

Was für ein Unternehmen ist das?

Nur am Farbklima erkennen

Ein Wellnesshotel Screenshot aus dem Bestand — Ein Wellnesshotel
Screenshot aus dem Bestand

Ein Garten- und Landschaftsbaubetrieb Screenshot aus dem Bestand — Ein Garten- und Landschaftsbaubetrieb
Screenshot aus dem Bestand

Sporternährung Screenshot aus dem Bestand — Sporternährung
Screenshot aus dem Bestand

Derselbe Raum.

Nur die Farbe des Lichts ändert sich.

Kühl und sachlich

Warm und lebendig

Dunkel und edel

Gedämpft und natürlich

Farbe bedeutet, was wir gelernt haben

Farbe	Hier oft	Anderswo auch
Rot	Gefahr, Liebe, Fehler	Glück und Feier (China), steigende Kurse an chinesischen Börsen
Weiß	Reinheit, Klarheit	Trauer (Teile Ostasiens)
Schwarz	Trauer, Eleganz	Stärke, Seriosität
Grün	Natur, erlaubt, Erfolg	religiöse Bedeutung im Islam
Gelb	Sonne, Warnung	kaiserliche Farbe im alten China
Blau	Vertrauen, Ruhe, Technik	in vielen Ländern die Lieblingsfarbe

Was bedeutet Rot dort, wo Sie aufgewachsen sind?

Und welche Farbe würde Ihre Familie für eine Hochzeit wählen?

Ich mache immer alles blau.
Blau finden alle gut.

Wann trägt die Wirkung nicht?

Wenn eine Farbe allein die Stimmung tragen soll: Es kommt auf das Farbklima an.

Wenn der Kontext nicht passt: Blau wirkt bei der Bank seriös, an der Fleischtheke appetitlos.

Wenn alle dasselbe nehmen: Wer immer Blau wählt, wird austauschbar.

Rot heißt Stopp.

Ampelfarben im Interface

Ampelfarben sind fest belegt

Farbe	Bedeutung im Interface	Typisch für
Rot	Stopp, Fehler, Gefahr	Fehlermeldungen, Löschen, Pflichtfelder
Gelb, Orange	Achtung, Warnung	Hinweise, ablaufende Fristen
Grün	Erlaubt, erledigt, Erfolg	Bestätigungen, Online-Status, »Gespeichert«

Und wenn die Marke rot ist?

Deutsche Bahn, Sparkasse, Vodafone, Media Markt: Wo ist dann noch Platz für den Fehler?

Rote Marke, roter Button: alles gut

Ein Fehler tritt auf: Ist das Rot jetzt Marke oder Warnung?

Lösung: Hauptaktion neutral, Fehler mit Symbol und Text

Rot für Marke und Suchen, Warnungen in Orange mit Symbol bahn.de, Screenshot 2026 — Rot für Marke und Suchen, Warnungen in Orange mit Symbol
bahn.de, Screenshot 2026

Marke und Status trennen

Markenrot für die Marke: Logo, Kopf, Kampagnen

Statusfarben eigens definieren, deutlich vom Markenrot abgesetzt

Fehler nie nur über Farbe: Symbol und Text dazu

Getrennte Design Tokens: color-brand und color-error

Rot, Gelb und Grün sind im Interface fest belegt, gelernt von der Ampel: Rot heißt Stopp, Fehler, Gefahr, Löschen. Gelb oder Orange heißt Achtung, Warnung. Grün heißt erlaubt, erledigt, erfolgreich. Diese Bedeutungen sind so stark, dass sie Markenfarben überlagern.

Das Problem mit roten Marken: Viele Organisationen haben Rot als Unternehmensfarbe, etwa Deutsche Bahn, Sparkasse, Vodafone, Media Markt, Coca-Cola. Dann liegt es nahe, Rot auch als Akzentfarbe im Interface zu nehmen: für Buttons, Links, Hervorhebungen. Im Formular kollidiert das: Ist der rote Rahmen ein Fehler oder nur Gestaltung? Ist der rote Text eine Warnung oder ein Link? Und ist der rote Button die Hauptaktion oder »Löschen«?

Die Wireframes: Erst ein Formular mit rotem Kopf und rotem Button, alles gut. Dann tritt ein Fehler auf, das Feld wird rot markiert: Fehler und Marke sehen gleich aus. Die Lösung: Hauptaktion in neutralem Dunkel, Fehler zusätzlich mit Symbol und Text.

Die Bahn löst es so: Rot für Logo, Markenelemente und den Suchen-Button. Warnungen in Orange mit Warnsymbol, damit sie sich vom Markenrot absetzen.

Lösungswege:

Markenfarbe für Marke: Logo, Kopfbereich, Illustrationen, Kampagnen
Statusfarben eigens definieren und bewusst vom Markenrot absetzen, z. B. ein dunkleres oder orangeres Fehlerrot
Fehler nie nur über Farbe: Symbol und Text dazu (WCAG 1.4.1)
Im Design-System getrennte Tokens: color-brand und color-error, auch wenn sie ähnlich aussehen

Frage ans Publikum: Welche Apps mit roter Marke kennen Sie? Wie zeigen die einen Fehler an?

Die dunkle Seite

Farbe macht Stimmung. Auch Druck.

Eine Hotelkarte, ruhig

Dieselbe Karte mit roten Hinweisen: »Nur noch 2 frei!«, Countdown

Wem nützt dieses Rot?

Den Nutzenden, die informiert sein wollen? Oder dem Anbieter, der schnell verkaufen will?

Verweise

Ableiten: Moodboard und Farbklima. Prüfen: Semantisches Differential. Dahinter: Farbkontraste und Zielgruppe und Kontext.

Danke für's Mitmachen

https://christiannoss.de