Das RGB-Farbmodell
RGB steht für Rot, Grün, Blau – die drei Grundfarben des additiven Farbmodells. Bildschirme, Monitore und Displays erzeugen Farben durch Mischung dieser drei Lichtfarben.
Jeder Farbkanal hat einen Wert von 0 bis 255 (8 Bit). Mit drei Kanälen ergeben sich 256³ = 16,7 Millionen mögliche Farben.
RGB-Farbcodes verstehen
- rgb(255, 0, 0) = Reines Rot
- rgb(0, 255, 0) = Reines Grün
- rgb(0, 0, 255) = Reines Blau
- rgb(255, 255, 255) = Weiß (alle Farben an)
- rgb(0, 0, 0) = Schwarz (alle Farben aus)
- rgb(128, 128, 128) = Mittelgrau
- rgb(255, 255, 0) = Gelb (Rot + Grün)
- rgb(255, 0, 255) = Magenta (Rot + Blau)
- rgb(0, 255, 255) = Cyan (Grün + Blau)
RGB zu HEX umrechnen
HEX-Codes sind die hexadezimale Darstellung von RGB-Werten, häufig in CSS verwendet. Die Umrechnung:
- Wandle jeden RGB-Wert (0-255) in Hexadezimal (00-FF) um
- Füge die drei Werte zusammen mit # davor
Beispiel: RGB(255, 128, 64)
- 255 → FF
- 128 → 80
- 64 → 40
- Ergebnis: #FF8040
Weitere Farbformate
HSL (Hue, Saturation, Lightness)
HSL beschreibt Farben intuitiver: Farbton (0-360°), Sättigung (0-100%), Helligkeit (0-100%). Praktisch zum Anpassen von Farbtönen.
RGBA (mit Transparenz)
RGBA erweitert RGB um einen Alpha-Kanal (0-1) für Transparenz. rgba(255, 0, 0, 0.5) ist halbtransparentes Rot.
Webfarben in CSS
CSS unterstützt verschiedene Farbformate:
color: rgb(255, 128, 0);color: #FF8000;color: hsl(30, 100%, 50%);color: orange;(benannte Farben)
Häufig gestellte Fragen
Warum sehen Farben auf verschiedenen Monitoren unterschiedlich aus?
Jeder Monitor hat einen eigenen Farbraum und Kalibrierung. Für farbkritische Arbeit (Fotografie, Design) sollten Monitore kalibriert werden.
Was ist der Unterschied zwischen 8-Bit und 16-Bit Farbe?
8-Bit RGB hat 256 Stufen pro Kanal (16,7 Mio. Farben). 16-Bit hat 65.536 Stufen pro Kanal (Billionen Farben) – wichtig für professionelle Bildbearbeitung.
Wie finde ich Komplementärfarben?
Die Komplementärfarbe liegt im Farbkreis gegenüber. In RGB: Subtrahiere jeden Wert von 255. Komplementär zu RGB(255, 100, 50) ist RGB(0, 155, 205).