Definition
Ein Hex-Code ist ein sechsstelliger Wert wie #1A73E8, der einem Bildschirm genau sagt, welche Farbe er anzeigen soll. Er ist die übliche Art, Farbe im Web und in Designprogrammen zu definieren, weshalb die meisten Markenhandbücher für jede Markenfarbe einen Hex-Code aufführen.
Definition
Ein Hex-Code ist eine hexadezimale Schreibweise einer RGB-Farbe. Die sechs Zeichen teilen sich in drei Paare auf, je eines für Rot, Grün und Blau, von 00 bis FF. So ist #FF0000 reines Rot und #000000 Schwarz. Eine Marke könnte zum Beispiel #0B5FFF als ihr primäres Blau festlegen, und jede Website, App und Folie nutzt genau diesen Wert, um auf dem Bildschirm einheitlich zu bleiben.
Wie ein Hex-Code funktioniert
Jedes Zeichenpaar ist eine Zahl von 0 bis 255, geschrieben zur Basis 16. Das erste Paar legt Rot fest, das zweite Grün, das dritte Blau. Wenn man diese drei Lichtkanäle in unterschiedlicher Stärke mischt, entsteht jede Farbe auf dem Bildschirm, das ist das RGB-Modell. Weil es lichtbasiert und additiv ist, bewegt sich mehr von jedem Kanal Richtung Weiß, nicht Schwarz.
Hex-Codes sind präzise und auf Bildschirmen universell, daher stellen ein Entwickler, eine Designerin und eine Folienvorlage #0B5FFF identisch dar. Das macht Hex zum natürlichen Zuhause der digitalen Markenfarbe. Die Kurzschreibweise lässt sich gut weitergeben, denn eine kurze Zeichenfolge trägt die volle Farbe ohne Mehrdeutigkeit.
Der Haken ist, dass Hex Licht beschreibt, nicht Farbe im Druck. Eine Bildschirmfarbe wird nicht automatisch gleich gedruckt, weil der Druck CMYK oder Sonderfarben mit einem anderen und kleineren Bereich nutzt. Ein Hex-Code ist der Startpunkt fürs Digitale, doch für physischen Merch braucht er meist eine passende CMYK-Mischung oder eine Pantone-Referenz, damit die gedruckte Farbe treu bleibt.
Hex-Code im gebrandeten Merch
- Verankere deine digitale Markenfarbe. Lege für jede Markenfarbe einen Hex-Code fest, damit Web, App und E-Mail identisch bleiben.
- Schlage die Brücke zu Druckwerten. Verbinde jeden Hex mit einem CMYK- und Pantone-Entsprechungswert, damit Bildschirm- und Produktfarben zueinanderpassen.
- Briefe Mockups genau. Teile den Hex für Bildschirmvorschauen und Proofs, und bestätige dann vor der Produktion die Druckreferenz.
Ein Hex-Code ist ein sechsstelliger Code, der über Rot-, Grün- und Blauwerte eine exakte Farbe für Bildschirme festlegt.
5 Tipps, um Ihre Hex-Code-Strategie zu verbessern
| Tipp | Schritte |
|---|---|
| Alle drei speichern | Halte Hex, CMYK und Pantone gemeinsam im Markenhandbuch |
| Volle sechs Stellen | Schreibe den kompletten Code, um Mehrdeutigkeit zu vermeiden |
| Nicht per Hex drucken | Wandle für jedes physische Produkt in CMYK oder Pantone um |
| Kontrast prüfen | Teste Hex-Paare auf lesbaren Text und Barrierefreiheit |
| Eine Quelle halten | Definiere jede Markenfarbe einmal, damit Werte nie abweichen |
Wichtige Begriffe
Häufig gestellte Fragen
Was stellt ein Hex-Code dar?
Ein Hex-Code stellt eine RGB-Farbe als sechs Zeichen dar, mit je zwei für Rot, Grün und Blau. Er sagt einem Bildschirm die exakte Lichtmischung, die er anzeigen soll.
Warum beginnt ein Hex-Code mit einem Rautezeichen?
Die Raute kennzeichnet den Wert in Code- und Designprogrammen als Hex-Farbe. Die sechs Zeichen danach tragen die eigentlichen Rot-, Grün- und Blauwerte.
Kann ich direkt aus einem Hex-Code drucken?
Nicht zuverlässig. Hex beschreibt Bildschirmlicht in RGB, während der Druck CMYK oder Sonderfarben nutzt, daher solltest du den Hex zuerst in einen Druckwert umwandeln.
Ist ein Hex-Code dasselbe wie RGB?
Sie beschreiben dieselbe Farbe in unterschiedlichen Formaten. Ein Hex-Code ist eine kompakte Schreibweise derselben Rot-, Grün- und Blauwerte, die RGB als Zahlen auflistet.
Wie ordne ich einem Hex-Code eine Pantone-Farbe zu?
Nutze ein Umwandlungswerkzeug oder Pantones Bridge-Werte, um die nächste Sonderfarbe zu finden, und bestätige sie dann mit einem physischen Chip, da sich Bildschirm- und Farbbereiche unterscheiden.