Farbmodelle verstehen

Farben auf digitalen Bildschirmen werden durch Mischen von rotem, grünem und blauem Licht (RGB) erzeugt, wobei jeder Kanal von 0 bis 255 reicht. Webentwickler drücken diese Werte typischerweise als sechsstellige Hexadezimalcodes aus — zum Beispiel bedeutet #FF5733 volles Rot (FF = 255), mittleres Grün (57 = 87) und wenig Blau (33 = 51). Designer bevorzugen oft HSL (Farbton, Sättigung, Helligkeit), weil es intuitiver der menschlichen Farbwahrnehmung entspricht: Der Farbton dreht durch das Farbrad, die Sättigung kontrolliert die Lebhaftigkeit und die Helligkeit die Helligkeit — alles unabhängig voneinander.

Wann CMYK statt RGB verwenden

Der fundamentale Unterschied zwischen CMYK und RGB ist additive versus subtraktive Farbmischung. RGB ist additiv: Alle drei Primärfarben bei voller Intensität ergeben weißes Licht — so funktionieren Monitore und Bildschirme. CMYK ist subtraktiv: Tinten absorbieren Lichtwellenlängen, sodass das Mischen von Cyan, Magenta, Gelb und Schwarz sich reinem Schwarz nähert. Das bedeutet, dass in RGB gestaltete Farben im Druck anders aussehen können. Professionelle Designer konvertieren immer zu CMYK, bevor sie Druckvorlagen senden.

HSV vs HSL: Das richtige Modell wählen

HSV (Farbton, Sättigung, Wert) und HSL sehen ähnlich aus, verhalten sich aber an den Extremen unterschiedlich. Bei HSV ergibt ein Wert von 100% immer die reinste Version einer Farbe. Bei HSL ergibt eine Helligkeit von 50% die reinste Farbe, mit 0% als Schwarz und 100% als Weiß. HSV wird in Farbwählern und Malanwendungen bevorzugt, während HSL in CSS und Webdesign bevorzugt wird, weil seine Helligkeitsachse vorhersagbarer für die Erstellung barrierefreier Farbpaletten ist.

Häufig gestellte Fragen