Zum Inhalt springen
L

Wikipedia · einfach zusammengefasst · Stand

Hexadezimale Farbdefinition

Das System der hexadezimalen Farbdefinition findet in vielen Bereichen des computergestützten Designs seine Anwendung. Bei diesem System wird eine Farbe …

Inhalt5 Abschnitte
  1. 1. Grundprinzip
  2. 2. Leuchtkraft und Zahlenwerte
  3. 3. Typische Farbcodes
  4. 4. Übergänge und Komplementärfarben
  5. 5. Andere Farbtiefen

Grundprinzip

Die hexadezimale Farbdefinition ist ein System zur Darstellung von Farben im computergestützten Design, besonders bei Webfarben für Internetseiten. Eine Farbe wird dabei durch drei aufeinander folgende Hexadezimalzahlen beschrieben, die den Anteilen der Grundfarben Rot, Grün und Blau im RGB-Farbraum entsprechen. RGB bedeutet: Rot, Grün und Blau werden zu einer Mischfarbe kombiniert.

Üblich ist die sechsstellige Schreibweise nach dem Schema #RRGGBB. Dabei stehen RR für Rot, GG für Grün und BB für Blau. Jede dieser Angaben ist zweistellig und bildet ein Oktett mit 2^8 = 256 möglichen Zuständen. Der Wert 0 bedeutet, dass ein Farbanteil vollständig ausgeschaltet ist; der Wert 255, in Hexadezimaldarstellung FF, bedeutet 100 % Farbsättigung. Insgesamt lassen sich so 2^(8·3) = 2^24 = 16.777.216 verschiedene Farben darstellen.

Das System nutzt additive Farbmischung. Das bedeutet: Lichtfarben werden durch Hinzufügen von Rot, Grün und Blau gemischt. Zum Beispiel ergibt #FFFF00 Gelb, weil Rot mit #FF0000 und Grün mit #00FF00 kombiniert werden, während Blau den Wert 00 hat.

Leuchtkraft und Zahlenwerte

Der Zahlenwert eines Farbanteils steht in Beziehung zur Leuchtkraft dieses Anteils. In der Tabelle des Artikels werden typische Stufen gezeigt: Hex-Wert 00 entspricht dem RGB-Anteil 0 und 0 % Leuchtkraft. Der Hex-Wert 40 entspricht dem RGB-Anteil 64 und 25 %. Der Hex-Wert 80 entspricht dem RGB-Anteil 128 und 50 %. Der Hex-Wert C0 entspricht dem RGB-Anteil 192 und 75 %. Der Hex-Wert FF entspricht dem RGB-Anteil 255 und 100 %.

Damit kann man an einem Farbcode ablesen, wie stark die einzelnen Farbkanäle Rot, Grün und Blau beteiligt sind. Höhere Werte bedeuten einen stärkeren Anteil der jeweiligen Farbe an der additiven Mischung.

Typische Farbcodes

Die Beispiele zeigen, wie Grundfarben, Mischfarben und ihre Komplementärfarben codiert werden. Schwarz hat den Code #000000, also R = 0, G = 0 und B = 0; die Komplementärfarbe ist Weiß. Weiß hat #FFFFFF, also R = 255, G = 255 und B = 255; die Komplementärfarbe ist Schwarz. Grau wird mit #888888 angegeben, also jeweils 136 für Rot, Grün und Blau; die angegebene Komplementärfarbe ist #777777.

Die reinen Grundfarben entstehen, wenn jeweils nur ein RGB-Kanal voll eingeschaltet ist: Rot ist #FF0000 und komplementär zu Cyan, Grün ist #00FF00 und komplementär zu Magenta, Blau ist #0000FF und komplementär zu Gelb. Dunklere Varianten entstehen durch niedrigere Werte, zum Beispiel Dunkelrot #880000, Dunkelgrün #008800 und Dunkelblau #000088.

Mischfarben ersten Grades entstehen aus zwei voll eingeschalteten Grundfarben: Cyan ist #00FFFF, Magenta ist #FF00FF und Gelb ist #FFFF00. Weitere Mischfarben entstehen durch Zwischenwerte, zum Beispiel Blaugrün #00FF88, Himmelblau #0088FF, Violett #8800FF, Rosé #FF0088, Orange #FF8800 und Gelbgrün #88FF00.

Übergänge und Komplementärfarben

Die Tabelle enthält auch Übergänge zwischen komplementären Farbpaaren. Dabei werden die RGB-Werte schrittweise verändert, sodass Mischstufen zwischen zwei Gegenfarben entstehen. Beim Übergang Rot/Cyan reicht die Reihe zum Beispiel von Rot 14 : Cyan 1 mit #EE1111 bis Rot 2 : Cyan 13 mit #22DDDD. Zu jedem Wert wird die jeweilige Komplementärfarbe angegeben, etwa #11EEEE zu #EE1111.

Ähnliche Übergänge werden für Grün/Magenta und Blau/Gelb gezeigt. Beim Übergang Grün/Magenta steht zum Beispiel Grün 14 : Magenta 1 für #11EE11 und Grün 2 : Magenta 13 für #DD22DD. Beim Übergang Blau/Gelb steht Blau 14 : Gelb 1 für #1111EE und Blau 2 : Gelb 13 für #DDDD22. Die Beispiele machen deutlich, dass Komplementärfarben in diesem System durch entsprechend gegensätzliche RGB-Anteile beschrieben werden.

Andere Farbtiefen

Neben der üblichen sechsstelligen Farbwertangabe sind auch 3-, 9- und 12-stellige Farbwertangaben möglich. Die Schreibweise #RGB hat eine Farbtiefe von 12 bit und kann 2^12 = 4096 Farben darstellen. Die übliche Schreibweise #RRGGBB hat 24 bit und kann 2^24 = 16.777.216 Farben darstellen.

Längere Schreibweisen erlauben theoretisch deutlich mehr Farben: #RRRGGGBBB hat 36 bit und 2^36 = 68.719.476.736 darstellbare Farben. #RRRRGGGGBBBB hat 48 bit und 2^48 = 281.474.976.710.656 darstellbare Farben.

Das X Window System unterstützt alle vier Möglichkeiten. In der Praxis werden 9- und 12-stellige Farbwertangaben jedoch meist auf 6-stellige reduziert, weil kaum eine Grafikhardware solche Farbtiefen verarbeiten kann.

Lernvideos zu Hexadezimale Farbdefinition

Weiterlesen