HTML RGB- und RGBA-Farben

Ein RGB-Farbwert repräsentiert ROTE, GRÜNE und BLAUE Lichtquellen.

Ein RGBA-Farbwert ist eine Erweiterung von RGB mit einem Alpha-Kanal (Deckkraft).

RGB-Farbwerte

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

rgb(red, green, blue)

Jeder Parameter (Rot, Grün und Blau) definiert die Intensität der Farbe mit einem Wert zwischen 0 und 255.

Das bedeutet, dass es 256 x 256 x 256 = 16777216 mögliche Farben gibt!

Zum Beispiel wird rgb(255, 0, 0) als Rot angezeigt, da Rot auf seinen höchsten Wert (255) und die anderen beiden (Grün und Blau) auf 0 gesetzt sind.

Ein weiteres Beispiel: RGB(0, 255, 0) wird als Grün angezeigt, da Grün auf seinen höchsten Wert (255) und die anderen beiden (Rot und Blau) auf 0 gesetzt sind.

Um Schwarz anzuzeigen, setzen Sie alle Farbparameter auf 0, etwa so: rgb(0, 0, 0).

Um Weiß anzuzeigen, setzen Sie alle Farbparameter auf 255, etwa so: rgb(255, 255, 255).

Experimentieren Sie, indem Sie die folgenden RGB-Werte mischen:

Grautöne

Graustufen werden oft mit gleichen Werten für alle drei Parameter definiert:

RGBA-Farbwerte

RGBA-Farbwerte sind eine Erweiterung von RGB-Farbwerten mit einem Alpha-Kanal – der die Deckkraft einer Farbe angibt.

Ein RGBA-Farbwert wird angegeben mit:

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: