Farbräume erklärt
FAQ
- Welchen Farbraum soll ich für CSS verwenden?
- HEX und RGB sind Standard. Modernes CSS unterstützt auch oklch() und lab() für wahrnehmungsmäßig bessere Verläufe und Themen.
Warum der Farbraum wichtig ist
Unterschiedliche Farbräume repräsentieren dieselbe wahrgenommene Farbe auf unterschiedliche Weise. Die Auswahl des richtigen Speicherplatzes wirkt sich auf die Interpolation, Barrierefreiheitsprüfungen und den Export in CSS-, Druck- oder Designtools aus.
Webentwickler arbeiten normalerweise in sRGB (HEX/RGB/HSL), während Druckworkflows möglicherweise CMYK benötigen und fortgeschrittene Designtools möglicherweise LAB für wahrnehmungsmäßig einheitliche Anpassungen verwenden.
HEX, RGB und HSL
HEX ist kompakt und vertraut in CSS (#RRGGBB). RGB wird direkt den Bildschirmkanälen zugeordnet. HSL trennt Farbton, Sättigung und Helligkeit – nützlich für Themenoptimierungen und die Erzeugung von Farbtönen und Schattierungen.
Verwenden Sie HEX/RGB für APIs und Design-Tokens. Verwenden Sie HSL, wenn Sie eine Markenfarbe aufhellen oder abdunkeln und gleichzeitig den Farbton stabil halten möchten.
CMYK, LAB und XYZ
CMYK modelliert subtraktive Druckfarben. Die Konvertierung von RGB in CMYK ist ungefähr, da Bildschirme und Drucker unterschiedliche Farbskalen haben.
LAB und XYZ sind geräteunabhängig. LAB ist besonders nützlich für wahrnehmungsmäßig gleichmäßige Farbverläufe und barrierefreie Luminanzberechnungen.