Die Farben werden angezeigt kombinieren ROT, GRÜN und BLAU Licht.
Farbnamen
Mit CSS können Farben unter Verwendung von Farbnamen festgelegt werden:
CSS Farbwerte
Mit CSS Farben können auf verschiedene Weise angegeben werden:
- Mit dem Farbnamen
- Als RGB-Werte
- Als Hexadezimalwerte
- Als HSL-Werte (CSS3)
- Als HWB-Werte (CSS4)
RGB-Farben
RGB-Farbwerte werden in allen Browsern unterstützt.
rgb (rot, grün, blau): Ein RGB-Farbwert wird mit angegeben.
Jeder Parameter (rot, grün und blau) definiert die Intensität der Farbe als eine ganze Zahl zwischen 0 und 255.
Zum Beispiel rgb (0,0,255) als blau gemacht, weil der blaue Parameter auf den höchsten Wert (255) und die anderen werden auf 0 gesetzt.
Grautöne werden oft mit gleichen Werten für alle drei Lichtquellen definiert:
Beispiel
Color
RGB
Color
rgb(0,0,0)
Black
rgb(128,128,128)
Gray
rgb(255,255,255)
White
Versuch es selber " Hexadezimal Farben
Hexadezimal-Farbwerte werden auch in allen Browsern unterstützt.
Eine hexadezimale Farbe wird angegeben mit: #RRGGBB.
RR (rot), GG (grün) und BB (blau) sind hexadezimale Zahlen zwischen 00 und FF die Intensität der Farbe angeben.
Zum Beispiel wird # 0000FF als blau dargestellt, weil die blaue Komponente auf seinen höchsten Wert (FF) und die anderen werden auf 00 gesetzt ist.
Beispiel
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
Versuch es selber " Grautöne werden oft mit gleichen Werten für alle drei Lichtquellen definiert:
Beispiel
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
Versuch es selber " Groß- oder Kleinschreibung?
Sie können Groß- oder Kleinbuchstaben verwenden, um hexadezimale Werte angeben.
Kleinbuchstaben sind leichter zu schreiben. Großbuchstaben sind leichter zu lesen. |
Farbnamen
CSS unterstützt 140 Standard-Farbnamen.
Im nächsten Kapitel finden Sie eine komplette alphabetische Liste der Farbnamen mit hexadezimalen Werten finden:
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |