Hex Farben

Mit Hexadezimal Farbwerten werden Farben über eine Kombination aus Zahlen und Buchstaben beschrieben. Sie beginnen mit einem „#“-Zeichen, gefolgt von sechs Stellen. Diese stehen für die Anteile von Rot, Grün und Blau. Jeder Farbanteil wird durch zwei Zeichen dargestellt (#rrggbb).

Aufbau und Bedeutung der einzelnen Farbwerte

Hexadezimale Farbwerte beginnen mit einem „#“-Zeichen. Es kennzeichnet den folgenden Wert als Farbangabe.

Ein hexadezimaler Farbwert ist wie folgt aufgebaut: #rrggbb
Dabei stehen rr (Rot), gg (Grün) und bb (Blau) für hexadezimale Ganzzahlen zwischen 00 und FF. Diese bestimmen die Farbintensität.

Beispiele
#FFFFFF	#FF0000	#00FF00	#0000FF	#000000

#FFFFFF die Farbe Weiß setzt sich aus den höchsten Farbwerten für Rot (FF), Grün (FF) und Blau (FF) zusammen.

#FF0000 die Farbe Rot hat ihren höchsten Wert für Rot (FF) und ihre niedrigsten Werte für Grün (00) und Blau (00).

#00FF00 die Farbe Grün hat ihren höchsten Wert für Grün (FF) und ihre niedrigsten Werte für Rot (00) und Blau (00).

#0000FF die Farbe Blau hat ihren höchsten Wert für Blau (FF) und ihre niedrigsten Werte für Rot (00) und Grün (00).

#000000 die Farbe Schwarz hat ihre niedrigsten Werte für Rot (00), Grün (00) und Blau (00).

Anwendungsbeispiele

Hexadezimale Farbwerte werden bei Hintergründen, Texten, Rahmen und Buttons eingesetzt.

Sie werden verwendet, wenn Farben genau festgelegt werden sollen.

Im Beispiel wird die Überschrift in Rot wiedergegeben. Der Absatz hat einen dunkelgrünen Rahmen und eine blaue Schriftfarbe.

<!DOCTYPE html>
<html>
<head>
<title>Titel der Seite</title>
<style>
h1 {
color: #FF0000;
}
p {
border: solid 1px #008000;
padding: 12px;
color: #0000FF;
}
</style>
</head>
<body>
<h1>Dieses Beispiel</h1>
<p>Im Beispiel wird die Überschrift in Rot wiedergegeben. Der Absatz hat einen dunkelgrünen Rahmen und eine blaue Schriftfarbe.</p>

</body>
</html>

Hinweise zu Unterschieden und Besonderheiten

Hexadezimale Farbwerte bestehen aus Zahlen und den Buchstaben A bis F. Dadurch unterscheiden sie sich von RGB- und HSL-Werten, die nur mit Zahlen arbeiten.

Es gibt auch eine verkürzte Schreibweise mit drei Stellen, zum Beispiel #FFF. Dabei steht jede Stelle für einen doppelten Wert, also entspricht #FFF dem Wert #FFFFFF.

Hexadezimale Farbwerte werden häufig verwendet, da sie eine kompakte und genaue Darstellung ermöglichen.