Выбор цвета, сочетания цветов, сайты для работы с цветовыми решениями.

Выбор цвета, сочетания цветов, сайты для работы с цветовыми решениями.

Как выбрать правильные цвета и их сочетания:

Тем, кому некогда и хочется побыстрее перейти к сервисам, сайтам и ресурсам для выбора цветового сочетания для сайта, портфолио или даже Бренда – Перейти в конец статьи тут…

Тем, кто хочет потратить 5 минут и посмотреть принятую большинством дизайнеров систему цветовых сочетаний читать далее. Считаю, что нарушать устоявшиеся каноны надо начинать с их изучения. Так что не надо пропускать…

Как правильно сочетать цвета. Учимся пользоваться цветовым кругом

Что такое цветовой круг?
Это диск, на котором отображены все основные цвета и их максимально количество оттенков.

цветовой круг

Цветовой круг – это самый полезный инструмент для сочетания цветов.
Он универсален. Подходит для одежды, для интерьера и для создания корпоративных фирменных цветов.

Варианты сочетания.
1. Монохромное сочетание. Сюда входят цвета одного светового сектора.

монохромное сочетание

Простыми словами – это все возможные оттенки одного цвета. Это все образы с приставкой total. Total red, total pink и т.д. Чтобы оживить монохромный образ в него можно добавить, нейтральный цвет (чёрный или белый).

2. Комплементарное сочетание. Сочетание цветов, которые находятся на противоположных сторонах цветового круга.

Сочетание цветов

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

Подобное сочетание так же хорошо работает с пастельными оттенками, тогда образы будут более спокойные и нежные.

3. Аналогичное сочетание. Сочетание цветов, которые находятся на цветовом круге по соседству друг с другом.

по соседству друг с другом

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

4. Триада. Сочетание трех цветов, которые расположены на одинаковом расстоянии друг от друга.

Сочетание трех цветов

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

максимально контрастным

Но даже при таком использовании пастельных тонов образ не перестанет быть живым и ярким.

5. Раздельно-комплементарное сочетание. Особенность в том, что вместо противоположного цвета применяются смежные с ним цвета.

смежные с ним цвета

За основу мы берём один цвет, а те, что напротив – дополнительные. Образы выглядят так же контрастно, но не так напряжённо.

варианты сочетания цветов

Для тех, кто боится применять комплементарное сочетание предлагаю попробовать раздельно-комплементарное сочетание. Для совсем смелых и ценителей ярких образов есть ещё два варианта сочетания цветов.

6. Квадрат. Сочетание 4 цветов, которые находятся на равном расстоянии друг от друга.

Сочетание 4 цветов

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

7. Тетрада. Также сочетание 4 цветов.

Сочетание 4 цветов тетрада

Но за основу берётся один цвет (например, сине-зеленый), два цвета являются дополняющими (сине-фиолетовый и красно-оранжевый),
а третий цвет выделяет акценты (жёлт-оранжевый).

ССЫЛКИ НА РЕСУРСЫ по работе с сочетаниями цветов (только те, с которыми сам работал):

Сайт, который мне дает всё: https://coolors.co/ – лучше заходить в хроме сразу с переводом на русский (для тех кто не рубит в английском, как и я).
Нажать “генератор”, потом сверху значок фотоаппарата – Загружаем фото и получаем рекомендуемую палитру из цветов этого изображения.
Это нужно например для создания палитры из указанных корпоративных цветов.
Нажмите пробел — сервис автоматически создает сочетание из 5-ти цветов – листайте и выбирайте!
Нажмите “проводить исследования” – увидите кучи цветовых схем с рейтингом.
СОВЕТУЮ – потратить час времени и изучить данный сайт.
САЙТ с похожим функционалом https://colordrop.io/

http://tinkova.ru/podbor-tsveta-onlayn/sochetanie-tsvetov-onlayn – Двигай ползунки и ищи сочетания цветов

https://get-color.ru/extractor/ по картинке подобрать сочетание цветов – нажать на пипетку

https://www.degraeve.com/color-palette/ дает оптимальную палитру по ссылке на фото

http://www.colorhunter.com/ – по фото классные сочетаемые цвета для сайта

https://palettegenerator.com/ по картинке 7 цветов

http://brandcolors.net/ брендовые цвета

P\s Известный всем дизайнерам сайт Фотошоп мастер сменил свой бренд, название и адрес – Всё про это тут: https://creativo.one/post/3-fotoshop-master-transformatsiya

 

Понравилась статья? Поделиться с друзьями:
Brings Luck
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.