hsl(0, 0%, 0%)

hsl(0, 0%, 24%)

hsl(0, 0%, 47%)

hsl(0, 0%, 71%)

hsl(0, 0%, 94%)

hsl(0, 0%, 100%)

С цветами HSL оттенки серого создаются путем установки насыщенности на 0% и регулировки яркости в соответствии с тем, насколько темным/светлым должен быть серый цвет.