7 лучших сервисов для работы с цветом и подбора гармоничных оттенков

Цветовой круг и правила сочетания цветов в интерьере

При выборе цветовой палитры для интерьера не обязательно обращаться к дизайнеру и тратить кучу денег – можно самостоятельно воспользоваться «колористической шпаргалкой» – цветовым кругом.

Credit: @

Градация цветов в круге.

Он представляет собой окружность, разделенную на 12 цветовых секторов. Основу составляют три цвета: красный, синий и желтый, расположенные по трем сторонам. Между ними – их производные: фиолетовый (между красным и синим), оранжевый (между красным и желтым) и зеленый (между синим и желтым). Остальные 6 также являются производными оттенками. Цветовой градиент начинается от центра, где располагаются самые светлые оттенки сектора, внешнее кольцо – самое темное.

Credit: @

Основные и производные цвета круга.

Первичные цвета и их производные.

С помощью этой цветовой палитры сочетания цветов в интерьере подбираются по одному из типов:

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

В более широком смысле гармоничное сочетание цветов в интерьере можно подобрать исходя из основных схем:

1. Аналоговая схема – самый оптимальный вариант оформления. В ход идут три соседних спектра – спокойная и гармоничная обстановка вам обеспечена.

Credit: @

Аналогичное сочетание цветов.

Credit: @

Яркость аналогового сочетания голубого цвета с другими в интерьере.

2. Комплементарное сочетание включает основной цвет, 1-2 контрастных оттенка для подчеркивания деталей обстановки – все три диаметрально расположены, – а также нейтральный оттенок – черный, белый, серый или бежевый.

Credit: @

Комплементарное сочетание цветов.

Credit: @

Полярные цвета в дизайне гостиной.

Розово-лазурные тона – классический контраст.

ВАЖНО: хороший выбор – сочетание ярких цветов в интерьере с серым. Этот нейтральный оттенок «оттягивает» на себя агрессивную яркость, уравновешивая цветовую гамму.. 3

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

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

Credit: @

Контрастная триада оттенков.

Credit: @

Желто-фиолетовая контрастная гамма.

4. Классическая триада порождает сложные цветовые сочетания в интерьере. Три равноудаленных цвета на круге – один как основа, два других расставляют акценты. Для смягчения «пестроты» можно добавить нейтральных тонов.

Credit: @

Классическая триада оттенков.

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

Credit: @

Прямоугольная схема сочетаний.

Credit: @

Квадратная цветовая схема.

ВАЖНО: сколько бы не было у вас цветов, во избежание «светофорности» помещения правильнее будет взять лишь один за основу, а остальные использовать в качестве дополнительных или акцентных.

Credit: @

Схематичное сочетание цветов в интерьере.

Принципы и типы формирования сочетаемых цветов

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

В палитре сочетаемых цветов может быть от двух до семи красок и оттенков

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

Цветовой круг и правила его использования

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

Круг сочетаемости цветов — для подбора базовых цветов для интерьера

Как видите, черный, серый и белый в круге не представлены. Они в чистом виде в природе не существуют, при оформлении интерьера могут использоваться как основные (белый и серый) или дополнительные.

Количество цветов

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

Цветов много, но в одном интерьере они смотрятся гармонично. Это потому что подобраны правильно — сочетаются между собой

Но для интерьера два оттенка — это слишком монотонно и скучно. Гораздо интереснее комнаты оформленные с сочетанием трех, четырех или более цветов. При этом использовать цвета в равных пропорциях неправильно. Один-два из них выбираются как основные, их «много». В эти цвета окрашивают стены, пол, они присутствуют в обивке мебели, текстиле. Еще один-два используется как дополнительные. Их не так много, но они заметны. Остальные — сколько бы их не было — служат для внесения разнообразия и акцентов. Они присутствуют в небольших количествах — это детали декора, подушки и т.п. Если вы присмотритесь к интерьерам, которые вам нравятся, скорее всего, обнаружите такую закономерность распределения цветов.

