Markenfarben für Bildschirm und Druck definieren

Eine Markenfarbe ist erst dann verlässlich definiert, wenn andere Menschen sie unter nachvollziehbaren Bedingungen einsetzen können. Ein rotes Quadrat neben einem Hexwert reicht dafür nicht. Auf einer Webseite braucht die Farbe einen Farbraum, passende Hintergründe und eindeutige Aufgaben. Im Druck kommen Material, Verfahren, Profil und die vereinbarte Freigabe hinzu. Ein guter Farbstandard verbindet diese Entscheidungen, ohne eine überall identische Wahrnehmung zu versprechen.

Dieser Leitfaden zeigt einen praktikablen Weg vom Farbmuster zur belastbaren Übergabe. Das Rechenbeispiel verwendet #B80024 als eigens gewählte Lehrfarbe. Dieser Wert ist keine Veröffentlichung einer offiziellen Farbdefinition von Agentur Zentral. Die genannten Kontrastverhältnisse sind aus deklarierten sRGB-Werten berechnet. Sie sind weder Messwerte eines Bildschirms noch Ergebnisse eines gedruckten Andrucks.

Welche Frage soll der Farbstandard beantworten?

Beginne mit den Entscheidungen, die im Alltag tatsächlich wiederkehren. Welche Farbe kennzeichnet eine primäre Handlung? Welche Farbe trägt längeren Text? Darf das Markenrot auch Fehlermeldungen markieren? Wie sieht eine Anwendung auf dunklem Grund aus? Welche Drucksache wird auf welchem Material produziert? Solche Fragen führen zu brauchbaren Regeln. Die abstrakte Forderung nach überall gleicher Farbe führt dagegen schnell zu Auseinandersetzungen ohne gemeinsame Prüfbasis.

Trenne deshalb Identität, technische Definition und Anwendung. Die Identität beschreibt den wiedererkennbaren Charakter. Die technische Definition bezeichnet etwa einen bestimmten sRGB-Wert. Die Anwendung legt fest, wo dieser Wert geeignet ist. Eine Marke kann ihr charakteristisches Rot konsequent verwenden und für kleine Texte trotzdem eine dunkle neutrale Farbe vorsehen. Das ist eine bewusste Rollenverteilung innerhalb derselben Gestaltung.

Halte außerdem fest, wer über Änderungen entscheiden darf. Wenn eine Druckerei einen Wert für einen konkreten Auftrag anpasst, entsteht daraus nicht automatisch ein neuer digitaler Markenwert. Wenn die Entwicklung einen Kontrastmangel entdeckt, sollte sie eine freigegebene Alternative erhalten. Ohne diese Zuständigkeit vermehren sich vermeintlich korrekte Versionen in Präsentationen, Stylesheets und Produktionsdateien.

Farbraum und Zahlen gehören zusammen

Ein Zahlenwert braucht eine eindeutige Interpretation. Der Hexwert eines CSS-Farbwerts beschreibt eine sRGB-Farbe. Andere Farbräume verwenden ebenfalls Komponenten, deren Bedeutung sich aus dem jeweiligen Modell ergibt. Schreibe deshalb im Handbuch ausdrücklich, welche Definition gemeint ist. Ein unkommentiertes Zahlentripel aus einer Grafikdatei ist keine ausreichende Grundlage für eine sichere Übertragung.

Für eine normale Webseite kann eine dokumentierte sRGB-Basis eine gut handhabbare Ausgangslage sein. Sie vereinfacht die Abstimmung zwischen CSS, einfachen Grafiken und üblichen Bildexporten. Zusätzliche Farbräume sind möglich. Sie sollten jedoch einen konkreten Nutzen besitzen und mit dem vorgesehenen Darstellungsweg geprüft werden. Ein eindrucksvoller Unterschied auf einem einzelnen Display begründet noch keine robuste allgemeine Vorgabe.

