HEX, RGB, HSL und CMYK: Wann welcher Farbraum verwendet wird

Von der Redaktion Farbwähler Online • Lesezeit: 8 Minuten

Obwohl das menschliche Auge rund 10 Millionen unterschiedliche Farbnuancen unterscheiden kann, stellt die digitale und drucktechnische Darstellung dieser Vielfalt Programmierer und Gestalter immer wieder vor Herausforderungen. Wer Farbcodes im Webdesign, in der App-Entwicklung oder für Printmedien nutzt, muss verstehen, wie die verschiedenen Farbräume aufgebaut sind.

1. Das additive Farbmodell: RGB und HEX

Computerbildschirme, Smartphones, Tablets und Fernseher basieren auf der additiven Farbmischung. Millionen winziger Leuchtdioden oder Subpixel strahlen Licht in den drei Primärfarben Rot, Grün und Blau ab. Werden alle drei Kanäle mit maximaler Intensität gemischt, entsteht reines Weiß (rgb(255, 255, 255) bzw. #FFFFFF).

• RGB: Gibt die Intensität jedes Farbkanals als Dezimalwert zwischen 0 und 255 an (z. B. rgb(99, 102, 241)).
• HEX: Bildet exakt dieselben drei Werte im Hexadezimalsystem (Basis 16) ab. Die Ziffernpaare #63 (Rot = 99), #66 (Grün = 102) und #F1 (Blau = 241) ergeben zusammen den sechsstelligen Code #6366F1.

2. HSL: Das intuitivste Modell für Webentwickler

Der Nachteil von HEX und RGB liegt in ihrer Abstraktheit: Wenn Sie eine Farbe um 10 % aufhellen oder abdunkeln möchten, müssen Sie alle drei RGB-Werte gleichzeitig manipulieren. Hier glänzt HSL (Hue, Saturation, Lightness):

• Hue (Farbton): Gradzahl auf dem Farbkreis von 0° bis 360° (0° = Rot, 120° = Grün, 240° = Blau).
• Saturation (Sättigung): Intensität der Farbe von 0 % (Graustufe) bis 100 % (reine, leuchtende Farbe).
• Lightness (Helligkeit): Helligkeitsgrad von 0 % (reines Schwarz) über 50 % (normale Farbe) bis 100 % (reines Weiß).

3. CMYK: Das subtraktive Farbmodell für den Druck

Im Akzidenz- und Offsetdruck kann kein Licht abgestrahlt werden — stattdessen werden Druckfarben auf Papier aufgetragen, die bestimmte Wellenlängen des Umgebungslichts absorbieren (subtraktive Farbmischung). Die vier Druckfarben sind Cyan (C), Magenta (M), Gelb (Yellow, Y) und Schwarz (Key, K).

Da der CMYK-Farbraum kleiner ist als der sRGB-Farbraum von Bildschirmen, können manche hochgesättigten Digitalfarben (insbesondere strahlende Blau- und Türkistöne) im Druck nicht 1:1 wiedergegeben werden. Unser Online-Farbwähler berechnet die korrekten CMYK-Prozentwerte automatisch in Echtzeit.