🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2022-07-15

CSS функции hsl() и hsla() позволяют задавать цвета через параметры оттенка, насыщенности, светлоты и прозрачности. Они особенно полезны для создания богатых градиентов, тонких оттенков и динамических эффектов с плавной настройкой цвета. В hsl() уровень прозрачности не указывается, а в hsla() — есть.

Примеры:

color: hsl(120, 100%, 50%);
background-color: hsla(240, 80%, 60%, 0.5);

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.