Сочетание цветов в интерьере на основе цветового круга

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

  • Аналоговая триада — это несколько оттенков, расположенных один воле другого. Так можно выбрать два-четыре оттенка.
  • Контрастные цвета — два цвета, расположенных один напротив другого. Они хорошо смотрятся вместе.

  • Комплиментарная триада. Вместо одного из контрастных цветов берут два прилегающих к нему с обеих сторон.
  • Двойная разделенная контрастная схема совмещения цветов. Формируется она двумя способами: по вписанному квадрату — берется каждый третий цвет в круге, или по вписанному прямоугольнику — нижние два цвета по комплиментарному принципу (через один) и так же подобранные к ним контрастные.
  • Трехцветная (триада) схема. Выбирают базовый цвет, к нем два дополнительных — через три оттенка от базового.

Только по этим принципам можно сформировать несколько десятков сочетаний. Но еще есть предельно удаленные пары и сочетаемые четыре цвета. Это еще добавляет количество вариантов.

Дополнительные принципы формирования групп сочетаемых цветов

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

В рамках одного цвета можно взять несколько оттенков, добавить штрихи нейтральных цветов — вот и готов монохромный интерьер

Поиграться с цветом порой интересно. А чтобы не было слишком уж скучно, в качестве акцентов можно использовать «универсальные» — черный, белый, серый или красный — по вкусу, в зависимости от желаемого настроения и назначения помещения.

Подберите размер нового полотна

Это необходимо, чтобы не пришлось возиться с зауживанием или, наоборот, расширением проёма. Стандартные размеры дверей — 2 м в высоту и 60, 70, 80 или 90 см в ширину. Двустворчатые двери обычно комбинируются из двух полотен. Например, 120 см — это 60 + 60.

Поскольку полотно устанавливается в дверную коробку, да ещё и с зазорами для монтажной пены, проём должен быть чуть больше. Как правило, на 8–10 см. Сюда входит толщина рамы и все необходимые зазоры.

Измерьте ширину проёма и выберите полотно на 8–10 см уже.
Измерьте высоту проёма от чистового пола и убедитесь, что она больше высоты двери на 6–9 см.
Замеры проведите в нескольких местах и берите во внимание самый меньший результат. Например, если ширина проёма внизу составляет 89 см, посередине — 91 см, а вверху — 90 см, то нужно считать ширину равной 89 см.

Paint Tester

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

  1. Фотографируют под нужным углом комнату или ее часть.
  2. Устанавливают программу, открывают и заливают фото.
  3. Экспериментируют с оттенками. Сначала выбирают любой цвет, например, светло-голубой.
  4. Используют инструмент на выбор — «кисть» или «заливка». С помощью кисти можно точечно украсить комнату и детали. Второй вариант позволяет закрасить целиком элементы одинаковой фактуры и размеров.

Использование цветового тестера для Андроид Paint Tester

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

ВАЖНО! Опции приложения позволяют изменить яркость, которая влияет на цветовую гамму

Adobe Colour CC

Компания Adobe переименовала свой проект Kuler в Colour

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler. Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC.

Он позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Инструмент доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию, то вы сможете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.

Mudcube Colour Sphere

Если вы не уверены по поводу вашей цветовой схемы, то у Mudcude есть собственная галерея готовых ресурсов

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

The Color App

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB, HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

Color Hunter

Color Hunter формирует цветовую схему на основе выбранного изображения

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

Color

Color позволяет находить идеальные цвета, перемещая курсор мыши

Удобное миниатюрное веб-приложение. Наведите курсор мыши на экран, и определите нужный цвет, затем прокрутите немного, чтобы подобрать оттенок. После чего инструмент выдаст все необходимые HEX-коды, которые можно использовать в собственных проектах. Один из самых простых в использовании инструментов.

ColorZilla

ColorZilla доступен как для Chrome, так и для Firefox

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

colr.org

Colr.org позволяет установить диапазон цветов любого изображения

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

ColorBlender

ColorBlender генерирует палитру из пяти сочетающихся цветов

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

GrayBit

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

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

Shutterstock Spectrum

Изображения можно фильтровать по цветовому балансу и яркости

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

ColoRotate

Данная публикация является переводом статьи «The 28 best tools for choosing a colour scheme» , подготовленная редакцией проекта.

Цветовой круг – деление

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


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

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


Схемы сочетаний по цветовому кругу

Монохром

Монохроматическим сочетанием принято считать комбинацию оттенков одного цвета – от светлых до темных тонов. Объединяя в образе монохромные цвета получается удивительный эффект – total look.


Монохром в цвете


Total look

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

КАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | УЧИМСЯ НОСИТЬ ЦВЕТА - Часть IIIКАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | УЧИМСЯ НОСИТЬ ЦВЕТА — Часть III

Ахроматические цвета


Ахроматические цвета и их сочетания


Ахроматический цвет — черный


Ахроматический цвет — белый


Ахроматические оттенки — серый

Комплиментарные цвета

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


Комплиментарные цвета в одежде

КАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | КАК МИКСОВАТЬ ЦВЕТА |КАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | КАК МИКСОВАТЬ ЦВЕТА |

Аналоговые цвета

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


Аналоговые цвета

КАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | УЧИМСЯ НОСИТЬ ЦВЕТА - Часть IIКАК СОЧЕТАТЬ ЦВЕТА В ОДЕЖДЕ | УЧИМСЯ НОСИТЬ ЦВЕТА — Часть II

Триада (классическая, контрастная)

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


Триада — примеры использования трех цветов

  1. Классическая. Подбор цветов на цветовом круге осуществляется под углом в 120 градусов. За основу здесь взяты красный, синий и желтый, являющиеся равноудаленными.


Контрастная. Подобная комбинация выглядит менее контрастной и получается благодаря объединению рядом стоящих оттенков.

Тетрада

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


Тетрада — варианты схемы

Выбор готовой палитры

