CSS-RGB-Farben

RGB-Werte

In CSS kann die Farbe als RGB-Wert mit folgender Formel angegeben werden:

rgb(red, green, blue)

jeder Parameter (red,green sowie blue) definiert die Farbintensität im Bereich von 0 bis 255.

Zum Beispiel wird rgb(255, 0, 0) als Rot angezeigt, weil Rot auf den Maximalwert (255) gesetzt ist und die anderen auf 0.

Um Schwarz anzuzeigen, stellen Sie alle Farbparameter auf 0 ein, wie folgt: rgb(0, 0, 0).

Um Weiß anzuzeigen, stellen Sie alle Farbparameter auf 255 ein, wie folgt: rgb(255, 255, 255).

Probieren Sie die folgenden RGB-Werte aus, um Experimente durchzuführen:

　

ROT

255

GRÜN

0

BLAU

0

Beispiel

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Versuchen Sie es selbst

Normalerweise werden gleiche Werte für alle 3 Lichtquellen verwendet, um Grauschattierungen zu definieren:

Beispiel

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Versuchen Sie es selbst

RGBA-Werte

Der RGBA-Farbwert ist eine Erweiterung des RGB-Farbwerts mit einem Alpha-Kanal - er spezifiziert die Transparenz der Farbe.

RGBA-Farbwerte werden wie folgt spezifiziert:

rgba(red, green, blue, alpha)

alpha Die Parameter sind Zahlen zwischen 0.0 (vollständig transparent) und 1.0 (vollständig undurchsichtig):

Probieren Sie die Mischung der folgenden RGBA-Werte aus:

　

ROT

255

GRÜN

0

BLAU

0

ALPHA

0

Beispiel

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Versuchen Sie es selbst