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 для визначення кольору і додавати альфа-канал для управління прозорістю.