Farben wählen, die auf Schild und Bildschirm wirken

Das Blau auf der Website leuchtet. Das Blau auf dem Flyer wirkt stumpf. Das Blau auf dem Transporter zieht ins Violette. Und niemand kann so richtig sagen, welches denn nun das richtige ist.

Das ist kein Pfusch, sondern Physik. Ein Bildschirm sendet Licht aus, Papier wirft Licht zurück, und eine Folie auf einem weißen Transporter verhält sich noch mal anders. Wer das ignoriert, bekommt drei Betriebe statt einem.

Die Lösung besteht nicht darin, überall exakt denselben Ton zu erzwingen. Sie besteht darin, die Farben für den Firmenauftritt so zu wählen, dass sie in jedem Verfahren ähnlich wirken, und die Werte einmal verbindlich aufzuschreiben.

Warum Farben für den Firmenauftritt auseinanderlaufen

Am Bildschirm wird Farbe aus Licht gemischt. Deshalb kann ein Bildschirm ein Neon-Grün oder ein tiefes Türkis zeigen, das im Druck schlicht nicht existiert. Im Druck wird Farbe aus vier Druckfarben zusammengesetzt, und bei Folie oder Lack arbeitet man mit fertig angemischten Farbtönen nach Farbfächer.

Drei Systeme, drei Grenzen. Wenn du deine Hauptfarbe am Bildschirm aussuchst, ohne zu prüfen, ob sie druckbar ist, ist die Enttäuschung eingebaut. Umgekehrt wirkt ein Farbton, der auf Folie kräftig aussieht, am Bildschirm manchmal blass.

Der Umweg, der das Problem löst

Geh von der Mitte aus. Such dir zuerst einen Farbton aus einem Farbfächer, wie ihn Druckereien und Werbetechniker verwenden, also aus dem physischen Musterbuch. Von dort leitest du die Werte für Druck und Bildschirm ab. Dann startest du bei einem Ton, den es real gibt, und nicht bei einem, den nur ein Monitor darstellen kann.

Die Bausteine einer Farbwelt

Du brauchst weniger Farben, als du denkst. Fünf Werte reichen für einen kompletten Auftritt.

• Eine Hauptfarbe. Sie trägt den Auftritt und darf ruhig kräftig sein.
• Eine Akzentfarbe. Nur für das Wichtigste: der Knopf, der zur Anfrage führt, eine Hervorhebung. Wenn alles Akzent ist, ist nichts Akzent.
• Ein sehr dunkler Ton für Text. Kein reines Schwarz, sondern ein dunkles Grau oder ein sehr dunkler Ton deiner Hauptfarbe. Wirkt weicher und trotzdem klar.
• Ein sehr helles Grau als Hintergrund. Damit gliederst du Abschnitte, ohne Linien zu ziehen.
• Weiß. Der am meisten unterschätzte Baustein. Luft ist Gestaltung.

Die Aufteilung im Alltag

Eine bewährte Faustregel: Der größte Teil einer Fläche bleibt neutral, also weiß oder sehr hellgrau. Ein deutlich kleinerer Teil gehört der Hauptfarbe, und nur ein schmaler Rest der Akzentfarbe. Wer diese Aufteilung einhält, bekommt einen ruhigen Auftritt, in dem der Blick tatsächlich dorthin geht, wo er hin soll. Wer seine Hauptfarbe großflächig überall einsetzt, erreicht das Gegenteil.

Lesbarkeit ist keine Geschmacksfrage

Der häufigste Fehler bei kleinen Betrieben: helle Schrift auf hellem Grund, oder Text quer über ein Foto gelegt. Am großen Monitor im Büro sieht das noch gut aus. Auf dem Handy, draußen, bei Sonne, ist es unlesbar.

Es gibt dafür einen anerkannten Maßstab. Normaler Fließtext soll gegenüber seinem Hintergrund ein Kontrastverhältnis von mindestens 4,5 zu 1 erreichen, große Überschriften mindestens 3 zu 1. Diese Werte kannst du mit kostenlosen Kontrastrechnern prüfen, du gibst einfach die beiden Farbwerte ein.

Praktisch heißt das: Deine Hauptfarbe ist selten als Textfarbe auf Weiß geeignet, und Gelb oder helles Grün sind es fast nie. Dafür gibt es die dunkle Textfarbe. Und wenn du Text auf ein Foto legst, brauchst du eine abdunkelnde Fläche darunter, geschätzt reicht dabei nicht, gemessen schon.

