Hexadezimale Farbangaben
 HomeFarben • Hexadezimale Werte 

Hexadezimale Farbwerte

In HTML-Dokumenten werden Angaben für Farbwerte üblicherweise in hexadezimaler Schreibweise eingetragen. Beispiel: #0000FF .
Dieser Wert beinhaltet 3 Angaben für die Intensität der Farben Rot, Grün und Blau.
Farben color Farbwert HTML RGB Rot Grün Blau

Zusammensetzung des Wertes für die Farbangabe in HTML

Um Den Eintrag der drei Werte für die Farben Rot Grün Blau für den üblichen Eintrag von Farbangaben (hexadezimal) in HTML-Dokumenten zu verstehen sollten Sie die Grundlagen des hexadezimalen Zahlensystem kennen. Drei Werte bestimmen die Intensität der Farben. Hinter dem 'Gatterzeichen' werden 3 Blöcke mit Werten von '00' bis 'FF' notiert.

Beispiel für: den Farbwert "Blau":    #0000FF

Computermenschen rechnen mit allem und zählen bis 16. Dazu verwenden Sie 16 Zeichen: Die Ziffern 0 bis 9 und die Buchstaben A bis F. Wenn Sie also nur bis 10 zählen können reicht das nicht aus.

In der ersten Zeile sehen Sie die hexadezimale Zählweise, in der zweiten den dezimalen Wert:

0 1 2 3 4 5 6 7 8 9 A B C D E F

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Mit einer zweistelligen dezimalen Zahl lassen sich Werte zwischen 0 und 99 darstellen (00 bis 99). Mit einer zweistelligen hexadezimalen Zahl lassen sich Werte zwischen 0 und 255 darstellen (00 bis FF).

Angaben für Farbwerte in HTML-Dokumenten werden üblicherweise als solche hexadezimalen Zahlenwerte nach diesem Schema eingetragen:

Zuerst das Rautezeichen, dann 3 Wertangaben.

#RotwertGrünwertBlauwert

Mit einer zweistelligen hexadezimalen Zahl kann man 256 unterschiedliche Abstufungen für jeden der drei Farbwerte festlegen. Zwei Hex-Ziffern für jeden Farbwert.

#RRGGBB


Farben in HTML-Dokumenten werden durch 3 (in der Regel hexadezimale) Zahlenwerte angegeben, die zu einem Eingabewert zusammen gefasst werden.



Beispiel: <body bgcolor="#99CCFF" ...

Also: Nach dem Rautezeichen folgen 3 zweistellige Zahlenwerte von 00 bis FF

( hexadezimale Zahlen: 0;1;2;3;4;5;6;7;8;9;A;B;C;D;E;F )

Kleinster Wert ist "00" , größter Wert ist "FF". FF entspricht dabei 255 dezimal.



 
Beispiel für: "kein Rot", "kein Grün", "möglichst viel Blau":

#0000FF


 
Kleinster Helligkeitswert für alle 3 Farben wird so notiert:

#000000 = Schwarz


 
Maximaler Helligkeitswert für alle 3 Farben wird so notiert:

#FFFFFF = Weiß


 
Rot und Grün aus und für Blau den Wert 99 sieht dann so aus:

#000099 = Blauton


 
maximal Rot, Grün aus und für Blau den Wert 77 sieht dann so aus:

#FF0077 = Rotton


 
Rot aus, maximal Grün aus und für Blau den Wert 55 sieht dann so aus:

#00FF99 = Grünton



Haben Sie meine Erklärung schon gelesen?

Stellen Sie sich vor, Sie leuchten mit 3 Taschenlampen in den 3 Farben in etwa auf einen Punkt, dann addiert sich die Helligkeit. Logischerweise würde die Schnittfläche aller drei Lichtkegel (rechtes Bild unten, Mittelbereich) die größte Helligkeit zeigen: Weiß.

 das könnte Sie auch interessieren  Farben RGB-Systen



Farbwerte mit dem Taschenrechner

Nach diesem Prinzip entsteht folgendes Rechenmodell:





#FF0000
#00FF00
#0000FF

#00FF00
#0000FF
#FF0000

  FF0000
+ 00FF00
= FFFF00
  00FF00
+ 0000FF
= 00FFFF
  0000FF
+ FF0000
= FF00FF

#FFFF00
#00FFFF
#FF00FF


Addiert man wie in der ersten Spalte die Werte für die Farben Rot und Grün müssen Sie sich vor Augen halten, das man zwei Helligkeiten addiert! Als Ergebnis wird immer eine Farbe ermittelt, die heller ist als Rot und ebenso heller als der Grünton. In diesen Fall ist das Ergebnis der Wert für die Farbe Gelb.

Sie müssen natürlich nicht unbedingt das Hexadezimalsystem verstehen. Es reicht wenn Ihnen klar ist, dass eine große Zahl ein hoher Lichtwert bedeutet und das man durch unterschiedliche Werte für die 3 Farben Mischfarben herstellen kann (mehr als 16 Millionen Kombinationen).



Hexadezimal? Wenn Sie mehr wollen:

... warum Computermenschen nicht nur bis 10 zählen können

Im Dezimalsystem zählen wir von 0 bis 9 bevor eine Stelle hinzugefügt wird (um eine 10 darzustellen benötigt man schon 2 Zeichen). Im Hexadezimalsystem kann man Zahlen von 0 bis 15 mit nur einem Zeichen darstellen.

0 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - A - B - C - D - E - F


Der Wert "F" repräsentiert die Zahl "15" . Mit einer zweistelligen hexadezimalen Zahl lassen sich Werte zwischen 0 und 255 darstellen.

dezimaler Wert 00 09 10 ... 15 16 17 ... 32 ... 160 ... 255
hexadezimaler Wert 00 09 0A ... 0F 10 11 ... 20 ... A0 ... FF


Kleinster Wert ist "00" , größter Wert ist "FF"


Solche hexadezimalen Werte werden im HTML-Dokument für Farbangaben, jeweils für die 3 Farbwerte rot - grün - blau eingetragen. Ein Gatterzeichen (#) wird diesen 6 Zeichen vorangestellt. So weiß der Browser: Es handelt sich um hexadezimale Angaben.


3 dezimale Werte in Hex-Farbwert umrechnen

Hier können Sie die Farbwerte in dezimaler Schreibweise eintragen und den HEX-Farbwert anzeigen lassen.

Umrechnung dezimale Eingaben / hexadezimaler Farbwert

Anzeige des Farbwertes

dezimaler Rotwert (max 255):
dezimaler Grünwert (max 255):
dezimaler Blauwert (max 255):
Hex-Farbwert code:
 

Dem ermittelten Wert wird eine Raute / Gatter ( # ) vorangestellt und eignet sich so zum direkten Herauskopieren.





Das könnte Sie auch interessieren: