Farben im Webdesign

Farben sind eines der stärksten Gestaltungsmittel. Sie lenken den Blick, wecken Gefühle und machen eine Marke wiedererkennbar. Gleichzeitig entscheiden sie darüber, ob Texte gut lesbar sind. Eine gute Farbgestaltung verbindet deshalb Wirkung und Funktion.

Farbsysteme für Bildschirm und Druck

  • RGB (Rot, Grün, Blau): additive Farbmischung, wie sie Bildschirme verwenden. Im Web werden RGB-Farben meist als HEX-Wert angegeben, z. B. #1a73e8.
  • CMYK (Cyan, Magenta, Gelb, Schwarz): subtraktive Farbmischung für den Druck.
  • Sonderfarben (z. B. Pantone, HKS): genau definierte Druckfarben für besonders exakte Wiedergabe.

Weil Bildschirm und Papier unterschiedlich arbeiten, sieht dieselbe Farbe nie ganz gleich aus. Im Corporate Design werden deshalb für jede Hausfarbe Werte für alle Systeme festgelegt.

Wirkung von Farben

Farben werden nicht überall gleich empfunden; Kultur, Branche und Zusammenhang spielen mit. Einige Tendenzen gelten im westlichen Kulturraum aber als verbreitet:

  • Blau: Vertrauen, Sachlichkeit, Technik – häufig bei Banken und IT-Unternehmen.
  • Grün: Natur, Gesundheit, Nachhaltigkeit.
  • Rot: Energie, Dringlichkeit, Aufmerksamkeit – geeignet für Akzente, in großen Flächen schnell anstrengend.
  • Gelb und Orange: Freundlichkeit, Optimismus, Aktivität.
  • Schwarz, Grau, Weiß: Eleganz, Ruhe, Raum für Inhalte.

Kontrast und Lesbarkeit

Für barrierefreie Websites legen die WCAG Mindestkontraste fest: 4,5 : 1 für normalen Text sowie 3 : 1 für großen Text und für Bedienelemente wie Rahmen von Eingabefeldern (siehe Barrierefreiheit). Außerdem sollten Informationen nie nur über Farbe vermittelt werden – ein rot markiertes Formularfeld braucht zusätzlich einen erklärenden Text.

Praxistipps

  • Eine Hauptfarbe, eine Akzentfarbe für Handlungsaufforderungen und neutrale Töne reichen für die meisten Websites.
  • Akzentfarbe sparsam einsetzen – dann fällt sie auf.
  • Farbpalette auch für einen dunklen Modus planen.
  • Kontraste mit einem Prüfwerkzeug kontrollieren, nicht nur nach Augenmaß.

Sie suchen die passende Farbwelt für Ihre Marke oder Website? Sprechen Sie uns an.

Stand: Oktober 2026