HSL naar RGBA

Vergelijk HSL met RGBA

HSL, HLS of HSI (van het Engelse tint, verzadiging, lichtheid (intensiteit)) is een kleurmodel waarin de kleurcoördinaten tint, verzadiging en lichtheid zijn. Opgemerkt moet worden dat HSV en HSL twee verschillende kleurmodellen zijn (lichtheid, die verschilt van helderheid). Met het HSL-kleurmodel kunt u het RGB-basismodel interpreteren in de projectie van een cilindrisch kleurcoördinatensysteem. Colorists zijn van mening dat u met HSL kleuren kunt specificeren op een meer leesbare manier voor mensen dan met het typische RGB-model. De afkorting HSL wordt geïnterpreteerd als Tint (kleur / tint), Verzadiging (verzadiging), Lichtheid / Luminantie (luminantie, niet te verwarren met helderheid). De eerste factor (Hue) geeft de kleurcoördinaat binnen het kleurenwiel aan (van 0 tot 360 graden). De tweede coëfficiënt (Verzadiging) geeft de verzadigingswaarde weer als een percentage (van 0% tot 100%). De laatste factor (Lichtheid) geeft het percentage lichtheid aan (van 0% tot 100%).

RGBA staat voor Red Green Blue Alpha. Hoewel het soms een kleurruimte wordt genoemd, is het eigenlijk een driekanaals RGB-kleurmodel, aangevuld met een vierde alfakanaal. Alpha geeft aan hoe ondoorzichtig elke pixel is, en stelt u in staat een afbeelding met andere te combineren met behulp van alfa-overvloeiing, met transparante gebieden en het verzachten van de randen van ondoorzichtige gebieden. Het RGBA-formaat is qua syntaxis vergelijkbaar met RGB, maar bevat een alfakanaal dat de transparantie van het element regelt. Een waarde van 0 komt overeen met volledige transparantie, 1 met dekking en een tussenliggende waarde zoals 0,5 met semi-transparantie. RGBA is toegevoegd in CSS3, dus CSS-codevalidatie moet worden uitgevoerd met deze versie. Opgemerkt moet worden dat de CSS3-standaard nog in ontwikkeling is en dat sommige functies erin kunnen veranderen. Een RGB-kleur die aan de eigenschap background-color is toegevoegd, wordt bijvoorbeeld gevalideerd, maar de kleur die aan de eigenschap background-color is toegevoegd, niet langer. Tegelijkertijd begrijpen browsers de kleur voor beide eigenschappen heel goed.