Wie Sie die Farben Ihrer Website wählen: praktischer Leitfaden ausgehend vom Logo

Die schlechteste Farbentscheidung für eine Website ist nicht „Blau oder Grün“. Es ist der Moment, in dem der Inhaber eine Website öffnet und sagt: „Setz mir noch dieses Orange rein, und ein Türkis, und hier ein Rosa, das ist schön.“ Nach drei „schönen“ Farben sieht die Seite aus wie ein Süßigkeitenregal, und der Button, auf den der Kunde klicken soll, geht dazwischen verloren.

Die Wahrheit ist einfacher, als es scheint. Man wählt keine Farben wie in einem Malkurs. Man wählt ein System: eine Grundfarbe, eine, die „hier klicken“ sagt, und der Rest, der sich brav im Hintergrund hält. Und der Ausgangspunkt ist bereits vorhanden – Ihr Logo.

Starten Sie vom Logo, nicht vom Geschmack

Wenn Sie ein Logo haben, ist die halbe Arbeit erledigt. Die dominante Farbe im Logo wird die Markenfarbe der Website. Sie erfinden keine neue Farbe „damit es moderner wirkt“ – das schafft nur Verwirrung, wenn die Visitenkarte grün ist und die Website lila.

Konkret:

• Nehmen Sie den genauen Farbcode aus dem Logo (im HEX-Format, etwa `#1B4D3E`). Wenn Sie ihn nicht haben, gibt Ihnen der Ersteller des Logos ihn in zwei Minuten.
• Verwenden Sie ihn für die Markenelemente: das Logo im Header, wichtige Überschriften, die Trennlinien zwischen Abschnitten.
• Setzen Sie ihn nicht überall ein. Eine Markenfarbe, die den ganzen Bildschirm bedeckt, ermüdet das Auge und hebt nichts mehr hervor.

Wenn Sie noch kein Logo haben, wählen Sie zuerst eine Farbe, die zu Ihnen passt (siehe unten), und bauen Sie dann das Logo darum herum. Die Reihenfolge zählt.

Was eine Farbe tatsächlich „sagt“

Farbpsychologie ist real, aber keine Magie. Sie verkauft kein Croissant mehr, nur weil es auf braunem Hintergrund steht. Sie zählt, weil sie in der ersten Sekunde eine Erwartung setzt, bevor jemand ein Wort liest.

• Blau – Vertrauen, Ruhe, Seriosität. Deshalb nutzen es Banken, Kliniken, IT-Firmen und Steuerkanzleien.
• Grün – Natur, Gesundheit, Ausgleich. Passt zu Praxen, Bio-Produkten, Pflegedienstleistungen, Gartenbau.
• Rot – Energie, Dringlichkeit, Appetit. Stark bei Essen und Aktionen, aber ermüdend, wenn es alles bedeckt.
• Orange / Gelb – freundlich, zugänglich, optimistisch. Gut für Dienstleistungen, die erschwinglich wirken wollen, nicht teuer.
• Schwarz / Gold – Luxus, Premium, Exklusivität. Salons, Schmuck, teure Nischendienstleistungen.
• Rosa / Pastell – Sanftheit, Weiblichkeit, Fürsorge. Kosmetik, Veranstaltungen, Dienstleistungen für Kinder.

Die ehrliche Regel: Die Farbe muss nicht nur Ihnen gefallen. Sie muss über das Geschäft genau das aussagen, was der Kunde glauben soll, bevor er überhaupt zu lesen anfängt.

Die Palette, die Sie brauchen: drei Rollen, nicht zehn Farben

Eine Website, die konvertiert, braucht keinen Regenbogen. Sie braucht drei klare Rollen:

Das ist die ganze „Kunst“. 80% der Seite sind praktisch Weiß und schwarzer Text – Raum, der dem Auge Luft zum Atmen lässt. 10% ist Ihre Markenfarbe. Und die restlichen 10%, am wichtigsten, sind die Akzentfarbe: die Farbe des Buttons, der Kunden bringt.

Der Trick: Die Akzentfarbe muss sich von der Markenfarbe unterscheiden und stark mit dem Hintergrund kontrastieren. Wenn die ganze Website blau ist und der Button auch blau, sieht ihn niemand. Machen Sie ihn orange, kräftig grün, was auch immer heraussticht. Der Aktions-Button ist der einzige Ort, an dem Sie grell sein dürfen.

Kontrast: wo die meisten Verkäufe verloren gehen

Viele hübsche Websites verlieren Kunden aus einem banalen Grund: hellgrauer Text auf weißem Hintergrund. Sieht auf dem Laptop des Designers fein aus. Auf dem Handy, in praller Sonne, bei einer 55-jährigen Person, ist er unsichtbar.

Einfache Regeln:

• Dunkler Text auf hellem Hintergrund, nicht umgekehrt, für lange Texte.
• Schreiben Sie keinen Text über ein Bild, ohne eine dunkle Ebene darunter, die ihn lesbar macht.
• Der Button muss aus einem Meter Entfernung sichtbar sein, mit ausgestrecktem Handy. Wenn Sie die Augen zusammenkneifen müssen, um ihn zu finden, ist etwas falsch.

Barrierefreiheit ist keine Spielerei – sie ist der Unterschied zwischen einem Kunden, der anruft, und einem, der die Seite schließt.

Fehler, die sofort auffallen

• Zu viele Farben – die Regel: zwei „echte“ Farben plus Neutrale. Punkt.
• Farben, die nicht zur Branche passen – Schwarz und Gold bei einer Kita, Pastellrosa bei einer Baumaschinenfirma. Wirkt unecht.
• Die Konkurrenz eins zu eins kopieren – wenn alle in der Stadt Rot-Weiß sind, macht Sie eine eigene Farbe unverwechselbar.
• Die Wahl auf dem falschen Bildschirm treffen – die perfekte Farbe auf Ihrem teuren Monitor sieht auf einem billigen Handy anders aus. Testen Sie auf beiden.

Wenn wir eine Website bauen, starten wir nicht mit „welche Farbe gefällt Ihnen“. Wir starten beim Logo, bei dem, was Sie verkaufen, und beim Button, der herausstechen muss. Der Rest der Palette ordnet sich um diese drei Dinge herum von selbst. Wenn Sie sehen möchten, wie Ihr Geschäft mit einer stimmigen Palette aussehen würde – nicht beschrieben, sondern gebaut – schreiben Sie uns auf WhatsApp, und wir erstellen Ihnen kostenlos ein Demo mit Ihrer Website, in Ihren Farben.

👉 Schreiben Sie uns auf WhatsApp und erhalten Sie ein kostenloses Demo.

Für Budgets und Pakete siehe auch was eine Website kostet oder warum ich eine Website brauche.