HSL till RGBA

Jämför HSL med RGBA

HSL, HLS eller HSI (från den engelska nyansen, mättnad, ljushet (intensitet)) är en färgmodell där färgkoordinaterna är nyans, mättnad och ljushet. Det bör noteras att HSV och HSL är två olika färgmodeller (ljusstyrka, som skiljer sig från ljusstyrka). HSL-färgmodellen låter dig tolka bas-RGB-modellen i projektionen av ett cylindriskt färgkoordinatsystem. Colorists tror att HSL tillåter dig att specificera färger på ett mer läsbart sätt än den typiska RGB-modellen. Förkortningen HSL tolkas som nyans (färg / nyans), mättnad (mättnad), ljushet / luminans (luminans, inte att förväxla med ljusstyrka). Den första faktorn (Hue) indikerar färgkoordinaten i färghjulet (från 0 till 360 grader). Den andra koefficienten (mättnad) överför mättnadsvärdet i procent (från 0% till 100%). Den sista faktorn (ljusstyrka) anger procentandelen ljusstyrka (från 0% till 100%).

RGBA står för Red Green Blue Alpha. Även om det ibland kallas ett färgutrymme är det faktiskt en RGB-färgmodell med tre kanaler, förstärkt med en fjärde alfakanal. Alpha anger hur ogenomskinlig varje pixel är, och låter dig kombinera en bild med andra med alfablandning, med transparenta regioner och jämna ut kanterna på ogenomskinliga regioner. RGBA-formatet liknar RGB i syntax, men innehåller en alfakanal som styr elementets transparens. Ett värde på 0 motsvarar full transparens, 1 till opacitet och ett mellanvärde som 0,5 till semi-transparens. RGBA lades till i CSS3, så CSS-kodvalidering bör göras med den här versionen. Det bör noteras att CSS3-standarden fortfarande är under utveckling och vissa funktioner i den kan förändras. Till exempel valideras en RGB-färg som läggs till egenskapen bakgrundsfärg, men färgen som läggs till bakgrundsegenskapen är inte längre. Samtidigt förstår webbläsare färgen på båda egenskaperna korrekt.