HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML RGB- und RGBA-Farben


Ein RGB-Farbwert repräsentiert ROT-, GRÜN- und BLAU-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 ( rot, grün , blau )

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!

Beispielsweise wird rgb(255, 0, 0) als Rot angezeigt, da Rot auf den höchsten Wert (255) gesetzt ist 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 den höchsten Wert (255) gesetzt ist und die anderen beiden (rot und blau) 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

99

BLAU

71

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)


Grautöne

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

Beispiel

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


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 ( 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

99

BLAU

71

ALPHA

0,5

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)