CSS -rgb()- Funktion
Beispiel
Definieren Sie verschiedene RGB-Farben:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
Definition und Verwendung
Die Funktion rgb() definiert Farben nach dem Rot-Grün-Blau (RGB)-Modell.
Ein RGB-Farbwert wird angegeben mit: rgb(red, green, blue). Jeder Parameter definiert die Intensität dieser Farbe und kann eine ganze Zahl zwischen 0 und 255 oder ein Prozentwert (von 0 % bis 100 %) sein.
Beispielsweise wird der Wert rgb(0,0,255) als blau gerendert, da der blaue Parameter auf seinen höchsten Wert (255) und die anderen auf 0 gesetzt sind.
Ausführung: | CSS2 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Funktion vollständig unterstützt.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
rgb(red, green, blue)
Value | Description |
---|---|
red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |