CSS-rgba()-Funktion
Beispiel
Verwenden Sie RGBA-Farben und Transparenz:
#p1 {background-color:rgba(255,0,0,0.3);} /*red*/
#p2 {background-color:rgba(0,255,0,0.3);} /*green*/
#p3 {background-color:rgba(0,0,255,0.3);} /*Blue*/
Selbst ausprobieren »
Definition und Verwendung
Die Funktion rgba() verwendet die Komponenten Rot (R), Grün (G), Blau (B) und Alpha (A), um eine Vielzahl von Farben zu erzeugen.
RGBA steht für Rot, Grün, Blau und Transparenz (Englisch: Red, Green, Blue, Alpha).
- 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.
- Transparenz (A)Ein Wert zwischen 0 und 1, der die Transparenz (Alpha) repräsentiert.
Unterstützte Versionen: CSS3
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
rgba(red, green, blue, alpha)
| Wert | Beschreibung |
|---|---|
| red | Definiert den Rotwert, der von 0 bis 255 oder als Prozentsatz von 0% bis 100% reicht. |
| ⟦0⟧ | Definiert den Grünwert, der von 0 bis 255 oder als Prozentsatz von 0% bis 100% reicht. |
| blue | Definiert den Blauwert, der von 0 bis 255 oder als Prozentsatz von 0% bis 100% reicht. |
| Alpha - Transparenz | Definiert die Transparenz (Alpha) von 0 (vollständig transparent) bis 1 (vollständig undurchsichtig). |
Weitere Erweiterungen