CSS rgb()-Funktion
Beispiel
RGB-Farben verwenden:
#p1 {background-color:rgb(255,0,0);} /*red*/
#p2 {background-color:rgb(0,255,0);} /*green*/
#p3 {background-color:rgb(0,0,255);} /*Blue*/
Selbst ausprobieren »
Definition und Verwendung
Die rgb()-Funktion nutzt die Überlagerung von drei Farben – Rot (R), Grün (G) und Blau (B) –, um eine Vielzahl von Farben zu erzeugen.
RGB steht für Rot, Grün, Blau (englisch: Red, Green, Blue).
- Rot (R)Eine ganze Zahl zwischen 0 und 255, die die rote Komponente der Farbe darstellt.
- Grün (G)Eine ganze Zahl zwischen 0 und 255, die die grüne Komponente der Farbe darstellt.
- Blau (B)Eine ganze Zahl zwischen 0 und 255, die die blaue Komponente der Farbe darstellt.
Unterstützte Version: CSS2
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
rgb(red, green, blue)
| Wert | Beschreibung |
|---|---|
| red | Definiert den Rotwert, der von 0 bis 255 reicht und auch ein Prozentsatz von 0% bis 100% sein kann. |
| ⟦0⟧ | Definiert den Grünwert, der von 0 bis 255 reicht und auch ein Prozentsatz von 0% bis 100% sein kann. |
| blue | Definiert den Blauwert, der von 0 bis 255 reicht und auch ein Prozentsatz von 0% bis 100% sein kann. |
Weitere Erweiterungen