08.03.24

Kurze Reise durch das Farbspektrum: Farbpipette und Hex-Codes

Farben spielen eine entscheidende Rolle in der visuellen Wahrnehmung und im Design, ob Sie nun einen Wandkalender, ein Fotoalbum oder eine Kuscheldecke gestalten wollen. Mit Hilfe der Farbpipette oder Hex-Codes lassen sich Farben in der digitalen Welt definieren und im Druck interpretieren. Doch was sind eigentlich Hex-Codes? Und wie lassen sich mit Hilfe unseres Color Pickers Farben definieren?

Hex-Farbcodes im Überblick

Zunächst einmal kurz zur grauen Theorie: Mit sog. Hex-Codes lassen sich Farben im hexadezimalen Zahlensystem darstellen. So lassen sich exakte Farben definieren, die in einem Projekt verwendet werden sollen. Dieses System verwendet die Ziffern 0-9 und die Buchstaben A-F, um Werte von 0 bis 15 darzustellen. Jede Farbe wird durch eine Kombination von sechs Zeichen dargestellt, wobei jeweils zwei Zeichen den Rot-, Grün- und Blauanteil (RGB) repräsentieren.

Der Code #FF0000 zum Beispiel steht für reines Rot: Der Rotanteil ist hier auf den maximalen Wert (FF) eingestellt, die Grün- und Blauanteile dagegen auf dem kleinstmöglichen Wert (00).

Ein hexadezimaler Farbcode setzt sich aus 6 Zeichen, oder, ganz genau, aus 3 Zeichenpaaren zusammen. Vor diesem Zahlencode wird ein Rautenzeichen # gesetzt. Jedes dieser Paare steht für einen Farbkanal aus dem RGB-Farbraum:

Paar 1: Rot

Paar 2: Grün

Paar 3: Blau

Mit dieser Zahlen-Buchstabenkombination lassen sich alle Helligkeitsstufen des RGB-Farbraumes in Kurzform darstellen. Im RGB-Farbraum wird jedem Kanal ein Wert von 0 bis 255 zugewiesen. Ein Farbwert würde hier also mit 3 bis maximal 9 Ziffern angegeben werden. Mit dem Hex-Code lässt sich dies auf immer genau 6 Stellen festlegen. Das macht vor allem Programmierern und Webdesignern das Leben einfacher.

Pro Farbkanal wird hier wie beim „klassischen“ RGB ein Wert zugewiesen: Zur Verfügung stehen hier im Hexadezimalsystem die Ziffern 0 bis 9. Zusätzlich werden die Buchstaben A bis F eingesetzt: A ist gleichzusetzen mit 10 im Dezimalsystem, B mit 11 bis hin zu F, das im Dezimalsystem der 15 entspricht. Daraus ergeben sich dann die 256 (16 x 16) möglichen Werte pro Kanal.

Das RGB-Farbmodell ist im Gegensatz zum CMYK-Modell ein additives Farbmodell: Zur Farbwahrnehmung wird Licht in verschiedenen Wellenlängen hinzugefügt. Je höher der Wert für einen Farbkanal ist, desto heller erscheint die Farbe. Die „hellste“ darstellbare Farbe Weiß würde im RGB-Farbraum mit 255 / 255 / 255 angegeben. Als Hex-Farbcode wird Weiß mit #000000 angegeben. Schwarz dagegen wäre 0 / 0 / 0 oder #000000.

Auch Sonderfarben oder sog. Schmuckfarben lassen sich auf diese Weise in einen Hex-Code übersetzen. Für HKS-Töne oder Pantone Farben finden sich im Netz passende Farbcodes, mit denen sich diese speziellen Farbtöne simulieren und so auch im Digitaldruck annähernd darstellen lassen.

Hexadezimale Farbcodes und die Farbpipette sind wichtige Hilfsmittel in der Welt des Designs und der digitalen Produktion. Sie ermöglichen nicht nur die präzise Definition von Farben, sondern auch eine einfache und schnelle Umsetzung in kreativen Projekten.

Farben in der Layoutanwendung definieren

Sie können online zum Beispiel für Ihren Kalender das Kalendarium (die Farben der Wochentage, Feiertage oder den Kalendarienhintergrund) nach Ihren Wünschen einfärben. Entweder für alle Seiten gleich oder auch für jedes Kalenderblatt passend zum Foto oder der Jahreszeit.

Wenn Sie einen Kalender in der Anwendung öffnen, wird er zunächst mit unserem Standardkalendarium geladen. Das lässt sich aber jederzeit ändern. Neben dem Kalendariendesign selbst können Sie auch die Farben ganz einfach ändern.

Eigene Farben in der Layoutanwendung eingeben

Gehen Sie dazu auf eine Kalenderseite und öffnen Sie im Menü die Farben. Neben den vordefinierten Standardfarben für jedes Element finden Sie bei der Farbeinstellung auch ein Kästchen „eigene Farben“. Wenn Sie hier auf das +-Symbol klicken, öffnet sich der Colorpicker.

Geben Sie einen Hex-Code ein oder bestimmen Sie die Farben über einen der Regler.

Wer in Chrome surft, hat hier zusätzlich noch eine Farbpipette mit Lupenfunktion, mit der er direkt aus seinem Bild Farben auswählen kann.

Farben für Kalender definieren in Chrome

 

Sie können, wenn Sie einen bestimmten Farbton aus einem Foto auswählen möchten, aber jederzeit auch Ihre Datei in einem Bildbearbeitungsprogramm öffnen und dort mit der Farbpipette den gewünschten Farbton messen. Den zugehörigen Hex-Code geben Sie ganz einfach in der Layoutanwendung ein.

Wer jetzt gleich loslegen mag, hier geht's direkt zu den Monatskalendern für die Wand:

Fotokalender gestalten