 RGB-Farbwerte notieren
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.
|
|
Notation für die Farbangaben
Die übliche Angabe für den Farbwert in HTML-Dokumenten ist ein hexadezimaler Zahlenwert nach diesem Schema: Zuerst das Rautezeichen, dann 3 Wertangaben.
#RotwertGrünwertBlauwert
#RRGGBB
Schreibweisen
<body text="#000000" bgcolor="#FFFFFF" ...
<font color="#0000FF"> Text </font>
<span style="color:#0000FF"> Text </span>
td { color: #0000FF; background-color: #FFFFFF;}
Die Syntax, zum Beispiel für Farbangaben in CSS-Notierungen, ist immer gleich:
color: <Wert>
background-color: <Wert>
siehe auch:  Farben hexadezimal
alternative Schreibweisen
Ich möchte Ihnen einige alternative Schreibweisen nicht vorenthalten.
1 Farbnamen
td { color: black; background-color: white;}
siehe auch: Farbnamen Farbnamen Liste
2 dezimale Werte 0 - 255
td { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
3 Prozentangaben
td { color: rgb(0%, 0%, 0%); background-color: rgb(100%, 100%, 100%);}
4 condensed
td { color: #fff; background-color: #000}
nächste Browser-Generation: RGBA, HSL und HSLA
a) HSL (Hue Saturation Luminance)
HSL ist eine neue Möglichkeit, Farbwerte auszudrücken. Das manuelle Anpassen von Farben ist leichter. Mochten Sie z.B eine Farbe abdunkeln, muss man bei HSL lediglich einen, den Helligkeitswert verändern.
Die drei Buchstaben HSL stehen für
- Hue (Farbton)
- Saturation (Sättigung) in Prozent
- Luminance (Helligkeit) in Prozent
|
|
.farbe01 { color:hsl(120, 100%, 50%); }
b) Transparenz mit RGBA
Neuere Versionen von Firefox Opera und Safari interpretieren bereits die neuen Angaben für Farbwerte.
Das A in den Farbangaben RGBA und HSLA steht für Alphakanal. Eine zusätzliche Angabe für die Deckkraft der Farbe. Bei Farbangaben in RGBA ist es möglich, Informationen für die Transparenz der Farbe einzubinden.
RGBA
Die letzte (vierte) Angabe repräsentiert den Transparenzwert.
.rot-transp { color:rgba(255, 0, 0, 0.25);}
c) HSLA
Auch bei Farbangaben in HSLA ist es möglich, Informationen für die Transparenz der Farbe einzubinden. Die letzte (vierte) Angabe repräsentiert den Transparenzwert.
.farbe02 { color:hsla(120, 100%, 50%, 0.25); }
Querverweise:
Farben - Erklärung des RGB-Systems
Farben - Hexadezimal
Farben - Farbabstufungen
|
Home • Farben • RGB-Farbwerte notieren