Параметр hsl () в CSS также упрощает настройку тона цвета. Смешивание белого с чистым оттенком создает оттенок этого цвета, а добавление черного дает тень.
В качестве альтернативы тон создается путем добавления серого или путем одновременного тонирования и растушевки. Напомним, что «s» и «l» в hsl () обозначают насыщенность и яркость соответственно. Процент насыщенности изменяет количество серого, а процент яркости определяет, сколько белого или черного в цвете. Это полезно, если у вас есть базовый оттенок, который вам нравится, но вам нужны разные его вариации.
Задание:
- По умолчанию все элементы имеют прозрачный цвет фона (background-color: transparent). Сейчас наш элемент nav имеет голубой фон, потому что фоновый цвет элемента, находящегося за ним, установлен на голубой. Добавьте фоновый цвет к элементу nav, чтобы он использовал тот же голубой оттенок, но имел значения насыщенности 80% и яркости 25%, чтобы изменить его тон и оттенок.
