Как выбрать сочетание цветов

Обновлено: 18.09.2024

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

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

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

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

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

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

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

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

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

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

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

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

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

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

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

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

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

Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

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

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

Цветовая модель PANTONE ™. Выберите цвета из группы цветов Pantone ™. © Pantone, Inc. All rights reserved. Соответствие цветов только приблизительное, вы получите только впечатление того, как могут выглядеть цвета Pantone. Руководство по Pantone — единственный надежный источник для просмотра и определения цветов.

Цветовая модель RAL ™. Выберите цвета из группы цветов RAL ™. © RAL GmbH. All rights reserved. Соответствие цветов только приблизительное. Используйте реальные карты цветов и коллекции RAL для просмотра и определения цветов.

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

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

Экспортировать в формате HTML. Экспорт цветовой схемы в виде HTML-таблицы, удобной для сохранения или печати.

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

Экспортировать в формате ACO. Экспорт схемы в формате палитры цветов Photoshop. Сохраните файл и импортируйте его в Photoshop, Fireworks или другом приложении, поддерживающем этот формат.

Экспортировать в формате ASE. Экспорт схемы в формате палитры цветов Adobe Creative Suite. Файлы "Adobe Swatch Exchange" работают в программах Adobe Photoshop, Adobe Illustrator, Adobe Indesign (начиная с версий CS2 и CS3), а так же могут быть загружены в Kuler.

Сохранить изображение в формате PNG. Инструмент для сохранения цветовой палитры в виде небольшого изображения.

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

Экспортировать в формате GPL. Экспорт схемы как цветовую палитру GIMP. Сохраните файл и импортируйте его в редакторе GIMP.

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

Дизайн: студия Smart Interior Design в сотрудничестве с Ольгой Луис

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

Всё о цветовых комбинациях в интерьере

Что нужно знать о выборе гаммы

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

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

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

Предлагаем рассмотреть два подхода к гамме в интерьере. Первый — модный сегодня монохром.

Монохром

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

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

Что	Колер	Фактура
Пол	Тёмно-коричневый	Дерево, керамогранит
Стены	Тёплые или холодные средней тональности	Штукатурка, обои с принтом, дерево в качестве акцентов (панели МДФ, рейки)
Мебель	Молочные, рыжеватые, тёмно-коричневые	Кожа, текстиль, букле, мех

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

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

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

По аналогии можно составить таблицу сочетания серого цвета в монохромном интерьере.

Что	Колер	Фактура
Пол	Графитовый	Керамогранит с отделкой под камень или бетон
Стены	Тёплые или холодные средней тональности	Фактурная штукатурка, обои с принтом, краска
Мебель	Чёрная, светло-серая, графитовая	Кожа, текстиль, букле, мех

Принципы комбинации

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

Комплементарная или контрастная. В основе такой схемы лежит комбинация противоположных, контрастных цветов. Это, например, следующие пары: синий — оранжевый, лимонный — пурпурный, красный — зеленый и так далее.
Смежная или аналоговая. Она напоминает монохромный принцип сочетаемости, но по факту это несколько оттенков (часто три), лежащих рядом на цветовом круге. Это красный — желтоватый — оранжевый, фиолетовый — синий — голубой и так далее. Принцип очень простой. При этом каждый цвет можно разбить на несколько составляющих, и играть в их комбинации. Например, использовать небесно-голубой и индиго в сочетании с черничным и изумрудным.
Микс трёх лучей, равноудаленных друг от друга, называется триадой. Это яркий контраст: красный — желтый — синий, пурпурный — зеленый — оранжевый. В рамках этих лучей также можно экспериментировать с более сложными и разнообразными комбинациями, не меняя сути подхода. Например, разбить желтый на горчичный и пастельный, добавив к нему алый, бордо и индиго.
Сплит-комплементарная гармония — это равнобедренный треугольник. Проще говоря, это один контрастный колер, дополненный двумя практически смежными. На практике это выглядит следующим образом: желтый — фуксия — фиолетовый, зеленый — фиолетовый — алый, оранжевый — бирюзовый — синий.
Наконец, есть и более сложные комбинации из 4 лучей. Но в рамках самостоятельного оформления мы не рекомендуем прибегать к такому разнообразию. Непрофессионалу подобрать такую схему сложно, легко скатиться в хаос и цветной сумбур.

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

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

1. Ограничьте количество цветов

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

Как выстроить палитру

