Сочетание цветов
Для того чтобы создать хорошее сочетание цветов, не обязательно быть профессиональным дизайнером или специалистом по теории цвета. Как дизайнеры выбирают отличные сочетания цветов, ведь общее их количество очень огромно?
Чтобы ответить на этот вопрос, нужно для начала понять, что в целом сочетание цветов можно считать субъективным, но есть психологические аспекты, которые влияют на человеческое восприятие.
То есть, каждый цвет и сочетание цветов влияют на восприятие человека и может побуждать его к совершению какого-либо действия. Чтобы создавать и использовать только хорошие цветовые сочетания, важно понимать природу и особенности каждого цвета. Для начала разберем природу цветов и их сочетания.
Красный, синий и желтый называются основными цветами, потому что остальные комбинации формируются из этих. Более прагматично, вы можете назвать их «родителями» цветов.
Вторичные цвета создаются путем объединения основных цветов в равных частях:
Наконец, у нас есть цвета третьего уровня, которые формируются комбинацией первично-вторичных в равных частях.
Значение цветов
Каждый цвет несет свое значение и восприятие для человека. Рассмотрим основные цветовые значения.
Вы когда-нибудь задавали себе вопрос, почему большинство дорожных знаков содержат красный цвет? Теперь у вас есть ответ на этот вопрос.
Синий цвет отлично подходит практически во всех сферах, он олицетворяет небо, воду, а также легкость и некую непринужденность, и безмятежность. Человеку данный цвет дает ощущение комфорта и спокойствия.
Так как данный цвет символизирует открытость – мы можем его наблюдать в таких социальных сетях, как вконтакте, фесбук и твиттер. Также данный цвет часто применяется на сайтах, связанных с финансами.
Зеленый цвет ассоциируется с чистотой, свежестью и легкостью. Данный цвет часто используется в здоровом питании, а также для обозначения окружающей среды.
По результатам многочисленных исследований, при стрессовых ситуациях человек испытывает крайне негативные эмоции и происходит повышение его цветочувствительности к зелёному и синему. И напротив — если человек переживает положительные эмоции, чувствительность к этим цветам снижается.
Примеры хороший сочетаний цветов
Ниже приведены отличные примеры сочетаний цветов, данные сочетания вы можете использовать при разработке веб-сайта, приложения, а также создания интерьера.
Зачем пользователи Сети ищут слово «цвет» в «Яндексе»? Современный способ гадания через поисковик
Пользователи Сети массово публикуют скриншоты из поисковика Yandex («Яндекс»), где ищут слово «цвет». Участники флешмоба таким образом гадают, как на палитре выглядит их настроение, каким оттенком можно описать их жизнь и в какой цветовой гамме стоит одеваться. Как на самом деле работает выдача по этому запросу и откуда взялся тренд, разобралась авторка Medialeaks.
Что за тренд «Яндекс цвет»?
Если написать в поисковике «Яндекс» слово «цвет», то алгоритм предложит вам в первую очередь не определение термина, а один из тысячи оттенков, выбранный из палитры. Так благодаря этой функции в середине ноября 2021 года в соцсетях появился новый флешмоб, в котором пользователи делятся результатами поиска слова «цвет» и гадают, что он может значить.
Результат авторки Medialeaks
Тренд начал пользователь инстаграма с ником an_n1konoff. Молодой человек разместил сторис с функцией «Ваш вопрос», которая позволяет зрителям оставлять ответы в виде собственных публикаций, куда автоматически прикрепляется стикер с первоначальным вопросом. Так тренд может быстро разойтись по всей соцсети, передаваясь от одного пользователя к другому.
Флешмоб стал настолько популярен, что вышел за пределы инстаграма и попал тикток и твиттер, где пользователи начали гадать, что может значить выпавший им оттенок. Например, автор ролика bogdanovlog предположил, что оттенок символизирует настроение человека.
Узнай, какой у тебя цвет. Заходим в «Яндекс», в поисковой строке пишем «цвет» и узнаём, какой же цвет настроения у тебя сегодня, — объясняет молодой человек, которому попался светло-пурпурный.
Тиктокерша smotri_nazdorovie считает, что настроение ни при чём, по её мнению, поисковик угадывает, какой оттенок предпочитает пользователь. Девушка показала сразу несколько результатов с разными цветами, называв их все любимыми.
Вау, как? Это же мой любимый цвет.
Той же трактовки результатов придерживается и пользовательница твиттера Veta (@cjveta0), которой попался цвет под названием «Жёлтая сера». Оказалось, именно он её любимый.
Что-то все вокруг вбивают в «Яндекс» «цвет» и делятся результатами, а ещё у многих результат совпадает с любимым цветом.
Вот у меня внезапно совпал даже любимый оттенок.
Другие авторы в твиттере посчитали, что «Яндекс» подбирает цвет, который идеально описывает их жизнь.
Какой цвет вам выдаёт «Яндекс» по запросу «цвет»?
Что в моей жизни пошло не так — вопрос риторический.
Были и те, кто предположил, что оттенок намекает им, одежду какой цветовой гаммы стоит носить. А если написать слово «цвет» по-английски — colour — и добавить дату рождения, сокращённую до шести цифр по схеме «дд.мм.гг.», то можно якобы узнать, каким цветом маркируется ваша судьба.
Как работает поиск цвета в «Яндексе»
В 2008 году «Яндекс» создал систему под названием «Колдунщик цветов». Она разработана для помощи тем, кто имеет дело с палитрой, например дизайнерам: сервис позволяет увидеть, как наглядно выглядит тот или иной оттенок, название которого указано в запросе. Изначально в системе было 2034 цвета, а после обновления в 2015 году стало 1010.
Мы взяли за основу несколько существующих списков именованных цветов (это те, за которыми закреплены конкретное название и координаты в стандартных цветовых моделях вроде RGB (модель кодирования цветов. — Прим. Medialeaks)) и добавили несколько оттенков, названия для которых придумали сами, — пишут создатели.
Теперь можно узнать, какого оттенка бедро испуганной нимфы, что имеется в виду под фразой «цвет детской неожиданности» и как на палитре выглядит «горько-сладкий».
Цвета из «Колдунщика»
Именно те цвета, которые появились в «Колдунщике», и выпадают участникам челленджа. Такое развлечение стало возможно после того, как в мае 2021 года «Яндекс» обновил поисковый формат. Впрочем, гадать по цветам абсолютно бесполезно, ведь при каждом новом запросе рандомно выпадает один из 1010 оттенков, которые есть в «Колдунщике».
Ранее Medialeaks рассказал, зачем девушки спрашивают у молодых людей, с какими цветами у них ассоциируются. Так они проверяют, как к ним относятся бойфренды.
На вопрос девушек легко ответит Билли Айлиш. На шоу Джимми Фэллона певица рассказала, что ассоциирует людей с цветами и фигурами.
Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью
Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.
Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.
Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Как устроен круг Иттена
В центре есть треугольник из основных цветов — синего, жёлтого и красного, — смешивая которые, можно получить любые оттенки, доступные человеческому глазу. Эти цвета в схеме также называются первичными. Если смешать по два из трёх первичных цветов, получаются вторичные цвета. Жёлтый с синим при смешении дают зелёный, жёлтый с красным — оранжевый, а синий с красным — фиолетовый.
Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.
Если посмотреть на внешний круг, можно увидеть, что цвета в нём расположеы в спектральном порядке, как на радуге: от красного, который по физическим характеристикам имеет самую большую длину волны, до фиолетового, у которого она самая короткая.
Как и когда появился круг Иттена
В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.
Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.
Зачем нужен круг Иттена
Цветовой круг помогает подбирать гармоничные цветовые сочетания. Пожалуй, сейчас это самый популярный инструмент графических дизайнеров и художников. Опираясь на схему, можно выбрать палитру для интерфейса сайта, фирменного стиля или иллюстрации.
Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.
Цвета в круге выстраиваются в стройную систему, и это здорово. Потому что простые фигуры, наложенные на такую схему, будут показывать гармоничные сочетания.
Основные комбинации на круге Иттена
Вариантов сочетаний цветов по кругу Иттена очень много. Давайте рассмотрим несколько из них, которые используются чаще всего.
1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.
Сочетание дополнительных цветов активное и энергичное. Если использовать их в равных пропорциях, они могут перебивать друг друга. Такое сочетание хорошо подходит для расстановки акцентов: для этого один из цветов берут как базовый, а другого добавляют немного, чтобы выделить отдельные объекты на изображении.
Это хорошая альтернатива комплементарному сочетанию: здесь сочетание по-прежнему контрастное, но уже не такое резкое. Если вам нужно чуть приглушить контраст дополнительных цветов или просто расширить палитру с двух до трёх цветов, можно выбирать такой вариант.
3. Равносторонний треугольник образует классическую триаду: три цвета в его углах будут давать сбалансированное сочетание. Этот вариант подойдёт, если вам нужно больше разнообразия в цветовой гамме.
Если вы задумали использовать один конкретный цвет и хотите подобрать к нему ещё два, которые будут кардинально различаться, схема с равносторонним треугольником поможет сделать это быстро и избежать ошибок.
4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.
Эта палитра — спокойная и сдержанная. Аналоговое сочетание подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.
5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады : все четыре цвета гармонируют между собой.
По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.
6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.
Если нужно четыре цвета, но не требуется такой широкий спектр, как в квадратной схеме, то этот вариант подойдёт. Здесь будет достигнут контраст за счёт сочетания комплементарных пар, но сами эти пары ближе друг к другу на спектре.
Что делать с тысячами других оттенков
В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать и более широко.
Представим, что нужен контраст к бирюзовому. На круге его нет, но мы понимаем, что этот цвет — зелёно-голубой. Значит, контрастный цвет на круге будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет контрастно к бирюзовому.
А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.
Автоматические инструменты для выбора палитры
Технологии облегчают жизнь современным дизайнерам и художникам. Например, подобрать сочетание конкретных оттенков можно на расширенном цветовом круге. Он позволяет точно задать тон, насыщенность, яркость и найти подходящие цвета, используя те же самые схемы круга Иттена, которые мы рассмотрели.
В теории Иттена есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом в нашем обзоре книги «Искусство цвета».
Для более сложной работы с множеством цветом есть удобный инструмент у Adobe. Он основан на таких же правилах сочетания, но позволяет быстро редактировать параметры каждого цвета в палитре и смотреть, как от этого меняется гармоничная гамма.
Что делать дальше
Круг Иттена помогает быстро подбирать подходящие сочетания для разных случаев. В бумажной или цифровой версии им пользуются как новички, так и опытные дизайнеры и художники. Это полезный инструмент, который упрощает работу. Конечно цветовосприятие можно тренировать и научиться подбирать цветовые сочетания самостоятельно. Со временем появится навык, позволяющий не зависеть от наличия схемы под рукой.
Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.
· Инструмент для подбора цветов и генерации цветовых схем ·
Схема:
Насыщенность/Яркость
Схема:
Контрастность
Выбранный Вариант:
Насыщенность/Яркость
Постоянный адрес текущей цветовой схемы:
Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Появилась удобная возможность поделиться цветовой палитрой с друзьями и коллегами, используя готовые коды для вставки картинки на форум или в блог.
Правильное сочетание цветов в одежде
Для того чтобы выглядеть красиво и гармонично, важно подбирать одежду, которая будет подходить Вам по цветовой гамме. А также которая будет сочетаться по цвету с обувью и сумочкой. Как же научиться правильно сочетать цвета в одежде? В этой статье мы раскроем все секреты цветовой палитры и приведём примеры неожиданных цветовых решений.
Случалось ли с Вами такое, что Вы не покупали понравившуюся вам вещь, потому что не знаете, с чем её можно носить. Часто мы покупаем одежду привычных нам оттенков, чтобы быть уверенными что она впишется в наш гардероб по цветовой гамме. В этой статье мы расскажем Вам про все сочетания различных оттенков. Многие окажутся очень неожиданными и продемонстрируют Вам совершенно новый взгляд на сочетание цветов в одежде.
Как правильно сочетать цвета в одежде
При выборе цветов из палитры важно опираться на то, какие цвета подходят типажу Вашей внешности. Учитывайте эти особенности для построения цветовой гаммы нового образа.
Перед тем как начать сочетать одежду разных цветов, выберете вещь, которую примете за базовую. После чего на основе этого цвета, Вы можете выстраивать полный образ и добавлять новые оттенки. Если Вы берёте за основу яркие цвета, то к ним хорошо подойдут пастельные оттенки. При выборе базового цвета – чёрного или белого, можете смело выбирать как дополнение два постельных или два ярких оттенка.
Основные цвета и их сочетания
Цветовой круг
Цветовой круг — способ представления цветов видимого спектра в условной форме, обозначающей различные цветовые модели.Википедия
Цветовой круг может стать большой подсказкой, если Вам сложно определять, какой цвет с каким сочетается. Он устроен таким образом, что любые цвета в нём будут хорошо сочетаться между собой. Главное знать, как им правильно пользоваться.
Итак, как же работает эта схема?
Дуальное сочетание
Цветовой круг устроен таким образом, что, проведя полосу между цветами, расположенными друг на против друга, Вы получите прекрасное сочетание цветов.
В этом случае полученное сочетание будет максимально контрастным и очень смелым: красный и зелёный, синий и оранжевый, жёлтый и фиолетовый. Помимо этого, такие цвета, объединяясь друг с другом выглядят ещё ярче.
Монохромное сочетание
На круге монохромное сочетание показано как возрастающее усиление цвета. Так, мы можем сочетать в одежде сразу несколько оттенков одного цвета. Например, бледно-голубой с голубым, и почти синим.
При построении своего образа Вы можете использовать 3–5 тонов одного цвета. Создать такое сочетание не составит большого труда.
Аналоговые цвета
Для тех, кто хочет выглядеть ярко, но всё же боится сочетать дуальные цвета, а хочет начать с чего-то попроще, то в этом случае мы предлагаем взять аналоговые (или родственные) цвета.
Такие цвета располагаются в соседних секторах круга. Все из них отлично сочетаются друг с другом. Несомненно, образ получится ярким, но в то же время изящным и изысканным.
Классическая триада
Классическая триада представляет собой три цвета, которые образуют хорошее сочетание. Для того, чтобы правильно определить эти цвета, воспользуйтесь схемой «треугольник».
Вершины треугольника на цветовом круге покажут три цвета, которые всегда будут давать хорошее сочетание. Так, для того чтобы найти новые оттенки, просто мысленно вращайте треугольник по кругу. Два таких цвета всегда будут контрастными, а третий – аналоговым к одному из них. Такие сочетания будут выглядеть очень смелыми и экстравагантными.
Аналого-контрастное сочетание цветов
Если Вы уже разобрались с предыдущими схемами и, в принципе, у Вас хорошее чувство цвета, то есть Вы хорошо различаете и умеете комбинировать различные цвета и их оттенки, то можете смело приступать к подбору аналого-контрастных оттенков. Как это работает? В этом случае Вам не понадобиться треугольник. Вы можете провести прямую линию от оттенка из одного сектора к оттенку совершенно другого цвета. Например, от синего к жёлтому и аналоговым цветом взять определённый оттенок голубого, который будет находиться на прямой линии.
Такое определение гармоничных оттенков требует чувства вкуса и наличие фантазии.
Важно помнить, что рассмотренные схемы – это основы колористики и были разработаны в первую очередь для художников и дизайнеров. Каждый человек обладает определённым типом внешности и имеет некоторые особенности, например очень бледную или наоборот смуглую кожу. Такие детали тоже играют важную роль в подборке цветовых гамм для человека и это необходимо учитывать при создании образа. Так, определённые цвета могут подойти не всем. А оттенок кожи может оказаться аналоговым или контрастным к уже выбранному цвету.
Поэтому сочетания, которые Вы выстраиваете на бумаге могут смотреться не так гармонично на Вашем теле. Перед тем как выбрать смелый образ и надеть экстравагантный наряд, убедитесь, что выбранные оттенки улучшают Ваш цвет кожи и Вы действительно выглядите гармонично.
Общие рекомендации
Вопрос? Ответ!
В: С какими цветами сочетается бордовый цвет?
О: Наиболее удачно бордовый цвет сочетается со светлыми оттенками серого. Также бордовый можно сочетать с чёрным, белым, бежевым, розовым и золотым. А жёлтый и зелёный цвета в сочетании с бордовым смотрятся необычно и эффектно.
В: С чем носить зелёное пальто?
О: Зелёное пальто будет отлично смотреться с одеждой разных оттенков зелёного цвета и со всеми естественными цветами: коричневым, чёрным, белым, бежевым, синим и серым. К одежде бордового цвета лучше всего подойдёт обувь чёрного, коричневого или серого оттенков.
