Kleurruimten uitgelegd
FAQ
- Welke kleurruimte moet ik gebruiken voor CSS?
- HEX en RGB zijn standaard. Moderne CSS ondersteunt ook oklch() en lab() voor perceptueel betere verlopen en thema's.
Waarom kleurruimte belangrijk is
Verschillende kleurruimten vertegenwoordigen dezelfde waargenomen kleur op verschillende manieren. Het kiezen van de juiste ruimte heeft invloed op interpolatie, toegankelijkheidscontroles en export naar CSS-, print- of ontwerptools.
Webontwikkelaars werken doorgaans in sRGB (HEX/RGB/HSL), terwijl printworkflows mogelijk CMYK nodig hebben en geavanceerde ontwerptools LAB kunnen gebruiken voor perceptueel uniforme aanpassingen.
HEX, RGB en HSL
HEX is compact en vertrouwd in CSS (#RRGGBB). RGB wordt rechtstreeks toegewezen aan schermkanalen. HSL scheidt tint, verzadiging en lichtheid – handig voor themaaanpassingen en het genereren van tinten en schakeringen.
Gebruik HEX/RGB voor API's en ontwerptokens. Gebruik HSL als u een merkkleur lichter of donkerder wilt maken en de tint stabiel wilt houden.
CMYK, LAB en XYZ
CMYK modelleert subtractieve drukinkten. Het converteren van RGB naar CMYK is een schatting, omdat schermen en printers verschillende kleurengamma's hebben.
LAB en XYZ zijn apparaatonafhankelijk. LAB is vooral handig voor perceptueel gelijkmatige gradiënten en toegankelijkheidsgerelateerde luminantieberekeningen.