Подбор цвета: 4 полезных инструмента от Canva

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

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

В редакторе Canva⁠(открывается в новой вкладке или окне) есть удобный инструмент, который позволяет создать гармоничную комбинацию цветов на основе любой фотографии. Для этого перейдите на страницу подбора цвета по фото⁠(открывается в новой вкладке или окне) и загрузите свое изображение. Генератор распознает основные оттенки на фото и покажет их названия и hex-коды.

Чтобы использовать hex-коды в графическом редакторе, просто кликните по цвету и его код автоматически скопируется в буфер обмена.

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

Если ломаете голову над подбором цвета для дизайна, воспользуйтесь нашей коллекцией готовых комбинаций⁠(открывается в новой вкладке или окне). «Спортивный стиль», «Королевская элегантность», «Шоколадная крошка» — в Canva представлены сотни наборов цветов с названиями, которые хорошо передают настроение каждого из них.

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

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

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

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

Для вдохновения посмотрите нашу статью с коллекцией из 100 разных комбинаций⁠(открывается в новой вкладке или окне), в которой мы на примерах показали, как управлять настроением дизайна с помощью грамотного подбора цвета.

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

В коллекции Canva вы найдете 121 цвет и описание каждого из них⁠(открывается в новой вкладке или окне). На странице с описанием конкретного цвета вы узнаете, какие эмоции и чувства он вызывает, с чем может ассоциироваться, с какими цветами и как его лучше сочетать.

Используйте знания о значении разных оттенков для грамотного подбора цвета для сайта, социальных сетей, буклета или других задач. Чтобы узнать об этом больше, читайте статью о цветах и их значении⁠(открывается в новой вкладке или окне).

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

Рассказываем о том, как установить и использовать расширение для перевода на примере Google Переводчика для браузера Chrome. Для начала зайдите на страницу расширения Google Переводчик⁠(открывается в новой вкладке или окне) в интернет-магазине Chrome и нажмите «Установить».

Иконка расширения появится в строке поиска. Чтобы перевести страницу, кликните по ней и выберите русский язык. Вот иллюстрация, в которой мы перевели одну из страниц Canva с помощью расширения Google Переводчик.

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

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

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

Для начала введите hex-код цвета в окошке под кругом или выберите его, перемещая курсор. В примере мы выбрали оттенок зеленого цвета.

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

Если кликнуть по цвету, вам откроются дополнительные настройки. Здесь можно изменить яркость, насыщенность и контрастность по своему вкусу.

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

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

Подписывайтесь на обновления в Телеграме⁠(открывается в новой вкладке или окне), ВКонтакте⁠(открывается в новой вкладке или окне) и Яндекс Дзене⁠(открывается в новой вкладке или окне), чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!