Funkcja CSS rgb()
Przykład
Zdefiniuj różne kolory RGB:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
Definicja i użycie
Funkcja rgb() definiuje kolory przy użyciu modelu czerwono-zielono-niebieskiego (RGB).
Wartość koloru RGB jest określona za pomocą: rgb(czerwony, zielony, niebieski). Każdy parametr określa intensywność tego koloru i może być liczbą całkowitą od 0 do 255 lub wartością procentową (od 0% do 100%).
Na przykład wartość rgb(0,0,255) jest renderowana jako niebieska, ponieważ parametr niebieski jest ustawiony na najwyższą wartość (255), a pozostałe są ustawione na 0.
Wersja: | CSS2 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Składnia CSS
rgb(red, green, blue)
Value | Description |
---|---|
red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |