HSL означает оттенок, насыщенность и яркость и представляет собой представление цветов в цилиндрических координатах.
Значение цвета HSL задается с помощью функции hsl(): hsl(hue, насыщенность, яркость)
Оттенок — это градус цветового круга (от 0 до 360): 0 (или 360) — красный, 120 — зеленый, 240 — синий. Насыщенность — это процентное значение; 0% означает оттенок серого, а 100% — полный цвет. Легкость — это тоже процент; 0 % — черный, 100 % — белый.
Зеленый
Светло зеленый
Темно зеленый
Пастельно зеленый
Фиолетовый
Пастельно фиолетовый