Найти в Дзене
dessaign.ru

Инструменты цвета

Оглавление

Все любят цвета. Цвета являются одними из самых важных элементов любого дизайна. Однако найти наиболее подходящую цветовую палитру для проекта - непростая задача. Тут как раз выручат инструменты цвета.

Теория цвета - такая серьезная вещь, что даже Гете написал книгу на эту тему. Если вы хотите найти идеальную цветовую схему, есть много правил и рекомендаций, которым нужно следовать. Тем не менее, вам не обязательно быть опытным колористом. Есть также несколько онлайн-инструментов, которые могут помочь вам создать классную цветовую палитру.

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

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

Генераторы цветовой палитры позволяют вручную проектировать палитру. Обычно вам приходится работать с цветовым кругом и вычислять связанные с цветом метрики, такие как оттенок, контрастность, яркость и другие.

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

1. COLOURlovers

COLOURlovers - крупнейшее онлайн-сообщество, работающее с цветами. Вы можете просматривать миллионы палитр, загруженных участниками. Помимо галереи, в COLOURlovers также есть свой собственный генератор цветовой палитры под названием COPASO. Помимо цветов, вы также можете просматривать узоры, шаблоны узоров и фигуры на COLOURlovers.

2. Adobe Color CC

-2

С помощью цветового круга Adobe можно создавать аналогичные, монохроматические, триадные, дополнительные и сложные цветовые палитры. Там также есть возможность создавать разные оттенки одного цвета. Его интерфейс прост и удобен в использовании, можно перемещать само цветовое колесо или ползунки диапазона под ним. В Adobe Color CC также есть цветовая галерея, где вы можете посмотреть работы других дизайнеров.

3. ColorDrop.io

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

-3

4. Ambiance

-4

Ambiance берет случайные цветовые палитры из COLOURlovers и отображает их в виде огромных карт цвета. Зачем тогда использовать Ambiance? Его главное преимущество заключается в чистоте интерфейса. Он очень прост в использовании, вы просто нажимаете кнопку «Создать», пока не найдете нужную палитру. Вы можете скопировать коды цветов в буфер обмена одним щелчком мыши.

5. Palettable

-5

Palettable, пожалуй, самый забавный генератор цветовой палитры. Приложение отображает случайный цвет сразу после того, как вы попали на страницу. Вы можете решить, нравится ли вам цвет или нет, нажимая клавиши «L» или «D». Если вам понравился цвет, то в палитре отображается второй цвет, соответствующий первому. Если он вам не понравился, вам предоставляется новый цвет, пока вы не нажмете «L». К концу у вас есть полная цветовая палитра, готовая к использованию. Если серьезно, попробуйте этот инструмент, даже если вы не хотите использовать его позже, это невероятно интересно.

6. Colorion

-6

Colorion имеет три цветовых галереи: одну для обычных цветовых палитр, одну для дизайна материалов и одну для плоского дизайна пользовательского интерфейса. Если вы нажмете на цвет, вы можете искать соответствующие палитры. Colorion также предоставляет вам панель поиска, в которой вы можете найти все основные цвета и связанные с ними палитры. Кроме того, он имеет простой генератор цветовой палитры, который позволяет генерировать цветовую палитру материала, составленную на основе загруженного изображения.

7. Material Design Palette

-7

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

8. Coolors

-8

Coolors генерирует новую цветовую палитру всякий раз, когда вы нажимаете клавишу пробела. Каждая палитра состоит из пяти цветов. Coolors имеют несколько полезных функций. Например, вы можете проверить альтернативные оттенки каждого цвета, настроить оттенок, насыщенность и яркость цвета, заблокировать цвет, создать палитры для различных отклонений зрения и многое другое. Вы также можете загрузить Coolors в качестве приложения для iOS, дополнения Adobe и расширения Chrome.

9. Colormind

-9

Colormind - это генератор цветовых схем, который использует глубокое обучение. У этого инструмента есть возможность изучать цветовые стили из фотографий и различных произведений искусства. У Colormind есть отличный блог, в котором подробно объясняется, как работает эта технология. Вы можете генерировать случайные цвета или блокировать один или несколько цветов в начале и создавать связанные палитры. У вас также есть возможность загрузить изображение и позволить Colormind извлечь его наиболее представительные цвета.

10. Canva Color Palette Generator

-10

Canva - это очень простой генератор цветовой палитры, с помощью которого можно извлекать цвета любой фотографии. Он имеет приятный интерфейс перетаскивания, так что вы можете просто сбросить фотографии с вашего компьютера и нажать пуск, а затем просто скопировать код цвета одним кликом мыши.

Следующие шаги

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

Самое главное, вам нужно найти основной цвет, который передаст ваше сообщение вашей аудитории наиболее эффективным способом. Затем вы можете быстро создать соответствующие цвета, используя генераторы цветовой палитры, упомянутые в этой статье.

Читайте также: