CSS -RGB-Farben

Ein RGB-Farbwert repräsentiert ROT-, GRÜN- und BLAU-Lichtquellen.

RGB-Wert

In CSS kann eine Farbe mit dieser Formel als RGB-Wert angegeben werden:

rgb ( rot, grün , blau )

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 seinen höchsten Wert (255) und die anderen 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:

RGB(255, 99, 71)

ROT

255

GRÜN

BLAU

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

Graustufen werden oft mit gleichen Werten für alle 3 Lichtquellen definiert:

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)

RGBA-Farbwerte sind eine Erweiterung von RGB-Farbwerten mit einem Alphakanal, der die Deckkraft einer Farbe angibt.

Ein RGBA-Farbwert wird angegeben mit:

RGBA ( Rot, Grün , Blau, 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:

RGBA (255, 99, 71, 0,5)

ROT

255

GRÜN

BLAU

ALPHA

0,5

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)