RGBA ist eine CSS-Farbe, mit der Farbwerte und Transparenz festgelegt werden können
Unten ist Weiß mit rgba(), um eine Transparenz von 50 % festzulegen.
P {
Farbe: RGBA (255, 255, 255, 0,5);
}
RGBA ist eine Erweiterung des RGB-Farbmodells. Dieses Akronym steht für die Anfangsbuchstaben der drei Grundfarben Rot, Grün und Blau und der Alpha-Wert stellt die Transparenz/Opazität der Farbe dar.
RGBA-Syntax
Das Format der RGBA-Farbdarstellung ist:
rgba(rot, grün, blau, Alpha)
Die ersten drei Werte (Rot, Grün und Blau) reichen von ganzen Zahlen zwischen 0 und 255 oder Prozentsätzen zwischen 0 % und 100 %. Diese Werte beschreiben den Anteil der drei Grundfarben Rot, Grün und Blau in der beabsichtigten Farbe.
Wenn Sie reines Rot einstellen möchten, stellen Sie den Rot-Parameter auf „Voll“, also 255, und die Grün- und Blau-Parameter auf 0 ein.
Hintergrundfarbe: rgba(255, 0, 0, 1);
Ergebnis:
Prozente können auch verwendet werden:
Hintergrundfarbe: rgba(100 %, 0 %, 0 %, 1);
Ergebnis:
Der vierte Wert, Alpha, gibt die Transparenz/Opazität der Farbe an und liegt zwischen 0,0 und 1,0
Das folgende Beispiel ist gelb mit 50 % Transparenz:
Farbe: RGBA (255, 242, 0, 0,5);
Die CSS-Transparenz ist mit Firefox, IE und Chrome kompatibel. Die aktuellen Browserversionen sind relativ hoch. Sie können es gerne in Ihrem Projekt verwenden.