WEB-Farben – Farbanteile – Hex & RGB

Wie funktioniert das RGB-Farbschema?

RGB steht für Rot, Grün und Blau. Jede Bildschirmfarbe entsteht, indem diese drei Anteile gemischt werden. Jeder Anteil hat eine Stärke – je höher, desto heller.
Beispiele:

• RGB(255, 0, 0) → reines Rot
• RGB(0, 255, 0) → reines Grün
• RGB(0, 0, 255) → reines Blau
• RGB(255, 255, 255) → Weiß, RGB(0, 0, 0) → Schwarz

In Web-Farben werden diese Werte häufig als Hexadezimalzahl geschrieben: #RRGGBB.

Speicherung: 8-Bit je Farbkanal (0–255)

Pro Farbe (R, G, B) werden in der Praxis 8 Bits gespeichert. 8 Bits können Werte von 0 bis 255 darstellen. Damit gibt es pro Kanal 256 Abstufungen – insgesamt 256 × 256 × 256 ≈ 16,7 Mio. mögliche Farben.

• Beispiel: #6AA5FF → R=0x6A=106, G=0xA5=165, B=0xFF=255
• Hex-Schreibweise: #RRGGBB (zweistellige Hex-Zahlen pro Kanal)

RGB-Farben im Web verwenden

In CSS gibt es mehrere gleichwertige Varianten. Die gängigsten sind #RRGGBB und rgb():

/* Hexadezimal */
.box-hex { background: #6AA5FF; }

/* RGB-Kommazahlen (0–255) */
.box-rgb { background: rgb(106, 165, 255); }

/* Optional modern: Prozentwerte (0%–100%) in rgb() */
.box-rgb-pct { background: rgb(42% 65% 100%); /* mit Leerzeichen erlaubt */ }

Kontrast-Hinweis (A11y): Achte bei Text auf ausreichenden Kontrast (mind. 4.5:1 für Fließtext). Helle Schrift auf hellem Hintergrund (oder dunkel auf dunkel) ist schlecht lesbar.

FAQ – Häufige Fragen zu RGB

Warum 0–255?

Weil 8 Bits pro Kanal genutzt werden. 8 Bits können 256 Zustände darstellen (0–255).

Was bedeutet #RRGGBB?

Es sind drei Hex-Zahlen: RR=Rot, GG=Grün, BB=Blau. Beispiel: #FF0000 ist Rot.

Ist rgb(106,165,255) das Gleiche wie #6AA5FF?

Ja, beide beschreiben identische Farbe – nur anders notiert.

Was ist der Unterschied zu HSL?

HSL beschreibt Farben als Farbton-Sättigung-Helligkeit. Praktisch zum Variieren, intern wird auf dem Bildschirm trotzdem in RGB angezeigt.

Wozu dient der Alpha-Wert?

Mit rgba() bzw. #RRGGBBAA kann Transparenz (Alpha) festgelegt werden: 0 = durchsichtig, 1 bzw. FF = deckend.