CSS rgb() Functie
Voorbeeld
Definieer verschillende RGB-kleuren:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
Definitie en gebruik
De functie rgb() definieert kleuren met behulp van het Rood-groen-blauw (RGB)-model.
Een RGB-kleurwaarde wordt opgegeven met: rgb(rood, groen, blauw). Elke parameter definieert de intensiteit van die kleur en kan een geheel getal zijn tussen 0 en 255 of een procentuele waarde (van 0% tot 100%).
De waarde rgb(0,0,255) wordt bijvoorbeeld weergegeven als blauw, omdat de parameter blauw is ingesteld op de hoogste waarde (255) en de andere op 0.
Versie: | CSS2 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de functie volledig ondersteunt.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-syntaxis
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% |