Но как выбрать эти два-три цвета? Тут вам поможет цветовой круг.

Такой круг из 12 цветов — один из основных материалов для составления палитры.

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

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

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

— Палитры из родственных цветов

Родственные цвета — это те, которые располагаются рядом друг с другом на круге.

— Палитры из комплементарных цветов

Используя комплементарные (противоположные) цвета, вы легко можете визуально выделить элемент.

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

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

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

2. Черпайте вдохновение в природе

Лучшие сочетания цветов — те, которые мы берем из мира природы. Почему? Потому что для нашего глаза они выглядят наиболее естественно. Достаточно просто оглядеться, чтобы почерпнуть идеи. Если в повседневной жизни вы заметите какой-то особенно красивый или цепляющий глаз оттенок, попробуйте создать цветовую гамму на его основе. Просто делайте фото красивых пейзажей и выбирайте из них цвета для палитры.

Природа создает лучшие сочетания цветов. Из этой фотографии может получиться отличная цветовая схема.

3. Старайтесь придерживаться пропорции 6/3/1

При составлении палитры вам также пригодится вечно актуальное правило от дизайнеров интерьеров: пропорция 6/3/1 позволяет создать идеальный баланс цветов в любом пространстве.

Воплотить эту концепцию в реальность очень просто: ваш опорный цвет должен занимать 60% процентов, дополнительный — 30%, а 10% отводится на акценты. Основная идея состоит в том, что дополнительный цвет должен служить поддержкой для основного, но при этом быть легко различимым на его фоне. На цвет для визуального выделения отдельных областей приходится 10% экрана — можете использовать его для призыва к действию или же любого другого элемента.

4. Сначала проектируйте в черно-белой гамме

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

Вводите цвет в последнюю очередь и очень целенаправленно.

5. Избегайте черного цвета

6. Выстраивайте визуальную иерархию при помощи контраста

Цвет — это инструмент, который направляет взгляд по нужной траектории. Чем сильнее вам нужно привлечь внимание к объекту, тем больше следует полагаться на контраст. Обычно высокую контрастность приберегают для самой важной информации или ключевых элементов. Если хотите, чтобы ваши пользователи что-то заметили или куда-то нажали, нужно, чтобы оно бросалось в глаза!

Благодаря контрасту одна область экрана заметно отличается от остальных.

7. Используйте цвет, чтобы воздействовать на эмоциональное состояние пользователя

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

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

Красный, Оранжевый, Желтый

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

Оранжевый (озорной, бодрый, привлекательный, дешевый): Оранжевый — теплый и яркий цвет. Он создает атмосферу бодрости и навевает на пользователей чувство тепла и уюта. Некоторые исследователи утверждают, что оранжевый выражает идею дешевизны.

Желтый (веселый, приветливый, стимулирующий, привлекает внимание): Желтый — крайне разносторонний цвет, который объединяет в себе оттенки с разными значениями. Так, светло-желтый ассоциируется с солнцем, то есть с чем-то позитивным и дружелюбным. Более насыщенные тона оставляют впечатление древних времен и монументальности. Их часто применяют, когда нужно показать что-то незыблемым и мудрым.

Зеленый, Синий, Фиолетовый

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

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

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

Розовый, Черный, Белый, Серый

Розовый (женственность, невинность, юность): Наиболее широко известная ассоциация с розовым цветом — это женственность.

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

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

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

Здесь важно отметить, что значения цветов могут сильно меняться в зависимости от обстоятельств и культурного контекста. Чтобы глубже ознакомиться с этой темой, прочитайте статью Symbolism Of Colors And Color Meanings Around The World.

8. Сделайте дизайн доступным

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

Не используйте цвет в качестве единственного индикатора

Примерно 8% мужчин и 0.5% женщин страдают той или иной формой дальтонизма — то есть каждый двенадцатый мужчина и каждая двухсотая женщина. Существуют разные его типы, однако самый распространенный — слепота на красный и зеленый. У человека, подверженного дальтонизму, обычно возникают сложности с различением любых оттенков этих двух цветов.

Слева направо: цветовой круг глазами обычного человека — Цветовой круг глазами человека с дейтеранопическим типом дальтонизма — Цветовой круг глазами человека с протанопическим типом дальтонизма.

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

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

Делайте текст как можно контрастнее

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

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

