CSS/Funktionen/rgba()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die rgba()-Funktion gibt die Werte für Rot, Grün und Blau sowie die Deckkraft durch den Transparenzwert des Alphakanals an..

Parameter
  • rot: als …
    • ganze Zahlen im Bereich 0-255 oder
    • Prozentwerte im Bereich von 0%-100%
  • grün: als …
    • ganze Zahlen im Bereich 0-255 oder
    • Prozentwerte im Bereich von 0%-100%
  • blau: als …
    • ganze Zahlen im Bereich 0-255 oder
    • Prozentwerte im Bereich von 0%-100%
  • Deckkraft: Fließkommazahl im Bereich 0 (keine Deckkraft, vollkommen transparent) bis 1 (volle Deckkraft, keine Transparenz)
anwendbar auf alle Farbangaben
Browsersupport caniuse: {{{caniuse}}}
Beispiel
button {
  background-color: rgb(0 128 0 /0.5);
}
die Werte für rot und blau betragen 0, nur grün hat einen Wert von 128. Zusätzlich gibt es eine Deckkraft von 0.5.
Beachten Sie: Im CSS Color Module 4 ist die rgba()-Funktion in der rgb()-Funktion aufgegangen. Die bisherige Funktion kann in bestehenden Projekten aber beibehalten werden.

Weblinks

W3C: The RGB functions: rgb() and rgba()

Siehe auch