Дисклеймер

Інформація на сайті tseivo.com є суб'єктивною та відображає особисті погляди та досвід авторів та авторок блогів.

Використовуйте цей ресурс як одне з декількох джерел інформації під час своїх досліджень та прийняття рішень. Завжди застосовуйте критичне мислення. Людина сама несе відповідальність за свої рішення та дії.

Що таке 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 для визначення кольору і додавати альфа-канал для управління прозорістю.
📝 Більше публікацій: