Как выбрать правильные цвета и их сочетания:
Тем, кому некогда и хочется побыстрее перейти к сервисам, сайтам и ресурсам для выбора цветового сочетания для сайта, портфолио или даже Бренда — Перейти в конец статьи тут…
Тем, кто хочет потратить 5 минут и посмотреть принятую большинством дизайнеров систему цветовых сочетаний читать далее. Считаю, что нарушать устоявшиеся каноны надо начинать с их изучения. Так что не надо пропускать…
Как правильно сочетать цвета. Учимся пользоваться цветовым кругом
Что такое цветовой круг?
Это диск, на котором отображены все основные цвета и их максимально количество оттенков.
Цветовой круг – это самый полезный инструмент для сочетания цветов.
Он универсален. Подходит для одежды, для интерьера и для создания корпоративных фирменных цветов.
Варианты сочетания.
1. Монохромное сочетание. Сюда входят цвета одного светового сектора.
Простыми словами — это все возможные оттенки одного цвета. Это все образы с приставкой total. Total red, total pink и т.д. Чтобы оживить монохромный образ в него можно добавить, нейтральный цвет (чёрный или белый).
2. Комплементарное сочетание. Сочетание цветов, которые находятся на противоположных сторонах цветового круга.
Такое сочетание так же называют контрастным. Образы, в которых применяется комплементарное сочетание, смотрятся весьма сочно, ярко и энергично, особенное если в комбинации вы использовали максимально насыщенные оттенки цветов.
Подобное сочетание так же хорошо работает с пастельными оттенками, тогда образы будут более спокойные и нежные.
3. Аналогичное сочетание. Сочетание цветов, которые находятся на цветовом круге по соседству друг с другом.
В идеале — это 2-3 цвета, чтобы образ не был перегружен. Но если вы любите и готовы к экспериментам, то максимальное количество цветов, которые можно сочетать по такому правилу равно пяти.
4. Триада. Сочетание трех цветов, которые расположены на одинаковом расстоянии друг от друга.
Если соединить эти цвета прямыми, то у вас должен получиться треугольник. При гармоничном сочетании ярких цветов образы получаются максимально контрастным.
Но даже при таком использовании пастельных тонов образ не перестанет быть живым и ярким.
5. Раздельно-комплементарное сочетание. Особенность в том, что вместо противоположного цвета применяются смежные с ним цвета.
За основу мы берём один цвет, а те, что напротив — дополнительные. Образы выглядят так же контрастно, но не так напряжённо.
Для тех, кто боится применять комплементарное сочетание предлагаю попробовать раздельно-комплементарное сочетание. Для совсем смелых и ценителей ярких образов есть ещё два варианта сочетания цветов.
6. Квадрат. Сочетание 4 цветов, которые находятся на равном расстоянии друг от друга.
В такой схеме цвета не схожи по тону. Но при этом сочетаются между собой и образ получается динамичным и ярким.
7. Тетрада. Также сочетание 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