Neueste Web-Entwicklung Tutorials
 

Colors Lernprogramm


Die Farben werden angezeigt kombinieren ROT, GRÜN und BLAU Licht.


Farbnamen

Mit CSS können Farben unter Verwendung von Farbnamen festgelegt werden:

Beispiel

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Versuch es selber "

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.

Beispiel

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Versuch es selber "

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.

Hinweis 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