Отслеживайте контрастность, чтобы быть уверенными, что цвет текста будет в достаточной степени выделяться относительно фонового цвета и даже человек с дальтонизмом или очень слабым зрением сможет различать слова. Коэффициент контраста — это математическое выражение того, насколько один цвет отличается от другого (обычно он записывается так: 1:1, 21:1). Чем больше разница между числами, тем сильнее цвета отличаются по яркости. На W3C рекомендуют следующие соотношения между яркостью текста и изображений:

Если текст мелкий, соотношение должно быть не меньше 4.5:1;
Для крупного текста (то есть 14 pt и выше для жирного шрифта, 18 pt и выше — для обычного) оптимально соотношение 3:1 и больше.

Бонус: Инструменты, необходимые для UX дизайнера

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

Adobe Color CC
Adobe Color CC (раннее известный как Kuler) — отличное решение, чтобы находить, редактировать и создавать палитры. Вы можете модифицировать каждый цвет, входящий в состав гаммы, или устанавливать его в качестве опорного буквально в пару кликов. Готовые палитры можно сохранять и добавлять в библиотеку; кроме того, в открытом доступе на сайте находится большое количество цветовых гамм, созданных другими членами сообщества.

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

Colorzilla
Colorzilla — расширение для браузеров Google Chrome и Mozilla Firefox, которое включает целую кучу инструментов для работы с цветом, включая пипетку с возможностью захвата цвета, генератор градиентов CSS и функцию просмотра палитр.

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

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

Симулятор дальтонизма в Adobe Photoshop
Photoshop позволяет проверить, насколько ваш дизайн универсально доступен. Достаточно перейти на вкладку View > Proof Setup и выбрать интересующий ваш тип (Protanopia type или Deuteranopia type).

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

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

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

Как правильно сочетать цвета в одежде

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

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

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

Белый. Цвет, подходящий ко всему и всем. Для создания контраста разбавьте его тёмными вещами. Для летнего образа используйте яркие цвета.
Чёрный. Сочетается практически со всеми цветами. Однако, стоит избегать сочетания чёрного с очень тёмными оттенками, к примеру, синего или коричневого цвета. Вы также можете оставить образ однотонным, добавив цветные аксессуары.
Коричневый. Добавит Вашему образу благородства и аристократичности. Отлично сочетается с бежевым, зеленым, оранжевым, желтым, бирюзовым, бронзовым, золотым, розовым и фиолетовым.
Красный. Этот яркий цвет можно сочетать с синим, серым, чёрным, белым, бирюзовым или изумрудным.
Розовый. Будет отлично смотреться с зеленым, коричневым, бордовым, цветом хаки, бежевым и, как правило, с пастельными оттенками.

Зеленый цвет сочетайте с чёрным, белым, бирюзовым, желтым, оранжевым или пурпурным.
Синий цвет. Хорошо сочетается с зелёным и красным. Тёмные оттенки синего идеально сочетаются с белым.
Оранжевый. Это самый тёплый из существующих цветов. Хорошо сочетается с хаки и всеми коричневыми оттенками. Для более сложного образа можете разбавить оранжевый – фиолетовым, желтым или фуксией.
Фиолетовый. Сочетается с зеленым, фуксией и бежевыми цветами.
Серый. Этот цвет идеально подходит для большинства образов. Светло-серый хорошо сочетается с розовым, сиреневым, пурпурным, желтым и зеленым. Тёмные оттенки серого можно разбавить тёмно-синим, темно-фиолетовым, красным или горчичным.

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

Цветовой круг — способ представления цветов видимого спектра в условной форме, обозначающей различные цветовые модели.Википедия

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

Итак, как же работает эта схема?

Дуальное сочетание

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

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

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

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

При построении своего образа Вы можете использовать 3–5 тонов одного цвета. Создать такое сочетание не составит большого труда.

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

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

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

Классическая триада

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

Аналого-контрастное сочетание цветов

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

Такое определение гармоничных оттенков требует чувства вкуса и наличие фантазии.

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

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

Общие рекомендации

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

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

Вопрос? Ответ!

В: С какими цветами сочетается бордовый цвет?

О: Наиболее удачно бордовый цвет сочетается со светлыми оттенками серого. Также бордовый можно сочетать с чёрным, белым, бежевым, розовым и золотым. А жёлтый и зелёный цвета в сочетании с бордовым смотрятся необычно и эффектно.

В: С чем носить зелёное пальто?

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

Одежда в статье

Сумки в статье

Другие статьи в журнале о тканях и одежде

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

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

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

Читайте также: