HSL naar CMYK

Vergelijk HSL met CMYK

Er zijn verschillende manieren om kleuren in CSS weer te geven. Een daarvan is het HSL-systeem. In dit artikel laat ik je zien welke kansen het biedt voor een lay-outontwerper. De naam van het HSL-formaat is afgeleid van een combinatie van de eerste letters Hue, Saturate en Lightness. Tint is de waarde van een kleur op het kleurenwiel en wordt gegeven in graden. 0 ° is rood, 120 ° is groen en 240 ° is blauw. De tintwaarde kan variëren van 0 tot 359. Verzadiging is de intensiteit van een kleur, gemeten als een percentage van 0% tot 100%. Bepaalt hoe ver een kleur verwijderd is van een grijs met dezelfde helderheid. Helderheid kenmerkt hoe helder een kleur is en wordt aangegeven als een percentage van 0% tot 100%. Lage waarden maken de kleur donkerder en hoge waarden lichter, extreme waarden van 0% en 100% komen overeen met zwart en wit.

Bij kleurenlaserprinten wordt het CMYK-kleurenschema gebruikt, dat uit vier standaardkleuren bestaat: zwart, cyaan, magenta en geel. De naam van het CMYK-kleurenschema komt van de eerste letters van de namen van de kleuren die erin zijn opgenomen. In theorie kan zwart worden verkregen door gelijke hoeveelheden cyaan, magenta en geel te mengen. Maar dit is alleen in theorie. In de praktijk wordt, wanneer de vermelde kleuren proportioneel worden gemengd, niet zwart, maar een vuilbruine kleur verkregen. Dit leidde tot de introductie van zwarte procesverven in het systeem. Een kleurmodel is een manier om kleur te beschrijven in termen van kwantitatieve kenmerken. Een kleurmodel wordt meestal opgevat als een term die een abstract model aanduidt voor het beschrijven van de weergave van kleuren in de vorm van drie- of viercijferige getallen die kleurcomponenten worden genoemd (soms kleurcoördinaten). Het kleurmodel wordt gebruikt om de uitgezonden en gereflecteerde kleuren te beschrijven. Samen met de methode om deze gegevens te interpreteren, bepaalt de set kleuren van het kleurmodel de kleurruimte.