HSL až RGBA

Porovnajte HSL s RGBA

HSL, HLS alebo HSI (z anglického odtieňa sýtosť, svetlosť (intenzita)) je farebný model, v ktorom sú farebné súradnice odtieň, sýtosť a svetlosť. Je potrebné poznamenať, že HSV a HSL sú dva rôzne farebné modely (svetlosť, ktorá sa líši od jasu). Farebný model HSL vám umožňuje interpretovať základný model RGB pri premietaní valcového systému farebných súradníc. Koloristi veria, že HSL umožňuje špecifikovať farby ľudskejšie čitateľným spôsobom ako typický model RGB. Skratka HSL sa interpretuje ako Hue (farba / odtieň), Saturation (sýtosť), Lightness / Luminance (jas, nezamieňať s jasom). Prvý faktor (odtieň) označuje farebnú súradnicu v rámci farebného kolieska (od 0 do 360 stupňov). Druhý koeficient (sýtosť) vyjadruje hodnotu sýtosti v percentách (od 0% do 100%). Posledný faktor (Lightness) označuje percento ľahkosti (od 0% do 100%).

RGBA je skratka pre Red Green Blue Alpha. Aj keď sa niekedy označuje ako farebný priestor, v skutočnosti ide o trojkanálový farebný model RGB rozšírený o štvrtý alfa kanál. Alfa určuje, ako nepriehľadné sú jednotlivé pixely, a umožňuje kombinovať obrázky s ostatnými pomocou zmiešania alfa kanálov s priehľadnými oblasťami a vyhladením okrajov nepriehľadných oblastí. Formát RGBA je syntaxou podobný RGB, ale obsahuje alfa kanál, ktorý riadi priehľadnosť prvku. Hodnota 0 zodpovedá úplnej priehľadnosti, 1 nepriehľadnosti a stredná hodnota ako 0,5 polopriehľadnosti. RGBA bola pridaná do CSS3, takže overenie kódu CSS by sa malo vykonať pomocou tejto verzie. Je potrebné poznamenať, že štandard CSS3 je stále vo vývoji a niektoré jeho funkcie sa môžu meniť. Napríklad je overená farba RGB pridaná do vlastnosti background-color, ale farba pridaná do vlastnosti background už nie. Prehliadače zároveň celkom správne rozumejú farbe oboch vlastností.