Funkcja rgba() w CSS

Przykład

Definiowanie różnych kolorów RGB z przezroczystością (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Nieprzejrzysty czerwony */
#p2 {background-color:rgba(0,255,0,0.3);} /* Nieprzejrzysty zielony */
#p3 {background-color:rgba(0,0,255,0.3);} /* Nieprzejrzysty niebieski */

Spróbuj sam

Definicja i użycie

Funkcja rgba() używa modelu Red-green-blue-alpha (RGBA) do definiowania kolorów.

Wartości koloru RGBA są rozszerzeniem wartości koloru RGB, które zawiera kanał alpha umożliwiający określenie przezroczystości koloru.

Wersja: CSS3

Obsługa przeglądarki

Numeracja w tabeli wskazuje na pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Funkcja
rgba() 1.0 9.0 3.0 3.1 10.0

Gramatyka CSS

rgba(red, green, blue, alpha)
Wartość Opis
red Definiowanie intensywności czerwonej jako liczby całkowitej z zakresu 0 do 255 lub wartości procentowej z zakresu 0% do 100%.
green Definiowanie intensywności zielonej jako liczby całkowitej z zakresu 0 do 255 lub wartości procentowej z zakresu 0% do 100%.
blue Definiowanie intensywności niebieskiego jako liczby całkowitej z zakresu 0 do 255 lub wartości procentowej z zakresu 0% do 100%.
alpha Definiowanie nieprzejrzystości jako liczby między 0.0 (zupełnie przezroczysta) a 1.0 (zupełnie nieprzejrzysta).