Итак, мы задали базовый цвет для нашей схемы, от него мы будем отталкиваться при выборе других цветов. Давайте узнаем, как это сделать.
Все цвета модели RGB
можно расположить на цветовом колесе, где они плавно переходят друг в друга.
С помощью LESS-функции spin
можно повернуть цветовое колесо на определённый угол относительно заданного цвета и получить новый цвет. Функция принимает два параметра, синтаксис её такой:
spin(цвет, угол_поворота)
Цвет можно задавать в любом цветовом формате. Значение угла может быть как положительным, так и отрицательным. При положительном угле функция повернёт колесо по часовой стрелке, при отрицательном — против. Примеры:
color: spin(red, 90); // цвет повернётся от красного на 90° по часовой
border-color: spin(#f0f, -45); // цвет на 45° от #f0f
против часовой
Противоположный цвет на колесе называется комплементарным. Он находится под углом 180°
к заданному цвету. Комплементарные цвета используют для создания контраста.
Наш основной цвет находится в сине-фиолетовой области цветового круга. Давайте для него вычислим комплементарный цвет с помощью функции spin
.
Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.