Barrierefreiheit wird für viele Betriebe außerdem zur rechtlichen Frage, je nachdem, was sie anbieten. Das ist keine Rechtsberatung, im Zweifel fragst du eine Anwältin oder einen Anwalt. Was du schon jetzt umsetzen kannst, steht in Barrierefreie Website, was du jetzt schon umsetzen kannst.

Die Werte einmal festhalten, überall verwenden

Notier für jede Farbe alle Angaben, die jemand jemals von dir wollen wird. Eine Seite genügt, und sie erspart dir jedes Jahr mehrere Rückfragen.

1. Für den Bildschirm der Hex-Wert, also die sechsstellige Angabe mit Doppelkreuz davor.
2. Für den Druck die vier Werte für Cyan, Magenta, Gelb und Schwarz.
3. Für Folie, Lack und Sonderfarben die Nummer aus dem Farbfächer.
4. Wofür die Farbe da ist in einem Halbsatz: Hauptfarbe, Akzent, Text, Hintergrund.
5. Was verboten ist, etwa Hauptfarbe als Fließtext oder Akzentfarbe großflächig.

Diese Seite gibst du an alle weiter, die etwas für dich produzieren: Druckerei, Werbetechniker, Textildruck, Agentur. Sie gehört zusammen mit Logo und Schrift in eine kurze Sammlung, siehe Markenhandbuch light, die wichtigsten Regeln kurz notiert.

Fehler, die immer wieder passieren

• Zu viele Farben. Jede zusätzliche Farbe halbiert die Wirkung der anderen.
• Farben aus dem Foto abgeleitet. Das Rot aus dem Firmenschild-Foto ist nicht dein Rot, sondern dein Rot plus Sonnenlicht plus Kamera.
• Farbverläufe überall. Sie lassen sich weder sticken noch als Folie schneiden.
• Farbe als einzige Information. Wenn nur Rot und Grün einen Zustand unterscheiden, verstehen ihn farbfehlsichtige Menschen nicht. Nimm zusätzlich ein Wort oder ein Symbol.
• Weiße Schrift auf der Hauptfarbe, ohne zu prüfen. Bei mittelhellen Tönen geht das schief.
• Jedes Jahr ein neuer Ton. Wiedererkennung entsteht durch Wiederholung, nicht durch Abwechslung.

Der Praxistest, bevor du dich festlegst

Bevor der Transporter beklebt wird, machst du vier Tests. Sie kosten einen Nachmittag und ersparen dir eine teure Korrektur.

• Ausdruck auf normalem Bürodrucker. Nicht schön, aber ehrlich. So sehen deine Angebote beim Kunden aus.
• Draußen ansehen. Farben verhalten sich bei Tageslicht anders als unter Bürolicht.
• Auf dem Handy prüfen, und zwar bei voller Helligkeit im Freien.
• Ein Muster beim Werbetechniker. Die meisten geben dir ein Folienmuster zum Anschauen mit.

Wenn die Farbe in allen vier Fällen erkennbar dieselbe bleibt, hast du eine Farbe für den Betrieb und nicht nur für den Bildschirm. Wie du sie danach überall gleich einsetzt, steht in Firmenwagen, Schild und Website in einem Auftritt.

Häufige Fragen

Welche Farbe passt zu meiner Branche?

Es gibt Gewohnheiten, etwa Blau bei Technik und Sanitär oder Grün bei Garten und Energie. Genau deshalb sehen dort alle gleich aus. Wichtiger als die Branchenerwartung ist, dass du dich in deinem Ort von den Betrieben nebenan unterscheidest und dass die Farbe zu deinem Logo passt. Wie beides zusammenspielt, steht in Logo für kleine Betriebe, was es im Alltag leisten muss.

Kann ich die Farben meiner Website einfach ändern?

Technisch meist ja, wenn die Farben zentral hinterlegt sind. Bedenke aber, dass die Website nur ein Ort ist. Sobald der Ton dort nicht mehr zum Fahrzeug und zum Schild passt, wirkt es zufällig. Änder die Farbwelt lieber überall oder gar nicht.

Brauche ich für dunkle Darstellung eine zweite Farbwelt?

Wenn deine Website eine dunkle Ansicht anbietet, ja. Dann brauchst du zu jeder Farbe eine Entsprechung, die auf dunklem Grund noch genug Kontrast hat. Meist genügt eine hellere Variante der Hauptfarbe. Wichtig ist, dass das Logo auch in Weiß vorliegt.

Der beste erste Schritt: Fotografier alles, was heute schon deine Farben trägt, und leg die Bilder nebeneinander. In den meisten Betrieben sieht man dann sofort, wo drei verschiedene Töne im Umlauf sind.

Schreib uns, was du vorhast, wir melden uns mit einer ehrlichen Einschätzung.