Visuelle Kommunikation

Visuelle Kommunikation

05 / Farbe kommuniziert

05 / FARBE KOMMUNIZIERT

|

Kernfrage

Wie wirkt Farbe, und wie stellst du sicher, dass alle sie lesen können?

Farbe wird schnell wahrgenommen und löst Assoziationen aus. Sie lenkt den Blick, ordnet Informationen und macht Absender wiedererkennbar. Damit Farbe kommuniziert, braucht sie Kontrast und einen Code, den das Publikum teilt.

Lernziel: Du kannst Farben nach Wirkung und Kontrast auswählen, kulturelle Codes berücksichtigen und das Kontrastverhältnis für barrierefreie Gestaltung prüfen.

Farbe wirkt, bevor man liest.

5.1 / Wie Farbe wirkt

Farbe hat mehr als einen Regler.

Jede Farbe lässt sich mit drei Eigenschaften beschreiben, dazu kommt ihr Zusammenspiel:

01

Farbton

Rot, Blau oder Grün: Der Ton prägt die erste Assoziation.

02

Helligkeit

Helle Farben wirken leicht, dunkle schwer und ernst.

03

Sättigung

Satte Farben wirken laut und jung, entsättigte ruhig und edel.

04

Farbklima

Warme oder kalte Paletten geben einer Kommunikation ihre Grundstimmung.

Farbwirkungen sind Tendenzen und hängen von Umfeld und Kultur ab. Wie wir Farben wahrnehmen, vertieft der Kurs Designpsychologie. Hier geht es darum, Farbe gezielt als Teil der Botschaft einzusetzen.

Eine Farbe wirkt nie allein.

5.2 / Kontraste und Codes

Kontrast macht sichtbar, Codes verständlich.

Kontraste lenken den Blick: Der Hell-Dunkel-Kontrast sorgt für Lesbarkeit, der Komplementärkontrast für Spannung, der Kalt-Warm-Kontrast für Tiefe. Josef Albers hat gezeigt, dass dieselbe Farbe je nach Umfeld anders wirkt.

Farben sind zudem kulturell codiert: Rot steht bei uns für Warnung oder Liebe, in China für Glück. Auch Branchen haben Codes, etwa Grün für Bio. Du kannst Codes nutzen oder bewusst brechen.

Farbanteile nach 60 / 30 / 10 oder Fibonacci vergleichen: Proportionen & Goldener Schnitt →

01

Hell-Dunkel

Der wichtigste Kontrast für Lesbarkeit und Fernwirkung.

02

Komplementärkontrast

Gegenfarben wie Blau und Orange erzeugen Spannung und Energie.

03

Kulturelle Codes

Farben tragen gelernte Bedeutungen, je nach Kultur und Branche.

Ohne Kontrast keine Farbwirkung.

5.3 / Farbe für alle

Barrierefrei heisst: für alle lesbar.

Rund 8 % der Männer und 0,5 % der Frauen haben eine Farbsehschwäche, viele Menschen sehen schlechter oder lesen bei Sonne auf dem Handy. Die WCAG verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5:1, für grossen Text 3:1.

Information darf nie nur über Farbe vermittelt werden: Ergänze sie mit Text, Form oder Muster. Für öffentliche Stellen und viele digitale Angebote ist Barrierefreiheit gesetzlich verlangt (in der Schweiz nach dem Behindertengleichstellungsgesetz, in der EU nach dem European Accessibility Act), und sie verbessert die Gestaltung für alle.

Kontrast messen statt schätzen.

Ausprobieren
Kontrast-Prüfer

Wähle Text- und Hintergrundfarbe. Das Werkzeug berechnet das Kontrastverhältnis nach WCAG 2.x und zeigt, ob AA oder AAA erreicht wird.

Beispiele

1 / Textfarbe
2 / Hintergrund

Ungenügend

2,99 : 1

Für Text und Bedienelemente zu schwach. Helligkeitsunterschied vergrössern.

Normaler Text

unter 24 px bzw. unter 18,7 px fett

AA nicht erfüllt · 4,5:1AAA nicht erfüllt · 7:1

Grosser Text

ab 24 px oder ab 18,7 px fett

AA nicht erfüllt · 3:1AAA nicht erfüllt · 4,5:1

Grafik und Bedienelemente

Icons, Rahmen von Feldern, Diagramme

AA nicht erfüllt · 3:1

Berechnung nach WCAG 2.x. Der Wert wird nicht aufgerundet: 4,49 : 1 erfüllt AA nicht. Für Druck gilt die Norm nicht direkt, guter Kontrast hilft dort aber genauso.

Übung

Eine Palette mit Haltung

Aufgabe: Entwickle eine Farbpalette für Lichtspiel mit Haupt-, Akzent- und Textfarben.

SCHRITT 1

Lege drei Begriffe fest, die die Farben ausdrücken sollen.

SCHRITT 2

Wähle eine Hauptfarbe, eine Akzentfarbe und zwei Neutraltöne.

SCHRITT 3

Prüfe alle Paare aus Text und Hintergrund im Kontrast-Prüfer.

SCHRITT 4

Teste die Palette in Graustufen und an einem Plakatentwurf.

Auswertung: Welche Kombinationen erreichen AA? Passt die Palette noch zu den drei Begriffen?

© 2026 Corinna Kost, Basel