Hexadezimale Farbdefinition

Das System der hexadezimalen Farbdefinition findet in vielen Bereichen des computergestützten Designs seine Anwendung. Bei diesem System wird eine Farbe durch drei aufeinander folgende Hexadezimalzahlen dargestellt, die jeweils für eine Farbe des RGB-Farbraums stehen. RGB steht dabei als Abkürzung für die Anteile der Grundfarben Rot, Grün und Blau an der Mischfarbe. Üblich ist die hexadezimale Farbdefinition in sechsstelliger Form, das heißt als eine Aneinanderreihung von drei jeweils zweistellig geschriebenen Hexadezimalzahlen, nach dem Schema: #RRGGBB, die es erlaubt, pro Oktett (= 256) verschiedene Zustände zu definieren – von 0 für eine komplett „ausgeschaltete“ Farbe und 255 (FF) für 100 % Farbsättigung. Daraus ergeben sich (, also ) verschiedene Farben. Es wird die additive Farbmischung zum Mischen der Farben benutzt; der Code #FFFF00 ergibt die Farbe Gelb, weil Rot mit Grün gemischt wird.

Diese Art der Notation wird häufig für Webfarben zur farblichen Gestaltung von Internetseiten verwendet.

Verhältnis von Leuchtkraft und Zahlenwert

Hex-WertRGB-AnteilLeuchtkraft (%)
0000 %
406425 %
8012850 %
C019275 %
FF255100 %

Beispiele für Farbcodierungen

Grundfarben
FarbeHex-WertRGBKomplementär zu
 Schwarz#000000000Weiß
 Grau#888888136136136#777777 
 Weiß#FFFFFF255255255Schwarz 
 Rot#FF000025500Cyan 
 Dunkelrot#88000013600#77FFFF 
 Grün#00FF0002550Magenta 
 Dunkelgrün#00880001360#FF77FF 
 Blau#0000FF00255Gelb 
 Dunkelblau#00008800136#FFFF77 
Mischfarben ersten Grades
FarbeHex-WertRGBKomplementär zu
Cyan#00FFFF0255255Rot
 Dunkelcyan#0088880136136#FF7777 
 Magenta#FF00FF2550255Grün 
 Dunkelmagenta#8800881360136#77FF77 
 Gelb#FFFF002552550Blau 
 Dunkelgelb#8888001361360#7777FF 
Weitere Mischfarben
FarbeHex-WertRGBKomplementär zu
Blaugrün#00FF880255136#FF0077
 Himmelblau#0088FF0136255#FF7700 
 Violett#8800FF1360255#77FF00 
 Rosé#FF00882550136#00FF77 
 Orange#FF88002551360#0077FF 
 Gelbgrün#88FF001362550#7700FF 
Übergang Rot/Cyan
FarbeHex-WertRGBKomplementär zu
Rot 14 : Cyan 1#EE11112381717#11EEEE
 Rot 4 : Cyan 1#CC33332045151#33CCCC 
 Rot 2 : Cyan 1#AA55551708585#55AAAA 
 Rot 8 : Cyan 7#887777136119119#778888 
 Rot 2 : Cyan 3#669999102153153#996666 
 Rot 4 : Cyan 11#44BBBB68187187#BB4444 
 Rot 2 : Cyan 13#22DDDD34221221#DD2222 
Übergang Grün/Magenta
FarbeHex-WertRGBKomplementär zu
Grün 14 : Magenta 1#11EE111723817#EE11EE
 Grün 4 : Magenta 1#33CC335120451#CC33CC 
 Grün 2 : Magenta 1#55AA558517085#AA55AA 
 Grün 8 : Magenta 7#778877119136119#887788 
 Grün 2 : Magenta 3#996699153102153#669966 
 Grün 4 : Magenta 11#BB44BB18768187#44BB44 
 Grün 2 : Magenta 13#DD22DD22134221#22DD22 
Übergang Blau/Gelb
FarbeHex-WertRGBKomplementär zu
Blau 14 : Gelb 1#1111EE1717238#EEEE11
 Blau 4 : Gelb 1#3333CC5151204#CCCC33 
 Blau 2 : Gelb 1#5555AA8585170#AAAA55 
 Blau 8 : Gelb 7#777788119119136#888877 
 Blau 2 : Gelb 3#999966153153102#666699 
 Blau 4 : Gelb 11#BBBB4418718768#4444BB 
 Blau 2 : Gelb 13#DDDD2222122134#2222DD 

Andere Farbtiefen

Hexadezimaler FarbcodeFarbtiefeAnzahl der darstellbaren Farben
#RGB12 bit212 = 4096
#RRGGBB24 bit224 = 16.777.216
#RRRGGGBBB36 bit236 = 68.719.476.736
#RRRRGGGGBBBB48 bit248 = 281.474.976.710.656

Neben der üblichen 6-stelligen Farbwertangabe sind auch 3-, 9- und 12-stellige Farbwertangaben möglich. Das X Window System unterstützt alle vier Möglichkeiten, auch wenn in der Praxis die 9- und 12-stelligen Farbwertangaben auf 6-stellige reduziert werden, da kaum eine Grafikhardware in der Lage ist, derartige Farbtiefen zu verarbeiten.

Weblinks

Auf dieser Seite verwendete Medien

Farb-Check-RGB.png
Autor/Urheber: DiplomBastler alias Torge Anders, Lizenz: CC BY-SA 3.0
Bild zur Prüfung der Farbdarstellung (Gammakorrektur der Farbkanäle) des Anzeigegeräts ("Bildschirm"). Eine Beschreibung, wie man das Bild verwendet, ist Hilfe:Farbdarstellung. Eine Beschreibung der Wirkungsweise des Bildes findet sich hier. Es existiert auch eine vektorisierte Version des Bildes, die jedoch, wie *alle* Vektorformate, *nicht* zur Kalibrierung geeignet ist. Näheres dazu siehe Vorlage_Diskussion:Hinweis_Farbdarstellung#Vektorgrafik_kann_hier_nicht_funktionieren. Bitte daher diese Raster-Version hier nicht durch eine Vektor-Version ersetzen.