Die W3C-Spezifikation CSS Color beschreibt die entsprechenden Farbmodelle und Schreibweisen. Der hier geprüfte Stand von CSS Color 4 ist ein Candidate Recommendation Draft. Daraus folgt keine pauschale Aussage, dass jede darin beschriebene Funktion überall gleich unterstützt wird. Dokumentiere bei erweiterten Farben deshalb auch die vorgesehene Ersatzdarstellung und die tatsächlich geprüften Umgebungen.

Vermeide zusätzlich unbemerkte Änderungen beim Dateiaustausch. Frage bei einer gelieferten Grafik, welches Profil eingebettet ist und ob eine Umrechnung stattgefunden hat. Eine Bildschirmaufnahme ist kein Ersatz für die ursprüngliche Farbdefinition. Sie bildet einen konkreten Darstellungsweg ab und kann weitere Veränderungen enthalten. Die verlässliche Quelle bleibt die freigegebene Datei mit ihrer dokumentierten Interpretation.

Definiere Rollen statt einer unkontrollierten Farbsammlung

Eine kleine Farbpalette kann viele Anwendungen tragen, wenn ihre Rollen klar sind. Benenne beispielsweise Markenakzent, Text, Hintergrund, Linie und Rückmeldung. Hinter diesen Namen können je nach Anwendung unterschiedliche Werte stehen. Wichtig ist, dass die Auswahl absichtlich geschieht. Wer eine neue Komponente baut, soll erkennen können, ob eine Farbe für ihren Zweck vorgesehen ist.

Diese Tabelle ist eine Arbeitsstruktur und keine universelle Palette. Ein Informationsangebot kann andere Rollen benötigen als eine umfangreiche Verwaltungsanwendung. Ergänze eine Rolle nur dann, wenn eine reale Aufgabe sie verlangt. Viele kaum unterscheidbare Rottöne erzeugen zusätzliche Auswahlprobleme. Eine knappe Beschreibung des zulässigen Einsatzes ist häufig wertvoller als eine weitere dekorative Abstufung.

Prüfe konkrete Farbpaare

Kontrast entsteht zwischen Vordergrund und Hintergrund. Ein einzelnes Farbfeld besitzt deshalb keinen für alle Anwendungen gültigen Textkontrast. Unsere Lehrfarbe ergibt auf reinem Weiß einen berechneten Wert von rund 6,85 zu 1. Auf dem warmweißen Hintergrund #FFFAF3 sind es rund 6,60 zu 1. Auf dem dunklen #192329 sinkt das Verhältnis auf rund 2,33 zu 1.

Die Rechnungen beziehen sich auf vollständig deckende Farben mit den angegebenen sRGB-Werten. Transparenz, Hintergrundbilder und Verläufe verlangen eine Betrachtung der tatsächlich sichtbaren Kombination. Eine halbtransparente Beschriftung übernimmt nicht automatisch den Kontrast ihrer unveränderten Ausgangsfarbe. Auch ein Verlauf kann an verschiedenen Positionen unterschiedliche Verhältnisse erzeugen. Prüfe die ungünstige relevante Stelle des tatsächlichen Inhalts.

WCAG 2.2 verlangt beim Erfolgskriterium für Mindestkontrast grundsätzlich mindestens 4,5 zu 1 für gewöhnlichen Text. Für entsprechend großen Text gilt grundsätzlich 3 zu 1. Die genaue Einordnung sowie die genannten Ausnahmen gehören zur Prüfung. Die drei berechneten Paare erlauben daher eine begrenzte Aussage: Die ersten beiden überschreiten die allgemeine Schwelle für gewöhnlichen Text. Das dunkle Paar unterschreitet bereits 3 zu 1.

Damit ist weder eine komplette Komponente noch die gesamte Webseite als barrierefrei bewertet. Fokusdarstellung, Beschriftung, Bedienbarkeit und weitere Anforderungen bleiben eigenständige Aufgaben. Ebenso wenig zeigt eine bestandene Rechnung, dass jede Person den Text unter jeder Umgebungsbedingung mühelos lesen kann. Behandle den Wert als überprüfbaren Bestandteil einer umfassenderen Gestaltung.

