Как Это Работает?

Как скопировать код?

В карточке градиента есть кнопочка "Скопировать код". Нажав на эту кнопочку Вы сможете одним кликом скопировать код в буфер обмена для дальнейшего использования

Как менять цвет?

Кликните на указанный символ и откроется "палитра цветов", где Вы можете изменить цвет.

Вариации генерирования

Каждый раз, когда Вы выбираете цвет, наша AI система выбирает второй цвет для смещивания с выбранным Вами цветом. Меняя вариацию генерирования, Вы можете ловко менять стиль смещивания.

Особенности генерирования

• Пигмент: С помощью этого функционала Вы можете менять состав цвета, то есть его пигменты. Прочитай более подробно про пигментов тут.

• Цветовые метки: Это Color Stops. Когда Вы создаете градиент, условная доска для смещивания 2-х и более цветов берется как 100 процентная зона и Вам решать, на какой точке (то есть color stop) какой цвет будет или в целом сколько таких меток будет. В нашем AI Gradient Generator, программа сама определяет какую вариацию цвет лучше выбрать на той или иной метке. Вам просто остается определить количество этих меток. Но если Вы хотите управлять всеми процессами создания градиента, то Вам лучше использовать Pro Gradient Generator.

• Насыщенность и Светлость: Тут наверное всё и так понятно. С помощью этих опций, Вы можете манипулировать насыщенностью и светлостью конечного результата.

• Вращение и Радиальный: Эти два пункта очень связаны друг с другом. Как Вы знаете самые популярные виды градиента - это линейный и радиальный градиенты (подробно читайте тут). Когда кнопка Радиальный отключена, то Вращение отвечает только линейному виду градиента, иначе оно вступает в роли радиального градиента. Если радиальность активна, то вращение будет производиться только 180 Градусов, иначе на все 360.

Результат в большом экране

Манипулируя цветами и их метками Вы спокойно можете увидеть результат на заднем фоне.

Как добавить новую метку?

Кликая на этой линии на любом для Вас удобном месте, Вы можете создать новую цветовую метку. Новая метка будет иметь тот цвет, где Вы создали эту метку. Если на заднем фоне красный цвет, то и новая метка будет иметь красный цвет и так далее.

Как менять позицию цветовой метки?

Кликав и держав левую кнопку мыщи, Вы сможете перетаскивать выбранную цветовую метку по линии в новую позицию и там самым меняя структуру градиента.

Альтернативный способ менять позицию цветовой метки

Вы можете четко указать новую позицию цветовой метки. Для этого нужно кликать в указанное место и от руки написать новую позицию.

Как менять цвет выбранной метки?

В указанной цветовой палитре, Вы можете менять цвет и его прозрачность.

Альтернативный способ менять цвет выбранной метки

Вы можете присвоить метке свой цвет, если знаете его код. Всего лишь нужно добавлять свой код в одно из указанных на фотографии мест. А также Вы можете скопировать код понравившегося цвета.

Как менять тип градиента?

По умолчанию тип создаваемого градиента - линейный. Но Вы также можете выбрать радиальный типа. Тогда выбор градуса автоматически убирается, так как радиальный тип градиента по умолчанию имеет форму окружность.

Как удалить выбранную метку?

Нажимая на x, Вы можете удалить выбранную метку. Данная функция неактивна для последних двух оставшихся меток, так градиент - это смещивание цветов, то есть по умочланию для создания градиента должны быть как минимум 2 цвета.

Что дальше?

Если Вы не смогли определиться с градиентом, то не отчаиваетесь! В любой момент можете выбрать одно из готовых решений кликнув на нему и начать менять его под свои нужды.

А в конце инструмента, Вы можете увидеть конечный код. Клинув по кнопке Копировать можете скопировать код для дальнейшего его использования.

Что это всё значит?

• Монохроматические цвета: это все цвета (тона, оттенки и оттенки) одного оттенка. В данном случае оттенки выбранного Вами цвета. Подробно можете читать тут.

• Универсальные цвета: универсальные вариации выбранного Вами цвета.

• Подходящие цвета: дополнительным цвета, которые хорошо гармонируют c выбранным Вами цветом. Подробно можете читать тут.

• Аналогичные цвета: это группы цветов, которые расположены рядом с выбранным Вами цветом на цветовом круге. Например, красный, оранжевый и красно-оранжевый. Подробно можете читать тут.

• Четырехцветные цвета: цветовая схема, особый вариант двойной цветовой схемы, с равным расстоянием между всеми цветами. Три основных цвета: красный, зеленый и синий. Три вторичных цвета: желтый, пурпурный и голубой.

• Триадные цвета: Триадная цветовая схема состоит из трех цветов, равномерно расположенных на цветовом круге. Двумя основными триадными палитрами являются основные цвета: красный, синий и желтый, а также вторичные оттенки: оранжевый, фиолетовый и зеленый.

• Смещенные цвета: это цветовая схема, в которой используется один основной цвет (выбранный Вами цвет) и два дополнительных цвета. Вместо использования дополнительного цвета используются два цвета, симметрично расположенные вокруг него на цветовом круге. Основной цвет является основным, а второстепенные цвета следует использовать только для бликов и акцентов.

• Насыщенность и Светлость: меняют соответствующую структуру основного цвета для манипуляции, но не влияют на конвертацию. То есть показываемые цветовые коды принадлежат основному цвету.

• Разные Форматы: это конвертация выбранного Вами цвета в самые востребованные цветовые форматы: HSVA (в отличие от HSV учитывает прозрачность цвета при конвертации, поэтому считается более точным), HSLA (в отличие от HSL учитывает прозрачность цвета при конвертации, поэтому считается более точным), RGBA (в отличие от RGB учитывает прозрачность цвета при конвертации, поэтому считается более точным), HEXA (в отличие от HEXA учитывает прозрачность цвета при конвертации, поэтому считается более точным), CMYK.

Извлечение основных цветов из изображения

• 1. Загружаете новую фотографию нажимая на кнопку, показанную на фотографии.

• 2. Нажимаете на кнопку под номером 2, чтобы извлечь основные цвета. Извлекаться могут максимум 5, минимум 1 цвет, если они являются основными.

• 3. Код извлеченного цвета из изображения можете видеть тут.