Farbe ist kein Geschmack, sondern Strategie. Wie du mit wenigen, gezielten Tönen Wirkung erzielst — statt im Regenbogen unterzugehen.
Farbe ist eines der mächtigsten Werkzeuge im Webdesign — und eines der am häufigsten unterschätzten. Sie steuert, wohin der Blick wandert, welches Gefühl bleibt und ob jemand auf den entscheidenden Button klickt. Genau deshalb lohnt es sich, Farbe bewusst einzusetzen statt nach Bauchgefühl.
Weniger ist mehr
Der häufigste Fehler ist zu viel. Eine gute Palette kommt mit wenigen Tönen aus: eine Hauptfarbe, ein bis zwei Akzente und ausreichend Neutraltöne, die alles zusammenhalten. Wenn alles bunt ist, ist nichts wichtig. Der stärkste Akzent gehört genau dorthin, wo etwas passieren soll — auf den Button, der die Anfrage auslöst.
Kontrast ist nicht verhandelbar
Schöne Farben nützen nichts, wenn der Text darauf schwer lesbar ist. Guter Kontrast ist kein Designdetail, sondern eine Frage der Zugänglichkeit: Ältere Menschen, Menschen mit Sehschwäche und alle, die bei Sonnenlicht aufs Handy schauen, danken es dir. Barrierefreiheit und Wirkung gehen hier Hand in Hand — was gut lesbar ist, verkauft auch besser.
Wähle Text- und Hintergrundfarbe deiner Website — und sieh sofort, ob die Kombination gut lesbar ist (WCAG-Standard).
So sieht dein Text auf diesem Hintergrund aus.
Und so wirkt kleinerer Text, z. B. im Fließtext oder im Footer.
Farbe mit Bedeutung
Farben tragen Assoziationen, und die unterscheiden sich je nach Branche. Ein Pflegedienst wirkt mit ruhigen, warmen Tönen vertrauenswürdiger, ein kreatives Studio darf lauter sein. Wichtig ist, dass die Farbwelt zu dir passt und konsequent durchgehalten wird — über die Website, die Visitenkarte und die sozialen Kanäle hinweg. Diese Konsequenz ist es, die am Ende nach Marke aussieht und nicht nach Zufall.
Ein Beispiel: diese Website
Schau dich hier um: Die Seite nutzt genau eine Handvoll Farben — warmes Creme als Grundfläche, Schwarz für Text und Rahmen, dazu Koralle, Blau, Gelb und Mint als Akzente. Die wichtigste Aktion (eine Anfrage stellen) bekommt fast überall denselben korallroten Button. Dein Auge lernt in Sekunden: Das ist die Farbe, auf der etwas passiert. Genau diese Wiederholung macht eine Palette wirksam.
So gehst du praktisch vor
- Wähle eine Hauptfarbe, die zu deiner Branche und Tonalität passt.
- Lege eine Aktionsfarbe fest, die NUR für Buttons und Links steht.
- Prüfe jeden Text-Hintergrund-Kontrast (kostenlos z. B. mit dem WebAIM Contrast Checker).
- Halte die Palette überall durch — Website, Social Media, Print.