SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
CSS/Funktionen/rgb()
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 |
button {
background-color: rgb(0 128 0);
}
button:focus,
button:hover {
background-color: rgb(0 128 0 /0.5);
}
Neben der Trennung der einzelnen Werte durch Leerzeichen ist weiterhin die Trennung mit Kommata möglich.
Im CSS Color Module 4 ist die rgba()-Funktion in der rgb()-Funktion aufgegangen. Die bisherige Funktion kann in bestehenden Projekten aber beibehalten werden.
Weblinks
W3C: The RGB functions: rgb() and rgba()
Siehe auch
- Farbe/Farbmodelle
- rgb()-Funktion
Bei
:hover
erhält der Hintergrund eine Deckkraft von 50%, wird auf weißem Hintergrund also heller.