Advertisement
  1. Web Design
  2. UX/UI
  3. Design Theory

Краткое руководство: создаем цветовую схему из изображения

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

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

Следите за скринкастом

Зачем это может понадобиться? Представьте, например, что вы создаете какой-то дизайн (веб, печатный, любой) и эта работа сезонна, как, например, событие, которое происходит только осенью. Вы можете попытаться вслепую создать цветовую схему, основываясь на своем опыте, либо же использовать "осеннее" изображение. Природа – лучший художник.

Мы используем онлайн инструмент HueSnap.

HueSnap

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

Чтобы создать свою, нажмите Create Palette и загрузите фотографию с компьютера. Как только изображение загрузится, вы сможете выбрать на нем места, которые будут использованы для взятия цвета – вам покажут HEX и RGB значения пикселей, которые вы выбрали. Когда цвет вас устроит, нажмите +, этот цвет сразу же добавится к вашей схеме.

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

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

Полезные ссылки

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.