Що таке HSL? Де використовується? Чи має альфа канал?
HSL - це система представлення кольорів, яка базується на трьох параметрах: відтінок (Hue), насиченість (Saturation) і світлота (Lightness). Кожен з цих параметрів визначає різні аспекти кольору:
- Відтінок (Hue): Визначає тип кольору та його місце в колі відтінків. Відтінок вимірюється у градусах і може приймати значення від 0 до 360.
- Насиченість (Saturation): Визначає насиченість кольору. Значення насиченості від 0 до 100%, де 0% означає відсутність кольору (відтінок в стані сірого), а 100% - максимальна насиченість.
- Світлота (Lightness): Визначає яскравість кольору. Значення світлоти також варіюється від 0 до 100%, де 0% представляє чорний колір, 100% - білий колір, а значення посередині представляють різні відтінки сірого.
HSL часто використовується у веб-дизайні та графіці для зручності визначення та роботи з кольорами, оскільки ця система надає інтуїтивно зрозумілі параметри, що відображають способи, якими люди сприймають та описують кольори.
Кількість можливих HSL кольорів
Відтінок може мати 360 різних значень (від 0 до 359). Насиченість та світлота можуть мати по 101 різне значення (від 0 до 100). Загальна кількість можливих кольорів: 360×101×101=3,656,400.
Тож це менше ніж у RGB та HEX.
HSL прозорість
Альфа-канал, в оригінальній HSL-моделі він відсутній. Однак, існують розширені варіанти HSL, такі як HSLA (Hue, Saturation, Lightness, Alpha), де додається альфа-канал для визначення прозорості кольору. Формат HSLA дозволяє використовувати HSL для визначення кольору і додавати альфа-канал для управління прозорістю.