CSS RGB Colors
Ein RGB-Farbwert repräsentiert RED (ROTE), GREEN (GRÜNE) und BLUE (BLAUE) Lichtquellen.
RGB-Wert
In CSS kann eine Farbe mithilfe dieser Formel als RGB-Wert angegeben werden:
rgb(red, green, blue).
Jeder Parameter (Rot, Grün und Blau) definiert die Intensität der Farbe zwischen 0 und 255.
Beispielsweise wird rgb(255, 0, 0) als Rot angezeigt, da Rot auf den höchsten Wert (255) und die anderen Werte auf 0 gesetzt sind.
Um Schwarz anzuzeigen, setzen Sie alle Farbparameter auf 0, wie folgt: rgb(0, 0, 0).
Um Weiß anzuzeigen, setzen Sie alle Farbparameter auf 255, wie folgt: rgb(255, 255, 255).
Experimentieren Sie, indem Sie die folgenden RGB-Werte mischen:
RED
GREEN
BLUE
Beispiel
Try it Yourself »
Grautöne werden oft durch gleiche Werte für alle drei Lichtquellen definiert:
Beispiel
Try it Yourself »
RGBA-Wert
RGBA-Farbwerte sind eine Erweiterung von RGB-Farbwerten mit einem Alphakanal, der die Deckkraft einer Farbe angibt.
Ein RGBA-Farbwert wird wie folgt angegeben:
rgba(red, green, blue, alpha)
Der Alpha-Parameter ist eine Zahl zwischen 0,0 (vollständig transparent) und 1,0 (überhaupt nicht transparent):
Experimentieren Sie, indem Sie die folgenden RGBA-Werte mischen:
RED
GREEN
BLUE
ALPHA
Beispiel
Try it Yourself »
CSS — Farben RGB und RGBA – W3Schools-Video
Dieses Video ist eine Einführung in RGB- und RGBA-Farben in CSS.
Teil einer Reihe von Video-Tutorials zum Erlernen von CSS für Anfänger!