Ein nachrechenbares JavaScript-Beispiel

Die folgende Funktion nimmt ausschließlich sechsstellige Hexwerte ohne Transparenz an. Sie wandelt die Komponenten entsprechend der im WCAG-Dokument angegebenen sRGB-Berechnung in linearisierte Werte um. Danach berechnet sie die relative Leuchtdichte und das Verhältnis des helleren zum dunkleren Wert. Diese enge Eingabegrenze macht das Beispiel leichter überprüfbar.

function luminance(hex) {
  if (!/^#[0-9a-f]{6}$/i.test(hex)) throw new TypeError('Six-digit hex required');
  const rgb = [1, 3, 5]
    .map(i => parseInt(hex.slice(i, i + 2), 16) / 255)
    .map(c => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
  return rgb[0] * 0.2126 + rgb[1] * 0.7152 + rgb[2] * 0.0722;
}
function ratio(a, b) {
  const x = luminance(a), y = luminance(b);
  return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);
}
console.log(ratio('#b80024', '#ffffff').toFixed(2));

Die Rechnung wurde für diesen Beitrag ausgeführt. Zusätzlich wurden Schwarz gegen Weiß mit dem Ergebnis 21 zu 1, Weiß gegen Weiß mit 1 zu 1 sowie die unveränderte Ausgabe beim Vertauschen eines Paars geprüft. Diese Referenzfälle helfen dabei, typische Fehler in der Reihenfolge oder Normalisierung zu entdecken. Sie verwandeln die Funktion jedoch nicht in ein vollständiges Werkzeug für beliebige CSS-Farben.

Runde ausschließlich für die lesbare Ausgabe. Eine Schwellenentscheidung muss den ungerundeten Wert verwenden. Ein knapp unter der Grenze liegendes Ergebnis darf nicht durch kaufmännische Rundung als bestanden gelten. Für eine produktive Prüfstrecke müssen außerdem Eingabeformate, Alpha-Komposition und die Herkunft der tatsächlich verwendeten Werte sauber behandelt werden. Das Lehrbeispiel verspricht diese zusätzlichen Funktionen ausdrücklich nicht.

Vom Bildschirm zur Druckbedingung

Ein Bildschirm sendet Licht aus. Ein gedrucktes Produkt wird unter einer Beleuchtung betrachtet und besitzt ein konkretes Material. Schon diese Ausgangslage erklärt, weshalb ein unveränderter Hexwert keine vollständige Druckanweisung ist. Der Druckstandard muss die beabsichtigte Produktion berücksichtigen. Die Aussage, die Druckfarbe sei einfach das Ergebnis eines beliebigen Online-Umrechners, lässt entscheidende Bedingungen offen.

Das International Color Consortium beschreibt Profile als Grundlage für Farbtransformationen zwischen gerätebezogenen und geräteunabhängigen Farbräumen. Dabei werden Eingabe-, Anzeige- und Ausgabegeräte unterschieden. Für die praktische Übergabe heißt das: Ein Profil hat eine bestimmte Aufgabe im Arbeitsablauf. Es ist kein dekorativer Anhang und keine allgemeine Garantie für identische Wirkung auf sämtlichen Materialien.

Frage den Produktionspartner nach der vorgesehenen Ausgabebedingung, dem benötigten Dateiformat und den relevanten Vorgaben. Kläre das Papier oder andere Material vor der endgültigen Anpassung. Eine Beschichtung, der Untergrund und das Verfahren können die erreichbare Wirkung beeinflussen. Bei einer Sonderfarbe gehören die konkret vereinbarte Referenz und ihre Anwendung ebenfalls in den Auftrag.

Veröffentliche keine angeblich verbindlichen CMYK-Prozentwerte, solange die zugehörige Bedingung fehlt. Derselbe sRGB-Ausgangspunkt kann in verschiedenen Produktionswegen unterschiedlich behandelt werden. Umgekehrt beweist ein identisches CMYK-Zahlentupel nicht die gleiche Erscheinung auf verschiedenen Ausgabegeräten. Die saubere Dokumentation verbindet Zahlen mit ihrer Bedeutung und den vereinbarten Grenzen.

Freigaben brauchen einen benannten Gegenstand

Eine Freigabe sollte klar erkennen lassen, worauf sie sich bezieht. Wurde die Anordnung am Bildschirm bestätigt? Wurde ein farbverbindlicher Prüfdruck unter vereinbarten Bedingungen beurteilt? Oder wurde ein Muster auf dem vorgesehenen Material akzeptiert? Diese Entscheidungen sind verwandt, beantworten aber unterschiedliche Fragen. Das Wort freigegeben allein ist deshalb zu ungenau.

Lege vor der Produktion fest, welches Ergebnis als Referenz dient und wer es beurteilt. Notiere Datum, Version, Material, Verfahren und zugehörige Dateien. Wenn ein Auftrag besonders farbkritisch ist, müssen die Anforderungen und die geeignete Prüfart mit dem Produktionspartner geklärt werden. Ohne reale Prüfung sollte kein Handbuch behaupten, eine bestimmte gedruckte Wirkung sei bereits bestätigt.

Ein Softproof kann bei einem passenden Farbmanagement helfen, einen Ausgabepfad einzuschätzen. Er ersetzt nicht automatisch jede andere erforderliche Freigabe. Entscheidend sind der konkrete Arbeitsablauf und die tatsächlichen Voraussetzungen. Ein beliebiges Foto des Musters auf einem fremden Telefon ist besonders ungeeignet, um einen verbindlichen Zahlenwert abzuleiten. Es fügt einen weiteren Aufnahme- und Darstellungsweg hinzu.

Baue eine Übergabe, die Rückfragen verhindert

Eine praktikable Farbdokumentation enthält mehr als eine schöne Übersichtsseite. Sie führt die digitale Definition, die Rollen und die freigegebenen Anwendungsbeispiele zusammen. Ergänze die zuständige Person und den Ort der verbindlichen Quelldatei. Wer Wochen später eine Anzeige erstellt, soll die relevante Version finden können, ohne alte E-Mail-Anhänge gegeneinander abzuwägen.

• Digitale Farben mit Farbraum, eindeutiger Schreibweise und Versionsstand dokumentieren.
• Zulässige Vordergrund-Hintergrund-Paare samt Einsatzgrenzen beschreiben.
• Text, Handlung und Rückmeldung nach ihrer tatsächlichen Aufgabe unterscheiden.
• Druckwerte nur mit zugehöriger Produktionsbedingung und erforderlichen Dateien weitergeben.
• Freigabegegenstand, verantwortliche Person und offene Produktionsfragen festhalten.
• Abgelöste Fassungen erkennbar archivieren und die gültige Quelle eindeutig benennen.

Zeige bei wichtigen Regeln jeweils ein kleines Anwendungsbeispiel. Ein Button mit lesbarer Beschriftung vermittelt mehr als eine isolierte Flächendefinition. Ein Muster für eine Rückmeldung kann zusätzlich zeigen, dass Bedeutung durch Text und Symbol erkennbar bleibt. Halte die Beispiele nah an den tatsächlich genutzten Komponenten. Andernfalls entsteht ein Handbuch, dessen attraktivste Seiten niemand im Projekt wiederfindet.

So lässt sich eine Änderung kontrolliert entscheiden

Angenommen, ein neuer dunkler Hintergrund soll eingeführt werden. Die vorhandene Lehrfarbe erreicht darauf nur rund 2,33 zu 1. Eine sinnvolle Reaktion beginnt bei der Rolle: Muss das Rot dort Text tragen oder kann es eine dekorative Akzentfläche bleiben? Gibt es eine freigegebene helle Textfarbe? Muss für diese Umgebung eine neue Variante definiert werden? Die Entscheidung folgt der Aufgabe.

Ändere nicht vorschnell den zentralen Markenwert, um eine einzelne Kombination zu retten. Eine solche Änderung kann zahlreiche andere Komponenten und Produktionsdateien betreffen. Prüfe zunächst die betroffenen Anwendungen und ihre Abhängigkeiten. Dokumentiere anschließend, welche Rolle einen anderen Wert erhält und warum. So bleibt erkennbar, ob eine Erweiterung oder eine grundlegende Neufassung vorliegt.

Für den Druck gilt ein ähnlicher Ablauf. Ein neues Material verlangt zunächst eine Prüfung der Produktionsbedingungen. Es rechtfertigt nicht automatisch die rückwirkende Änderung aller digitalen Dateien. Halte die auftragsbezogene Anpassung und den allgemeinen Markenstandard auseinander. Eine gezielte Ausnahme kann sauber dokumentiert werden, ohne zur unbemerkten neuen Regel zu werden.

Eine Übergabeprobe deckt unklare Regeln auf

Lass eine Person, die den Standard nicht selbst geschrieben hat, eine kleine Anwendung daraus erstellen. Sie soll eine Überschrift, einen Absatz und eine primäre Handlung gestalten. Gib ihr ausschließlich die vorgesehenen Dateien und Regeln. Beobachte, welche Entscheidungen Rückfragen auslösen. So prüfst du, ob die Dokumentation im Alltag funktioniert oder nur mit dem Hintergrundwissen ihrer Verfasser verständlich ist.

Diese Probe benötigt kein erfundenes Kundenprojekt. Ein ausdrücklich als Übung angelegter Ausschnitt reicht aus. Die Frage lautet, ob jemand die richtige Rolle und Kombination findet. Wenn mehrere Personen bei derselben Aufgabe unterschiedliche Werte wählen, kann eine Benennung zu unklar sein. Wenn alle die passende Farbe finden, aber die falsche Datei verwenden, muss der Bezug zur verbindlichen Quelle verbessert werden.

Bereite anschließend eine kurze Anfrage für einen möglichen Druckauftrag vor. Darin sollten das beabsichtigte Produkt, Fragen zum Material, die gelieferten Quelldateien und die erwartete Freigabe stehen. Fülle unbekannte Felder nicht mit beliebigen Profilnamen oder Prozentwerten. Eine klar formulierte Frage an den Produktionspartner ist fachlich wertvoller als eine vollständige wirkende Tabelle ohne belastbare Grundlage.

Dokumentiere die Ergebnisse als Rückmeldung zur Übergabe. Vielleicht braucht eine Textrolle eine verständlichere Bezeichnung. Vielleicht fehlt der direkte Zugriff auf die gültige Datei. Solche Befunde sind konkrete Verbesserungsaufgaben. Sie erlauben keine Aussage über die Genauigkeit einer Farbreproduktion, solange diese Eigenschaft nicht mit einem dafür geeigneten Verfahren untersucht wurde.

Bewahre die Verbindung zwischen Regel und Anwendung

Prüfe bei einer Überarbeitung mindestens eine bestehende Anwendung jeder betroffenen Rolle. Eine neue Textfarbe kann den normalen Zustand verbessern und gleichzeitig eine bisher passende Hervorhebung verändern. Eine neu definierte Fläche kann mit Bildern oder Umrandungen zusammentreffen, die in der ersten Musteransicht fehlen. Eine kleine Sammlung tatsächlich verwendeter Beispiele macht solche Abhängigkeiten sichtbar.

Halte die Sammlung überschaubar und nachvollziehbar. Benenne den Zweck jedes Beispiels und die Entscheidung, die daran geprüft wird. Ein schön gestaltetes Gesamtbild ohne konkrete Prüffrage ist schwer zu beurteilen. Ein einzelner Absatz auf dem vorgesehenen Hintergrund beantwortet dagegen präzise, ob die dokumentierte Textkombination richtig angewendet wurde. Für Zustände kommen die jeweils relevanten Varianten hinzu.

Archivierte Fassungen bleiben nützlich, wenn sie klar als solche erkennbar sind. Sie erklären frühere Produktionen und helfen bei der Untersuchung von Abweichungen. Die tägliche Arbeit sollte dennoch eindeutig auf die gültige Fassung verweisen. Ergänze bei einer neuen Version deshalb auch, welche alten Vorlagen ersetzt werden müssen. Eine aktualisierte Dokumentation allein verändert keine bereits verteilten Präsentationen oder Druckdaten.

Bei externen Lieferanten lohnt ein kurzer Abgleich nach der ersten Anwendung. Stimmen Interpretation, Dateien und vereinbarte Bedingungen überein? Wurde eine notwendige Rückfrage rechtzeitig gestellt? Dieser Austausch prüft den tatsächlichen Übergabeweg. Er sollte nicht durch eine pauschale Bestätigung ersetzt werden, dass die Marke verstanden worden sei.

Häufige Fragen zur Farbdefinition

Reicht ein Hexwert für eine Webseite?

Er kann eine eindeutige sRGB-Ausgangsfarbe beschreiben. Für die Gestaltung fehlen dann noch Rollen, Hintergrundkombinationen und Zustände. Auch Bilder und weitere Dateien müssen zum vorgesehenen Farbmanagement passen. Ein brauchbarer Standard ergänzt diese Anwendungsebene, statt nur denselben Hexwert an vielen Stellen zu wiederholen.

Kann eine Druckerei aus dem Hexwert passende Druckdaten erstellen?

Sie kann einen geeigneten Arbeitsablauf vorschlagen und die Umrechnung für die vereinbarte Produktion durchführen. Dafür braucht sie die erforderlichen Bedingungen und eine abgestimmte Erwartung. Der Ausgangswert allein sagt weder alles über den erreichbaren Farbumfang noch über das Material aus. Verbindlichkeit entsteht durch den konkreten Auftrag und die passende Freigabe.

Warum wirkt dieselbe Farbe auf zwei Bildschirmen verschieden?

Geräte, Einstellungen, Umgebungslicht und Farbmanagement können die Darstellung beeinflussen. Das ist kein Grund, auf eine präzise Definition zu verzichten. Sie schafft vielmehr den gemeinsamen Ausgangspunkt, von dem aus Unterschiede untersucht werden können. Eine spontane Anpassung nach jedem fremden Display würde diese Grundlage auflösen.

Ist ein guter Kontrast gleichbedeutend mit einer guten Markenfarbe?

Kontrast ist eine wichtige Anwendungseigenschaft bestimmter Paare. Die Eignung einer Markenfarbe umfasst zusätzlich Wiedererkennung, Tonalität und Zusammenspiel mit anderen Gestaltungsmitteln. Die Rollenverteilung bringt diese Anforderungen zusammen. Eine Farbe muss nicht jede Aufgabe übernehmen, um ein starker Bestandteil der Identität zu sein.

Quellen und Stand

Quellenstand ist der 9. November 2026. Die W3C-Spezifikation zu CSS-Farben erläutert die sRGB-Definition. WCAG 2.2 enthält die verwendete Berechnung der relativen Leuchtdichte. Die WAI-Erläuterung zum Mindestkontrast beschreibt Anforderungen und Einordnung. Das International Color Consortium erklärt den Zweck von Geräteprofilen. Die ICC-Fragen und Antworten ergänzen die Grundlagen zum Farbmanagement. Die hier beschriebenen Übergabeschritte sind eine fachliche Arbeitsstruktur und keine behauptete Druckfreigabe.