CSS/Funktionen/rgb()
Aus SELFHTML-Wiki
< CSS | Funktionen
Die rgb()-Funktion gibt die Werte für Rot
, Grün
und Blau
entweder als ganze Zahlen im Bereich 0-255
oder Prozentwerte im Bereich von 0%-100%
an (jedoch nicht beides gleichzeitig), durch die eine bestimmte Farbe angezeigt wird.
Als optionaler 4. Parameter kann die Deckkraft durch den Transparenzwert des Alphakanals angegeben werden..
Parameter |
|
---|---|
anwendbar auf | alle Farbangaben |
Browsersupport | caniuse: css3-colors |
Beispiel
button {
background-color: rgb(0 128 0);
}
button:focus,
button:hover {
background-color: rgb(0 128 0 /0.5);
}
Beachten Sie: Zahlen- und Prozentwerte dürfen nicht vermischt werden.
Neben der Trennung der einzelnen Werte durch Leerzeichen ist weiterhin die Trennung mit Kommata möglich.
Neben der Trennung der einzelnen Werte durch Leerzeichen ist weiterhin die Trennung mit Kommata möglich.
Weblinks
W3C: The RGB functions: rgb() and rgba()
Siehe auch
- Grafik/Farbe/Farbmodelle
- rgb()-Funktion
Liste der CSS-Funktionen
- Berechnungen und Vergleiche
- Farben und Verläufe
- intrinsische Abmessungen
- Transformationen
Bei
:hover
erhält der Hintergrund eine Deckkraft von 50%, wird auf weißem Hintergrund also heller.