Инструкция по использованию инструмента подбора цвета
На данной странице представлен профессиональный инструмент для подбора гармоничных цветовых сочетаний на основе цветового круга Иттена. Вы можете начать подбор, используя один из двух путей: выбор на круге или ввод готового цвета.
Путь1️⃣ : Выбор схемы и тона на круге
Этот путь подходит, если вы ищете новый основной цвет для вашего проекта.
- 1. Выберите цветовую схему
Определите, сколько цветов вам необходимо для дизайна. В блоке "Виды цветовых схем" выберите нужную гармонию:
- 2 цвета: Комплементарная.
- 3 цвета: Аналоговая, Раздельно-комплиментарная или Триада.
- 4 цвета: Тетрада или Квадрат.
- 2. Установите главный цвет (Тон) На цветовом круге с помощью мыши выберите нужный главный цвет. Инструмент сразу покажет, как выбранная схема (Аналоговая, Триада и т.д.) располагается относительно этого тона, используя чёрные линии-стрелки как графический элемент.
- 3. Настройте насыщенность и яркость Используйте ползунки "Насыщенность" и "Яркость" (Luminosity) в левой колонке, чтобы уточнить оттенки.
Насыщенность: Делает цвета более чистыми и яркими (100%) или приглушенными и серыми (0%).
Яркость: Делает цвета светлее (ближе к белому) или темнее (ближе к чёрному).
Путь2️⃣ : Задать готовый основной цвет
Этот путь идеален, если у вас уже есть один цвет с которым вы определились (например, из логотипа), и вам нужно найти гармонию именно к нему.
- 1. Введите отправную точку В блоке "Задать основной цвет" вставьте код вашего основного цвета. Инструмент поддерживает форматы HEX (#RRGGBB), RGB (rgb(x, y, z)) или HSL.
- 2. Примените цвет Нажмите кнопку "Применить". Инструмент автоматически пересчитает выбранную вами цветовую схему и обновит ползунки Насыщенности/Яркости в соответствии с параметрами вашего введенного цвета.
📋 Копирование и просмотр результатов
Палитра
В области "Палитра" отображается окончательный набор сочетающихся цветов. Эти цвета являются гармоничными и готовы к использованию в дизайне.Выбор формата
Перед копированием выберите желаемый формат цвета в блоке "Формат цвета":
- RGB: Для цифровых экранов.
- HEX: Универсальный код для веб-дизайна. CMYK: Для полиграфии и печати.
Копирование
Нажмите кнопку "копир." рядом с каждым цветом, чтобы скопировать его код в выбранном формате и вставить в свой макет (Photoshop, Figma, Corel Draw и т.д.).
Визуализация
В нижней части страницы, в разделе "Пример использования палитры", вы можете увидеть, как подобранные цвета смотрятся в реальном дизайне: на примере мобильного приложения (смартфона), упаковки (коробки) и графика.
Комментариев нет:
Отправить комментарий