HSL na RGBA

Porównaj HSL z RGBA

HSL, HLS lub HSI (z angielskiego barwa, nasycenie, jasność (intensywność)) to model kolorów, w którym współrzędne kolorów to odcień, nasycenie i jasność. Należy zauważyć, że HSV i HSL to dwa różne modele kolorów (jasność, która różni się od jasności). Model kolorów HSL umożliwia interpretację podstawowego modelu RGB w odwzorowaniu cylindrycznego układu współrzędnych kolorów. Kolorystów uważa, że HSL pozwala określić kolory w sposób bardziej czytelny dla człowieka niż typowy model RGB. Skrót HSL jest interpretowany jako odcień (kolor / odcień), nasycenie (nasycenie), jasność / luminancja (luminancja, której nie należy mylić z jasnością). Pierwszy czynnik (Hue) wskazuje współrzędne koloru na kole kolorów (od 0 do 360 stopni). Drugi współczynnik (nasycenie) przekazuje wartość nasycenia w procentach (od 0% do 100%). Ostatni czynnik (Lightness) wskazuje procent jasności (od 0% do 100%).

RGBA oznacza Red Green Blue Alpha. Chociaż czasami nazywana jest przestrzenią kolorów, w rzeczywistości jest to trójkanałowy model kolorów RGB, powiększony o czwarty kanał alfa. Alfa określa, jak nieprzezroczysty jest każdy piksel, i umożliwia łączenie obrazu z innymi za pomocą mieszania alfa, z przezroczystymi obszarami i wygładzaniem krawędzi nieprzezroczystych obszarów. Format RGBA jest podobny pod względem składni do RGB, ale zawiera kanał alfa, który kontroluje przezroczystość elementu. Wartość 0 odpowiada pełnej przezroczystości, 1 - kryciu, a wartość pośrednia, taka jak 0,5 - półprzezroczystości. RGBA został dodany w CSS3, więc sprawdzanie poprawności kodu CSS powinno odbywać się przy użyciu tej wersji. Należy zauważyć, że standard CSS3 jest nadal w fazie rozwoju i niektóre jego funkcje mogą ulec zmianie. Na przykład kolor RGB dodany do właściwości background-color jest sprawdzany, ale kolor dodany do właściwości background już nie. Jednocześnie przeglądarki całkiem poprawnie rozumieją kolor dla obu właściwości.