Бесплатный онлайн подбор цветов, все палитры уже готовы, вы только выбираете. В программе ColorDrop (https://colordrop.io/ ) представлены очень удобные 4-х цветные палитры для различных целей. Палитры составлены специалистами по цветовому оформлению. Цвета обозначены в различных кодах, что дает больше возможности для подбора в компьютерной графике, художественной краски, строительной краски, цвета ткани, отделки, полиграфии.

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

Комоды и тумбы

Различные варианты

На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплементарных цветов, что называется «двойной комплемент» (double complement). Скажем, жёлтый и пурпурный/лиловый, и синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплементарным одному из цветов триады. Зелёный, красно-пурпурный, красный и оранжевый — пример такой комбинации. Также существует «расщеплённый комплемент» (split complement), когда берётся цвет, его комплементарный цвет и два прилегающих к нему цвета.

И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.

Рис. Е.: эти схемы вдохнут жизнь в любой веб-сайт

Какие ассоциации вызывают цвета?

Цвет — это самый быстрый способ создать первое впечатление, ведь мы считываем визуальные элементы на эмоциональном уровне. Фирменный цвет может на 80% повысить узнаваемость бренда, а значит, и привязанность потребителей.

Какой оттенок вы представляете, когда думаете о Coca Cola? Компания не зря выбрала красный: он вызывает эмоции любви и радости. Кстати, это один из цветов, который чаще всего используют топ-бренды. Его выбрали 29% компаний с мировым именем. На первом месте — синий (33%), а на третьем — черный или серый (28%). Рассказываем подробно, какие ассоциации вызывают краски:

Теплые:

  • красный — активность, эмоциональность, страсть, сила, любовь, радость (McDonalds, CNN, Netflix, Pinterest, H&M);
  • розовый — сладость, романтика, игривость, теплота, сострадание (Barbie, LG, Victoria`s Secret);
  • оранжевый — успех, решительность, дружелюбность, восторг (Amazon, Firefox, Fanta);
  • желтый — молодость, свежесть, оптимизм (DHL, Shell, IKEA, Nicon).

Источник — by Social Design House

Холодные:

  • зеленый — свежесть, спокойствие, расслабленность, доверие, мир, надежда (Animal Planet, Starbucks, Android);
  • синий — комфорт, ясность, честность, верность, надежность (Samsung, Skype, Ford, Facebook);
  • фиолетовый — гламур, сила, амбиции (Hallmark, Yahoo, Cadbury).

Источник — by Elliot Pessah

Ахроматические:

белый, серый, черный — элегантность, роскошь, уважение, современность, мудрость, стиль (Nike, Apple, Chanel, Puma, Toyota).

Источник —

Подумайте, с какими чувствами и эмоциями ассоциируется ваш товар или услуга, и выбирайте соответствующие оттенки.

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

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

Цветовой круг - подробная инструкция по использованиюЦветовой круг — подробная инструкция по использованию

Как пользоваться кругом Иттена? Есть несколько типов сопоставления цветов, которые получаются путем вращения модели. Сочетать тона можно описанными ниже способами.

Монохромная комбинация

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

Комплементарное или контрастное сочетание

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

Контрастное или комплиментарное сочетание

Классическая триада – сочетание 3 цветов

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

Аналоговое сочетание 2-5 цветов

В круге Иттена расположенные рядом тона при объединении дают спокойное, располагающее, уютное впечатление. Их может быть от двух до пяти, при этом идеальным считается применение двух-трех. Три цвета – это аналоговая триада. Аналоговые комбинации широко встречаются в природе, являются гармоничными, приятными для глаз (пример – желтый, желто-оранжевый, желто-зеленый цвета в одном интерьере). Любой из цветов также стоит сделать главным, остальные – дополнительными или акцентными.

Сочетание 2-5 аналогичных цветов

Раздельно-комплементарное сочетание или контрастная триада

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

Тетрада – прямоугольная схема

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

Квадратная схема

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

Шестиугольная схема

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

Как выбрать идеальный цвет

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

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

Изучите фирменные цвета конкурентов или обратите внимание на оттенки, используемые в смежной отрасли. Попросите у клиента информацию о рекламных продуктах компании — если повезет, вам выдадут брендбук и вопрос о подборе цвета отпадет

Попросите у клиента информацию о рекламных продуктах компании — если повезет, вам выдадут брендбук и вопрос о подборе цвета отпадет.

Онлайн подбор сочетания цветов на практике

Как происходит онлайн подбор цветов? Следуйте простой инструкции:

  1. Выбираете сервис выше, который подбирает цвета.
  2. Проводите курсором мыши по палитре цветов или используйте готовые цвета.
  3. Находите необходимый цвет.
  4. Копируете подобранный цвет или скачиваете на компьютер.

На перечисленных сервисах вы сможете выбрать много цветов, создадите градиент и другое.

Подбор цветовой палитры, используем сервис Сolorhunter

Рассмотрим подбор цветовой палитры на сервисе «Сolorhunter». Для этого открываете ресурс в браузере – «colorhunter.com».  После чего вы увидите цветовые палитры, которые находятся на главной странице ресурса (скрин 2).

Если вы опустите колесико мыши вниз страницы, то заметите специальные метки. На данные метки можете нажать, чтобы открыть новую коллекцию цветов. Можете нажимать на те цвета, которые уже есть на сайте (скрин 3).

После нажатия на выбранный цвет будут доступны картинки, которые предлагает сервис для фона, видео, фильмов. Они находятся справа от цветов (скрин 4).

Нажимаете на изображение, чтобы открыть картинку для просмотра или скачать (скрин 5).

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

Вы сможете подобрать цвета с помощью своей картинки. Загружаете ее на сервис с компьютера через кнопку «Выбрать файл» (скрин 6).

После загрузки картинки на сервис, нажмите кнопку «upload an image», чтобы получить палитру цветов.

Онлайн подбор сочетания цветов сервисом ColorScheme 

Когда цвета для фона будут подобраны, вы можете кликнуть на кнопку «Сохранить» далее «Картинка и коды для вставки (PNG)» (скрин 8).

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

Немного теории: три вида оттенков

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

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

Источник — by Square Studio

Акцентный — работает на контрасте с основным

Оттеняет его и выделяет элементы, на которые вы хотите обратить внимание: кнопки СТА (call to action — призыв к действию), названия разделов или заголовки. . Источник -by Joel Maynard

Источник -by Joel Maynard

Фоновый — фон страницы. Его выбор зависит от специфики бизнеса

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

Источник — by Rajat Mehra

Цветовая схема для веб-сайта

Крайне важно правильно выбрать цвет для логотипа своего бренда. Но выбор правильного цвета для веб-сайта играет не менее важную роль

Нельзя выбирать цветовую схему наугад или обосновывать выбор словами «это выглядит круто».

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

Почему?

«Люди делают подсознательный вывод о продукте в течение 90 секунд после его первоначального осмотра. От 62 до 90 % этой оценки основывается исключительно на цвете».

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

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

Фирменный серый в новых сочетаниях

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий