Farbcodes erklärt: HEX, RGB, CMYK und Pantone

Warum eine Farbe mehrere Codes hat

Ein Bildschirm erzeugt Farbe mit Licht. Ein Drucker erzeugt Farbe mit Tinte auf Papier. Das sind zwei verschiedene Welten, und jede beschreibt Farbe auf ihre eigene Weise.

Ihre Markenfarbe ist also nicht ein Code, sondern ein Satz zusammengehöriger Codes. Jeder Code ist die beste Annäherung an dieselbe Farbe in einem anderen Medium. Mit dem falschen Code erhalten Sie eine Farbe, die nicht ganz stimmt: zu matt, zu grell oder ein anderer Farbton.

Die vier Codes im Überblick

Diese Codes finden Sie in fast jedem Markenhandbuch:

• HEX. Für Websites, Apps und alles, was online ist. Ein kurzer Code mit einer Raute davor, den Sie direkt in einen Website-Baukasten oder ein Designtool einfügen.
• RGB. Ebenfalls für Bildschirme, aber als drei Werte für Rot, Grün und Blau. Praktisch in Präsentationssoftware und Office-Programmen.
• CMYK. Für den Vierfarbdruck, etwa Broschüren, Flyer und Magazine. Die Druckerei mischt die Farbe aus Cyan, Magenta, Gelb und Schwarz.
• Pantone. Eine feste Sonderfarbe aus einem Farbfächer. Sie verwenden sie, wenn eine Druckfarbe exakt stimmen muss, zum Beispiel auf Verpackungen, Visitenkarten oder Textilien.

Fallstricke, die Ihre Farbe verschieben

Die meisten Farbfehler entstehen nicht beim Design, sondern später. Jemand nimmt eine Farbe mit der Pipette aus einem Screenshot. Oder ein Kollege wandelt RGB mit einem beliebigen Online-Tool in CMYK um. Das Ergebnis wirkt ähnlich, stimmt aber nicht ganz.

Ein zweiter Fallstrick: nur die Bildschirmfarbe festhalten. Dann muss die Druckerei selbst einen CMYK-Wert finden, und jede Druckerei macht das etwas anders. Nach ein paar Aufträgen haben Sie so drei Varianten derselben Markenfarbe.

Achten Sie auch auf das Papier. Derselbe CMYK-Code sieht auf glänzendem Papier anders aus als auf mattem oder ungestrichenem Papier. Fragen Sie Ihren Designer, ob Sie eigene Werte für Ihre Papiersorten brauchen.

So halten Sie Ihre Farben richtig fest

Eine gute Farbseite im Markenhandbuch enthält mehr als nur Codes. Achten Sie auf diese Punkte:

• Lassen Sie die Umrechnung von einem Designer machen. Er wählt pro Medium den Wert, der der gewünschten Farbe am nächsten kommt, und nicht das, was ein Rechentool zufällig ausgibt.
• Stellen Sie alle Codes nebeneinander. Pro Farbe HEX, RGB, CMYK und gegebenenfalls Pantone, an einem Ort und in derselben Reihenfolge.
• Geben Sie jeder Farbe einen Namen. ‚Markenblau‘ oder ‚Akzentorange‘ merkt sich jeder besser als eine Folge aus Buchstaben und Zahlen.
• Legen Sie die Rolle jeder Farbe fest. Welche ist die Hauptfarbe, welche für Akzente und welche für Hintergründe?
• Prüfen Sie den Kontrast. Text muss auf dem Hintergrund darunter gut lesbar sein. Geben Sie an, welche Kombinationen funktionieren und welche nicht.

Kopieren statt abtippen

Auch gut dokumentierte Codes gehen schief, wenn Menschen sie abtippen. Ein falsches Zeichen in einem HEX-Code, und Sie haben eine andere Farbe. Sorgen Sie deshalb dafür, dass Kollegen die Codes leicht kopieren können. Und vereinbaren Sie, dass alle die Codes aus dem Handbuch nehmen. Nie aus einer alten Datei oder einem Screenshot.

In BrandMeister stehen Farben mit HEX-, RGB-, CMYK- und Pantone-Codes beieinander, und Sie kopieren einen Code mit einem Klick. Arbeiten Sie mit einem PDF-Handbuch, setzen Sie die Codes als Text ins Dokument und nicht als Bild. Dann kann man sie zumindest markieren und einfügen.