Какие цвета лучше всего сочетаются друг с другом
Что такое цветовой круг Иттена и как с его помощью подбирать красивые сочетания
Рассказываем о комплементарных цветах, триадах, тетрадах и о том, как их использовать в дизайне.
Изображение: vlada_maestro / Shutterstock
Круг Иттена — схема из 12 цветов. Сейчас это самый популярный инструмент графических дизайнеров и художников. Опираясь на цветовой круг, можно выбрать палитру для интерфейса сайта, фирменного стиля или иллюстрации.
Разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Как устроен круг Иттена
Первичные цвета — синий, жёлтый и красный. Они находятся в центре круга и считаются основными. Если их смешать, можно получить любые оттенки, доступные человеческому глазу.
Вторичные цвета — зелёный, оранжевый и фиолетовый. Получаются при смешении первичных цветов. Например, сочетание жёлтого и красного даёт оранжевый цвет, а синего и красного — фиолетовый.
Третичные цвета. Получаются при смешивании первичного и вторичного цвета, которые соседствуют на схеме. Например, жёлтый и зелёный дают жёлто-зелёный, жёлтый и оранжевый — жёлто-оранжевый.
В результате во внешнем круге есть 12 цветов: три первичных, три вторичных и шесть третичных.
Основные комбинации на круге Иттена
Вариантов сочетаний цветов по кругу Иттена очень много. Рассмотрим шесть самых популярных из них.
1. Комплементарное. Сочетание цветов, расположенных на противоположных сторонах круга. Хорошо подходит для расстановки акцентов. Для этого один из цветов делают основным, а другой — дополнительным, чтобы выделить отдельные объекты на изображении.
2. Контрастная триада. Похоже на комплементарное, но вместо одного из дополнительных цветов берут два соседних. Сочетание получается контрастное, но не резкое. Подходит, если вы хотите приглушить контраст дополнительных цветов или просто расширить палитру.
3. Классическая триада. Сочетание трёх цветов по углам равностороннего треугольника. Этот вариант подойдёт, если вам нужно больше разнообразия в цветовой гамме.
4. Аналоговая триада. Сочетание трёх цветов, расположенных рядом на внешнем круге. Эта палитра — спокойная и сдержанная. Подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.
5. Тетрада. Сочетание четырёх цветов по углам квадрата. По сути, здесь представлено сочетание из двух пар дополнительных цветов. Подходит, если вам нужно создать красочное и разнообразное изображение.
6. Прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки. В этом сочетании контраст достигается за счёт комплементарных пар, но сами эти пары ближе друг к другу на спектре. Подходит, если вам нужна спокойная палитра из четырёх цветов.
Что делать с тысячами других оттенков
В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать шире.
Допустим, вам нужен комплементарный цвет к бирюзовому. На круге его нет, но мы понимаем, что он находится между зелёным и голубым. Значит, на круге нужный вам цвет будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет комплементарно бирюзовому.
Выбор конкретных оттенков бирюзового и красно-оранжевого — это работа дизайнера.
Также стоит помнить о насыщенности и яркости. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным — розовым. Или очень тёмным — бордовым. Это тоже влияет на восприятие картинки.
Автоматические инструменты для выбора палитры
Подобрать сочетание конкретных оттенков можно на расширенном цветовом круге. Он позволяет точно задать тон, насыщенность, яркость и найти подходящие цвета, используя схемы круга Иттена.
Удобный инструмент есть и у Adobe. Он основан на таких же правилах сочетания, но позволяет быстро редактировать параметры каждого цвета в палитре и смотреть, как от этого меняется гармоничная гамма.
Что делать дальше
Круг Иттена помогает быстро подбирать подходящие сочетания для разных случаев. В бумажной или цифровой версии им пользуются как новички, так и опытные дизайнеры и художники. Это полезный инструмент, который упрощает работу. А со временем вы научитесь подбирать гармоничные цвета и вовсе без схемы.
В цветовой теории есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом в нашем обзоре книги Иттена «Искусство цвета».
Также советуем изучить то, как Иттен учил студентов работать с формой объектов. Он не преподавал им механические приёмы, а учил следовать своей интуиции. Для этого он придумал множество упражнений, которые раскрывают творческий потенциал. Об этом Иттен написал в своей книге «Искусство формы», на которую у нас тоже есть обзор!
Наука о цвете, включающая знания о природе цвета, основных, составных и дополнительных цветах, основных характеристиках цвета, цветовых контрастах, смешении цветов и цветовых гармониях, цветовом языке и цветовой культуре. Также искусство сочетания цветов.
Высшая школа строительства и художественного конструирования (1919–1933) в Германии. Это заведение связывают с зарождением дизайна как самостоятельной дисциплины, отделённой от искусства.
Красный, белый, голубой: восемь правил подбора цветовой палитры, которые должны знать все
Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».
Проектируя новый продукт, дизайнеры часто затрудняются с составлением цветовой гаммы, так как существует неограниченное число возможных сочетаний. В этой статье мы рассмотрим восемь основных правил, которые могут помочь вам с выбором.
1. Ограничьте количество цветов
При добавлении цветов в дизайн крайне важно выдерживать баланс; и чем их больше, тем сложнее становится этого добиться. Результат получится лучше, если вы будете придерживаться правила «максимум три основных цвета», формируя палитру. В ходе исследования от специалистов из Торонтского университета, посвященного тому, как люди пользуются Adobe Color CC, большинство респондентов сказали, что предпочитают простые сочетания на основе двух-трех цветов.
Если вам нужны дополнительные цвета, помимо тех, которые уже добавлены в палитру, используйте различные оттенки.
Как выстроить палитру
Но как выбрать эти два-три цвета? Тут вам поможет цветовой круг.
Такой круг из 12 цветов — один из основных материалов для составления палитры.
Существует целый ряд готовых стандартных схем, которые могут облегчить процесс создания палитры, особенно для новичков:
Одноцветные схемы оставляют очень приятное впечатление (особенно если выполнены в оттенках синего или зеленого). Как вы видите на примере Facebook, палитра выглядит очень аккуратно и элегантно.
С одноцветными палитрами работать проще всего: они содержат в себе только один цвет с различными вариациями в оттенках и насыщенности. Все оттенки цвета хорошо сочетаются друг с другом и создают успокаивающий эффект.
— Палитры из родственных цветов
Родственные цвета — это те, которые располагаются рядом друг с другом на круге.
Такие гаммы строятся на базе родственных цветов: один из них становится опорным, а остальные используются, чтобы обогатить палитру. Здесь все тоже достаточно просто, но фокус заключается в том, чтобы правильно выбрать яркость используемых цветов — она будет задавать тон для всей гаммы. Например, Clear, утилита для организации списка дел с жестовым управлением, использует кричащие цвета, чтобы визуально привлечь внимание к тем задачам, которые пользователь выполняет в данный момент. Напротив, в приложении для медитации Calm предпочтение отдается паре родственных цветов «синий+зеленый», чтобы создать у пользователей ощущение покоя и умиротворения.
— Палитры из комплементарных цветов
Используя комплементарные (противоположные) цвета, вы легко можете визуально выделить элемент.
Самые простые разновидности данного типа состоят из двух цветов, которые резко контрастируют друг с другом. Эта схема позволяет привлечь внимание смотрящего. При использовании комплементарной палитры необходимо определиться с основным цветом, а дополнительный применять, чтобы подчеркнуть ключевые элементы. Скажем, когда человеческий глаз видит какой-то объект, раскрашенный в разных оттенках зеленого цвета, мазок красного будет очень сильно выделяться на его фоне.
Всплески цвета на сером фоне — отличный способ притянуть взгляд. Дизайн, выполненный в белом и сером цветах с синими акцентами, мы можем видеть на сайте Dropbox.
Создать собственную палитру не так трудно, как думают многие. Есть очень простой способ, которым вы можете воспользоваться, чтобы получить отличный вариант: просто добавьте яркие акценты в нейтральную гамму (то есть такую, которую обычно называют черно-белой). Полученная палитра будет смотреться очень эффектно.
2. Черпайте вдохновение в природе
Лучшие сочетания цветов — те, которые мы берем из мира природы. Почему? Потому что для нашего глаза они выглядят наиболее естественно. Достаточно просто оглядеться, чтобы почерпнуть идеи. Если в повседневной жизни вы заметите какой-то особенно красивый или цепляющий глаз оттенок, попробуйте создать цветовую гамму на его основе. Просто делайте фото красивых пейзажей и выбирайте из них цвета для палитры.
Природа создает лучшие сочетания цветов. Из этой фотографии может получиться отличная цветовая схема.
3. Старайтесь придерживаться пропорции 6/3/1
При составлении палитры вам также пригодится вечно актуальное правило от дизайнеров интерьеров: пропорция 6/3/1 позволяет создать идеальный баланс цветов в любом пространстве.
Воплотить эту концепцию в реальность очень просто: ваш опорный цвет должен занимать 60% процентов, дополнительный — 30%, а 10% отводится на акценты. Основная идея состоит в том, что дополнительный цвет должен служить поддержкой для основного, но при этом быть легко различимым на его фоне. На цвет для визуального выделения отдельных областей приходится 10% экрана — можете использовать его для призыва к действию или же любого другого элемента.
4. Сначала проектируйте в черно-белой гамме
Играть с цветами — это весело. Неудивительно, что работа над проектом нередко начинается именно с выбора палитры. Искушение поставить поиск идеальной цветовой гаммы первым шагом велико, но я бы посоветовал вам побороть себя и для начала спроектировать интерфейс в оттенках серого. Сделайте черно-белый прототип приложения и используйте его как базовый вариант. В отсутствие цветов вы вынуждены будете сосредоточиться на расстояниях и расположении элементов.
Вводите цвет в последнюю очередь и очень целенаправленно.
Яркое пятно на сером фоне — простой и эффективный способ направить взгляд на нужный объект.
5. Избегайте черного цвета
В реальности черный цвет практически не встречается. Все «черные» предметы, которые нам попадаются в окружающем мире, отражают какое-то количество света, а это значит, что они уже не черные, а темно-серые. Свежий асфальт, например, вовсе не черного цвета. И тени тоже.
Если добавить в ваш комплект тщательно отобранных цветов черный, он «задавит» собой все остальные. Он так сильно бросается в глаза именно потому, что не воспринимается как естественный. Многие приложения, которыми мы пользуемся изо дня в день, добавляют в интерфейс якобы черные цвета, которые на самом деле темно-серые. Например, самый темный цвет в верхней панели приложения Asos — не #000000, а #242424. Так что не забывайте регулировать насыщенность.
6. Выстраивайте визуальную иерархию при помощи контраста
Цвет — это инструмент, который направляет взгляд по нужной траектории. Чем сильнее вам нужно привлечь внимание к объекту, тем больше следует полагаться на контраст. Обычно высокую контрастность приберегают для самой важной информации или ключевых элементов. Если хотите, чтобы ваши пользователи что-то заметили или куда-то нажали, нужно, чтобы оно бросалось в глаза!
Благодаря контрасту одна область экрана заметно отличается от остальных.
7. Используйте цвет, чтобы воздействовать на эмоциональное состояние пользователя
Ни для кого не секрет, что цвета выражают определенные идеи и могут влиять на настроение людей. Эти идеи будут непосредственным образом влиять на то, как какое впечатление сложится у людей о вашем продукте.
При составлении палитры для интерфейса мало думать только, как все будет смотреться — нужно позаботиться и о том, как он будет восприниматься. Выбранные цвета могут как подкреплять тот образ бренда, который вы пытаетесь создать, так и противоречить ему. Чтобы было, с чего начать, я составил для вас небольшую памятку с базовыми ассоциациями для каждого цвета (в западной культуре).
Красный, Оранжевый, Желтый
Красный (страсть, сила, опасность, значимость): Красный — очень стимулирующий цвет. Он оставляет ощущение скорости и силы и ассоциируется с энергией. Уже доказано, что он влияет на нас даже на физиологическом уровне, ускоряя метаболизм и кровообращение. Именно поэтому люди даже читают быстрее и громче, когда видят красный цвет. Его хорошо использовать, чтобы быстро притянут взгляд пользователей или выделить отдельный элемент, требующий их внимания.
Оранжевый (озорной, бодрый, привлекательный, дешевый): Оранжевый — теплый и яркий цвет. Он создает атмосферу бодрости и навевает на пользователей чувство тепла и уюта. Некоторые исследователи утверждают, что оранжевый выражает идею дешевизны.
Желтый (веселый, приветливый, стимулирующий, привлекает внимание): Желтый — крайне разносторонний цвет, который объединяет в себе оттенки с разными значениями. Так, светло-желтый ассоциируется с солнцем, то есть с чем-то позитивным и дружелюбным. Более насыщенные тона оставляют впечатление древних времен и монументальности. Их часто применяют, когда нужно показать что-то незыблемым и мудрым.
Зеленый, Синий, Фиолетовый
Зеленый (естественный, безопасный, свежий): Зеленый выражает идею слияния с окружающим миром и близости к природе. Также он связан в нашем сознании с ростом, вследствие чего его широко используют в сфере бизнеса. Зеленый может ассоциироваться и с этическими установками.
Синий (спокойный, ответственный, заслуживающий доверия, надежный): Синий цвет обычно ассоциируется с чувствами покоя и умиротворения, а также с силой и надежностью, что в общем дает ощущение профессионализма и возбуждает доверие. Синий внушает нам, что мы в безопасности. По этой причине его активно используют банки и IT-компании. У многих титанов на рынке социальных сетей (Facebook, Twitter, LinkedIn) в интерфейсе также фигурирует синий.
Фиолетовый (роскошный, загадочный, романтический, духовный): Фиолетовый исторически считается цветом, связанным с людьми королевских кровей, и намекает, что продукт относится к категории элитных.
Розовый, Черный, Белый, Серый
Розовый (женственность, невинность, юность): Наиболее широко известная ассоциация с розовым цветом — это женственность.
Черный (сильный, изысканный, загадочный, вызывающий): Черный привлекает внимание быстрее, чем любой другой цвет, даже красный. Как правило, его применяют только для текста и акцентов.
Белый (чистота, здоровье, невинность, добродетельность): Белый хорошо подчеркивает цвета, которые его окружают, поэтому его часто выбирают в качестве дополнительного цвета.
Серый (нейтральный, официальный, изысканный, стерильный): Серый оставляет нейтральное чувство и может принимать на себя характеристики как черного, так и белого. Выступая в роли основного цвета, создает официальную атмосферу.
Здесь важно отметить, что значения цветов могут сильно меняться в зависимости от обстоятельств и культурного контекста. Чтобы глубже ознакомиться с этой темой, прочитайте статью Symbolism Of Colors And Color Meanings Around The World.
8. Сделайте дизайн доступным
Доступность — одно из ключевых соображений для применения цвета в дизайне. В наши дни продукты должны быть доступны для всех и каждого, независимо от физических возможностей.
Не используйте цвет в качестве единственного индикатора
Примерно 8% мужчин и 0.5% женщин страдают той или иной формой дальтонизма — то есть каждый двенадцатый мужчина и каждая двухсотая женщина. Существуют разные его типы, однако самый распространенный — слепота на красный и зеленый. У человека, подверженного дальтонизму, обычно возникают сложности с различением любых оттенков этих двух цветов.
Слева направо: цветовой круг глазами обычного человека — Цветовой круг глазами человека с дейтеранопическим типом дальтонизма — Цветовой круг глазами человека с протанопическим типом дальтонизма.
Так как цветовая слепота принимает разные формы (одни не различают красный и зеленый, другие — желтый и синий, а еще кто-то видит все в оттенках серого), необходимо использовать сразу несколько визуальных маркеров, чтобы обозначить самые ключевые состояния в продукте. Для описания действий или контента помимо цвета можно подключать также начертания, символы, узоры, текстуры и текст.
Избегайте передавать информацию посредством красного и зеленого цветов — это будет крайне неудобно для людей, которые их не различают.
Делайте текст как можно контрастнее
Контраст — та область в теории цвета, которая имеет решающее значение для юзабилити. Подбирая цвет для текста, имейте в виду: наложение двух цветов с низкой контрастностью приведет к тому, что читать будет очень сложно.
Низкая контрастность может стать смертельным ударом для юзабилити.
Отслеживайте контрастность, чтобы быть уверенными, что цвет текста будет в достаточной степени выделяться относительно фонового цвета и даже человек с дальтонизмом или очень слабым зрением сможет различать слова. Коэффициент контраста — это математическое выражение того, насколько один цвет отличается от другого (обычно он записывается так: 1:1, 21:1). Чем больше разница между числами, тем сильнее цвета отличаются по яркости. На W3C рекомендуют следующие соотношения между яркостью текста и изображений:
Бонус: Инструменты, необходимые для UX дизайнера
Чтобы вам было проще, я также привожу список самых полезных инструментов для подбора цветовой гаммы.
Adobe Color CC
Adobe Color CC (раннее известный как Kuler) — отличное решение, чтобы находить, редактировать и создавать палитры. Вы можете модифицировать каждый цвет, входящий в состав гаммы, или устанавливать его в качестве опорного буквально в пару кликов. Готовые палитры можно сохранять и добавлять в библиотеку; кроме того, в открытом доступе на сайте находится большое количество цветовых гамм, созданных другими членами сообщества.
Dribbble Search-by-color
Если хотите посмотреть, как другие дизайнеры применяют тот или иной цвет в своих проектах, перейдите по адресу dribbble.com/colors и выберите нужный оттенок.
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).
NoCoffee Vision Simulator for Chrome
Чтобы удостовериться, что ваш дизайн доступен для всех, неплохо бы на себе испытать дальтонизм в процессе проектирования. NoCoffee Vision Simulator обеспечивает возможность создать для любого интерфейса симуляцию, показывающую, как она выглядит для людей с цветовой слепотой или слабым зрением. Например, применив фильтр «Deuteranopia» во вкладке «Color Deficiency», вы увидите веб-сайт в тонах серого. Это поможет вам адаптировать интерфейс под потребности людей, у которых проблемы с глазами.
Сочетание цветов в интерьере: таблица, раскладки, примеры, фото
Что такое цветовой круг
Существует несколько видов цветового круга. Они делятся на круг Иттена, Ньютона, Гете, Освальда. Сегодня мы будем говорить о первом. Цветовом круге Иттена. Это изобретение берет свое начало в 17 веке и сегодня является незаменимым инструментом для дизайнера интерьеров.
Цветовой круг Иттена представляет собой сборник всех тонов и полутонов, а также чистых ярких цветов. Все они расположены в определенной последовательности. От холодного к теплому, и наоборот. С помощью такой подсказки вы с легкостью подберете нужные цвета в свой интерьер.
Основными цветами являются синий, желтый, красный. Все оставшиеся являются оттенки, полученные от смешивания этих трех. Таким образом на круге находятся все возможные цвета, от светлого к темному, от холодного к теплому, от яркого к приглушенному.
Как использовать цветовой круг Иттена
Есть разные схемы гармоничных сочетаний цветов и оттенков. Некоторые из них покажутся вам странными. Но это только на первый взгляд. Если применить их в интерьере, получается удивительно гармоничный ансамбль вкуса и стиля.
Монохромная схема сочетания цветов
Монохромная схема, скорее всего, давно вам знакома. Для этого берутся три цвета, которые находятся рядом друг с другом. Они являются подвидами и различными вариациями друг друга. Всегда беспроигрышный вариант.
Комплиментарная схема сочетания цветов
В этой схеме вы берете два оттенка, которые находятся напротив друг друга. Кажется, что они не могут гармонично сочетаться, но вы только попробуйте и удивитесь. Интерьер получается прекрасным и стильным.
Схема «триада»
Эта схема предполагает использование трех цветов. Они находятся на углах равностороннего треугольника. Используйте сочные оттенки или пастельные и нежные. Цвета будут сочетаться в любом случае, а вот интерьер с разной тональностью и контрастностью будет смотреться по разному.
Схема «тетрада»
В этой схеме используется 4 цвета. Мысленно нарисуйте на круге квадрат. Его углы укажут вам на сочетаемые оттенки. Один из них возьмите за основу. Два будут дополнением к нему, а четвертый станет акцентом интерьера. В современной стилистике часто применяют именно эту схему сочетания цветов.
Схема комплексного сочетания цветов
Такая схема очень популярна. Кроме того, она является универсальной и подойдет под любую стилистику. В ее основе лежат белые, серые и бежевые оттенки. Дополнять их разрешается любыми яркими тонами и использовать в качестве небольших акцентов.
Если впоследствии вы захотите обновить интерьер, вам достаточно будет сменить сочные тона на более спокойные. Интерьер сразу преобразится без больших финансовых вливаний.
Для классического интерьера пользоваться кругом не обязательно. Ведь там используются спокойные тона, которые мы перечислили выше. Белые, бежевые и серые. Только на круге будет наглядно показано, как смотрятся эти оттенки вместе и вы сможете выбрать нужную контрастность без риска ошибиться. В интернете появилось очень много бесплатных программ, где вы сможете сделать визуализацию вашего интерьера и расставить цвета.
Градиентное сочетание цветов в интерьере
Теплый и холодный оттенки в интерьере
Теплые и холодные оттенки различаются большим или меньшим количеством пигмента синего или желтого.
Условно круг разделяют на две равные половины. Одна из них холодная, другая теплая. Вы и сами без труда догадаетесь, где провести черту.
Есть и другая категория. Они являются базовыми, или по другому нейтральными. Черный, белый и серый как раз относятся к ним.
Таблица сочетаемости цветов для интьерьера
Тут не нужно даже сомневаться. Вы выбираете цвет, который вам нравится, таблица подсказывает гармоничное сочетание, а на круге вы сразу смотрите нужные оттенки и принимаете решение, нравится вам это сочетание или нет.
Психологическое воздействие цветов и оттенков в интерьере на человека
У каждого цвета есть своя эмоциональная окраска. Люди воспринимают все оттенки очень тонко. Подсознание выбирает любимые цвета и те, которые не нравятся. Психологически даже любимые тона, которые вы используете в одежде или аксессуарах, могут угнетать в интерьере.
Особенно если использовать их в большом количестве. Поэтому учитывайте психологический аспект цвета при планировании цветовой гаммы интерьера вашего дома.
Белый цвет в интерьере
Белый цвет является нейтральным. Он не вызывает никаких эмоций. Он чистый и свободный. Поэтому он прекрасно подходит в качестве фона для других, более сочных и ярких красок.
Замечено, что белый цвет расширяет пространство, осветляет темные уголки комнаты и визуально делает помещение просторнее. В связи с этим, приходит ассоциативный ряд: свобода, умиротворение и простор.
Красный цвет в интерьере
Как черный цвет в интерьере может воздействовать на человека
Он оставляет за собой легкий флер загадочности и создает аналогичную атмосферу. Психологически он поглощает все эмоции и позволяет другим цветам казаться более привлекательными.
Оптимизм оранжевого цвета в интерьере
От оранжевого идет энергия солнечного тепла, радужного настроения, свежести и сочности. Часто его используют на фартуках в кухонном интерьере. Он заряжает позитивом и повышает аппетит. К этому нужно быть готовым.
Если вы следите за фигурой, лучше выбрать другой оттенок. В других комнатах его использование придаст свежести и изюминку в текстиле и декоративных элементах. Оранжевый обладает способностью делать холодные оттенки более насыщенными и глубокими.
Серый цвет в интерьере и его воздействие
Это один из базовых цветов. Он нейтральный, а значит не имеет эмоциональной окраски.
Однако, если взять его в качестве основного цвета, интерьер станет угнетающим. На его фоне прекрасно выделяются пастельные оттенки. И весь интерьер получается спокойным и умиротворяющим.
Коричневый цвет
Коричневый является универсальным. Он входит в категорию спокойных классических тонов.
Любой интерьер с его участием будет теплым и ласковым. Кофейные и молочные оттенки этого цвета всегда смотрятся соблазнительно и наполняют ощущением комфорта и стабильности.
Фиолетовый цвет
Необычный и таинственный. Не стоит использовать его в больших количествах.
Он вызывает чувство неопределенности и даже паранойи, если злоупотребить им в интерьере. В небольших акцентах и мелких деталях, наоборот, вызывает ощущение комфорта, королевского спокойствия и уюта.
Синий цвет
Успокаивающий холодный оттенок. В его свойствах охлаждать разум и эмоции.
Способствует концентрации внимания, поэтому его часто используют в офисах. Синий визуально расширяет пространство, но не все его оттенки. Поэтому будьте осторожны в его использовании в интерьере.
Зеленый цвет
Самый спокойный и природный цвет. Зеленый на подсознательном уровне уносит нас на природу, где есть энергия живых растений, которые заряжают нас, позволяют расслабиться и отдохнуть.
Разные оттенки и насыщенность этого цвета дают возможность выбрать каким будет характер интерьера. Слишком темные изумрудные тяжелые тона стоит использовать дозированно. Более светлые рекомендуется использовать в паре с древесной текстурой.
Солнечный желтый цвет в интерьерах
Уютный и солнечный, теплый и нежный, яркий и позитивный. Такие ассоциации приходят в голову при взгляде на эту палитру.
При грамотном сочетании яркого и светлого оттенков получается южный гостеприимный интерьер, который всегда согреет теплом своего очага.
Символизирует расслабление и отдых, свежесть и спокойствие. Как легкое дуновение ветерка жарким солнечным днем.
У голубого есть магическое свойство, под его воздействием нормализуется кровяное давление. Он расширяет пространство и прекрасно подходит для детских и спален. Этот цвет снижает аппетит, а значит на кухне его рекомендуем использовать дозированно.
Определяемся с оттенками для интерьера с помощью цветового круга
Профессионалы подбирают оттенки для интерьера, опираясь на свое чутье и хороший вкус. Воспользуйтесь их советами и рекомендациями, чтобы сделать правильный выбор и создать потрясающе гармоничный интерьер.
Правильное сочетание цветов в одежде
Для того чтобы выглядеть красиво и гармонично, важно подбирать одежду, которая будет подходить Вам по цветовой гамме. А также которая будет сочетаться по цвету с обувью и сумочкой. Как же научиться правильно сочетать цвета в одежде? В этой статье мы раскроем все секреты цветовой палитры и приведём примеры неожиданных цветовых решений.
Случалось ли с Вами такое, что Вы не покупали понравившуюся вам вещь, потому что не знаете, с чем её можно носить. Часто мы покупаем одежду привычных нам оттенков, чтобы быть уверенными что она впишется в наш гардероб по цветовой гамме. В этой статье мы расскажем Вам про все сочетания различных оттенков. Многие окажутся очень неожиданными и продемонстрируют Вам совершенно новый взгляд на сочетание цветов в одежде.
Как правильно сочетать цвета в одежде
При выборе цветов из палитры важно опираться на то, какие цвета подходят типажу Вашей внешности. Учитывайте эти особенности для построения цветовой гаммы нового образа.
Перед тем как начать сочетать одежду разных цветов, выберете вещь, которую примете за базовую. После чего на основе этого цвета, Вы можете выстраивать полный образ и добавлять новые оттенки. Если Вы берёте за основу яркие цвета, то к ним хорошо подойдут пастельные оттенки. При выборе базового цвета – чёрного или белого, можете смело выбирать как дополнение два постельных или два ярких оттенка.
Основные цвета и их сочетания
Цветовой круг
Цветовой круг — способ представления цветов видимого спектра в условной форме, обозначающей различные цветовые модели.Википедия
Цветовой круг может стать большой подсказкой, если Вам сложно определять, какой цвет с каким сочетается. Он устроен таким образом, что любые цвета в нём будут хорошо сочетаться между собой. Главное знать, как им правильно пользоваться.
Итак, как же работает эта схема?
Дуальное сочетание
Цветовой круг устроен таким образом, что, проведя полосу между цветами, расположенными друг на против друга, Вы получите прекрасное сочетание цветов.
В этом случае полученное сочетание будет максимально контрастным и очень смелым: красный и зелёный, синий и оранжевый, жёлтый и фиолетовый. Помимо этого, такие цвета, объединяясь друг с другом выглядят ещё ярче.
Монохромное сочетание
На круге монохромное сочетание показано как возрастающее усиление цвета. Так, мы можем сочетать в одежде сразу несколько оттенков одного цвета. Например, бледно-голубой с голубым, и почти синим.
При построении своего образа Вы можете использовать 3–5 тонов одного цвета. Создать такое сочетание не составит большого труда.
Аналоговые цвета
Для тех, кто хочет выглядеть ярко, но всё же боится сочетать дуальные цвета, а хочет начать с чего-то попроще, то в этом случае мы предлагаем взять аналоговые (или родственные) цвета.
Такие цвета располагаются в соседних секторах круга. Все из них отлично сочетаются друг с другом. Несомненно, образ получится ярким, но в то же время изящным и изысканным.
Классическая триада
Классическая триада представляет собой три цвета, которые образуют хорошее сочетание. Для того, чтобы правильно определить эти цвета, воспользуйтесь схемой «треугольник».
Вершины треугольника на цветовом круге покажут три цвета, которые всегда будут давать хорошее сочетание. Так, для того чтобы найти новые оттенки, просто мысленно вращайте треугольник по кругу. Два таких цвета всегда будут контрастными, а третий – аналоговым к одному из них. Такие сочетания будут выглядеть очень смелыми и экстравагантными.
Аналого-контрастное сочетание цветов
Если Вы уже разобрались с предыдущими схемами и, в принципе, у Вас хорошее чувство цвета, то есть Вы хорошо различаете и умеете комбинировать различные цвета и их оттенки, то можете смело приступать к подбору аналого-контрастных оттенков. Как это работает? В этом случае Вам не понадобиться треугольник. Вы можете провести прямую линию от оттенка из одного сектора к оттенку совершенно другого цвета. Например, от синего к жёлтому и аналоговым цветом взять определённый оттенок голубого, который будет находиться на прямой линии.
Такое определение гармоничных оттенков требует чувства вкуса и наличие фантазии.
Важно помнить, что рассмотренные схемы – это основы колористики и были разработаны в первую очередь для художников и дизайнеров. Каждый человек обладает определённым типом внешности и имеет некоторые особенности, например очень бледную или наоборот смуглую кожу. Такие детали тоже играют важную роль в подборке цветовых гамм для человека и это необходимо учитывать при создании образа. Так, определённые цвета могут подойти не всем. А оттенок кожи может оказаться аналоговым или контрастным к уже выбранному цвету.
Поэтому сочетания, которые Вы выстраиваете на бумаге могут смотреться не так гармонично на Вашем теле. Перед тем как выбрать смелый образ и надеть экстравагантный наряд, убедитесь, что выбранные оттенки улучшают Ваш цвет кожи и Вы действительно выглядите гармонично.
Общие рекомендации
Вопрос? Ответ!
В: С какими цветами сочетается бордовый цвет?
О: Наиболее удачно бордовый цвет сочетается со светлыми оттенками серого. Также бордовый можно сочетать с чёрным, белым, бежевым, розовым и золотым. А жёлтый и зелёный цвета в сочетании с бордовым смотрятся необычно и эффектно.
В: С чем носить зелёное пальто?
О: Зелёное пальто будет отлично смотреться с одеждой разных оттенков зелёного цвета и со всеми естественными цветами: коричневым, чёрным, белым, бежевым, синим и серым. К одежде бордового цвета лучше всего подойдёт обувь чёрного, коричневого или серого оттенков.
Теория цвета: как правильно подобрать оттенки друг к другу
Как понять, что цвета подходят друг к другу.
Выбор цвета — дело непростое, и не только когда дело касается работы с красками. Даже если вы не художник, скорее всего, вы сталкивались с ситуациями, когда вам приходилось выбирать цвета для каких-то индивидуальных целей.
Простейший пример. Это происходит каждое утро, когда вы одеваетесь (конечно, если вы не персонаж из многосерийного мультфильма, у которого весь гардероб — это один костюм) или когда занимаетесь ремонтом в своем новом доме, на даче и так далее.
И хотя мы знаем, что цвета — важная часть того, что делает вещи красивыми, не все инстинктивно знают, что, например, оранжевый и синий отлично сочетаемы. Кто бы мог подумать! И если вы, как и мы, не можете доверять собственному вкусу, вам поможет наш материал, благодаря которому вы сможете понять основы теории цвета и положиться на нее, чтобы всегда подбирать правильные цвета.
Изучите цветовой круг для понимания смешивания цветов
Перед вами общий вид цветового круга, который поможет при выборе цвета. Вы наверняка видели подобную шкалу в школе (на курсе школьной физики, в разделе оптика) или, если вы учились в художественной школе, то и там. Если подзабыли, что это такое, вот вам быстрое напоминание на этот случай.
Красный, зеленый и синий — основные цвета. Это цвета, смешивая которые можно получить все остальные цвета и оттенки. Например, смешав красный и синий (при аддитивном смешивании, подробнее здесь ), вы получите розовый.
А применив субтрактивное смешивание цветов, получите вот такую картину:
Оранжевый, зеленый и фиолетовый называются вторичными цветами. Почему? А все дело в том, что они создаются при смешении двух основных цветов:
Третичные цвета получаются путем смешивания основного цвета с второстепенным. Третичные цвета создаются при смешивании первичного и вторичного цвета или двух вторичных цветов вместе.
На этом, разумеется, цветовая палитра не заканчивается, поскольку у всех цветов есть очень разнообразные оттенки. Причем эти оттенки цветов будут:
Оттенки будут получаться при добавлении в цвет белого, черного и серого. Вот здесь мы и получаем те самые миллионы разнообразных вариаций оттенков, то есть цветов разной интенсивности, различных по тону, таблицу которых можно просмотреть, например, в PhotoShop или Paint.
Как подобрать сочетающиеся цвета?
И как из этого миллионного разнообразия подобрать именно сочетающиеся цвета?
Согласно теории цвета, в гармоничных цветовых комбинациях используются:
любые два цвета, противоположные друг другу на цветовом круге;
любые три цвета, равномерно расположенные вокруг цветового круга и образующие треугольник;
любые четыре цвета, образующие прямоугольник (то есть две пары цветов напротив друг друга).
Впрочем, для профессионалов-оформителей, художников, дизайнеров, у кого наметан глаз, есть соответствующее образование и понимание набора средств и инструментов, данная триада не является исчерпывающей. Но для повседневных нужд и прикладного использования подойдет более чем. Поэтому углубляться в этой части не будем.
Но отметим, что для работы с выбором цветов есть удобные онлайн-инструменты — например, в том же Adobe (хотя продуктом этой компании выбор онлайн-инструментов не ограничивается). Переходим на страницу color.adobe.com и попадаем на цветовой круг, на котором можно соблюсти правило гармонии:
В зависимости от колеса существует несколько основных правил подбора цветов. И они на самом деле довольно простые.
Дополнительные цвета — это любые два цвета, расположенные напротив друг друга на колесе. Например, синий и оранжевый или красный и зеленый.
Они создают высокий контраст, поэтому используйте их, когда хотите что-то выделить. В идеале используйте один цвет в качестве фона, а другой в качестве акцента. Как вариант здесь можно использовать оттенки и оттенки: например, более светлый оттенок синего контрастирует с более темным оранжевым.
Для разделения дополнительных цветов используются три цвета. Схема берет один цвет и сопоставляет его с двумя цветами, соседними с его дополнительным цветом. Например, синий, желто-оранжевый и красно-оранжевый.
Эта схема идеальна для новичков, потому что в ней сложно ошибиться. Это потому, что вы получаете контрастные цвета, но они не так диаметрально противоположны, как дополнительные, говорит Tiger Color.
Аналогичные цвета — это любые три цвета рядом друг с другом на колесе. Например, оранжевый, желто-оранжевый и желтый.
При использовании аналогичных цветов лучше избегать оттенков, поскольку они могут раздражать. Вместо этого сосредоточьтесь на оттенках аналогичных цветов. Еще один совет: избегайте сочетания теплых и холодных цветов в этой схеме.
Триадные цвета — это любые три цвета, которые одинаково разнесены на цветовом круге. Например, красный, желтый и синий.
«Триада» также высококонтрастна, но более сбалансирована, чем дополнительные цвета. Хитрость здесь заключается в том, чтобы позволить одному цвету доминировать и акцентировать внимание на двух других.
Прямоугольная схема использует четыре цвета вместе в форме двух наборов дополнительных цветов. Например, синий и оранжевый здесь будут сочетаться с желтым и фиолетовым.
Эту схему сложнее всего сбалансировать.
Она предлагает большее цветовое разнообразие, чем любая другая схема, но если все четыре цвета используются в равных пропорциях (количествах), схема может выглядеть несбалансированной, поэтому вам следует выбрать цвет, который будет доминирующим среди других. Избегайте использования чистых цветов в равных количествах.
Среди форм поиска гармоничных цветов представлено десять схем, которые настраиваются буквально одним кликом мышки и интуитивно понятны при выборе оттенков и тонов.
Цветовые схемы — гармоничные цветовые сочетания
Зачем они нужны? У них одна цель — передать эмоции. Теплые цвета демонстрируют и буквально излучают энергию и радость (их лучше всего использовать в личных нуждах, например в одежде. Впрочем, в гардеробе должна быть одежда и с менее яркими цветами).
В то же время холодные цвета передают спокойствие и умиротворение и лучше всего подходят для офисного использования или дома (создание коллажей на компьютере, работа с цветом для профессиональных нужд или проработка интерьера дома ). Само колесо можно легко разделить, чтобы понять, какие цвета теплые, а какие прохладные:
фото: Mr. Luck (Shutterstock)
Понять «черное и белое» с помощью монотонов
После того как вы познакомитесь и изучите основные цветовые схемы, вы можете перейти на ступеньку выше с помощью оттенков и тонов.
Монотонная хроматическая схема
Монотонная цветовая схема — это один оттенок и его вариации с точки зрения оттенков и насыщенности. Всегда хорошо использовать насыщенность и вариации оттенка / оттенка цвета. Однако в большинстве случаев я бы не советовал использовать полностью монохромную схему, так как есть риск однообразия. Однако использование ее с чистым белым или черным цветом может быть эффективным.
Монотонный ахроматический
Монотонная ахроматическая цветовая схема — это особый пример монотонной схемы, которая состоит только из нейтральных цветов в диапазоне от черного до белого. Подобная схема может быть эффективной, но легко может показаться скучной. Использование ахроматической схемы с одним ярким цветом для выделения может быть очень эффективным.
Теперь у вас есть базовое представление о теории цвета, но что это значит для вашей повседневной жизни?
По сути, эти концепции помогут вам понять, как улучшить внешний вид. Улучшить внешний вид всего — от модного прикида до интерьера вашей квартиры или красивого резюме, набранного в Ворде.
Одежда и колористический стиль
Самое прикладное применение знаний о колористике — это подбор стиля одежды, которую вы носите. Заметили, что некоторые люди всегда хорошо одеваются, в то время как другие носят одежду, которая несовместима или несочетаема по цветам? Почему? Возможно, кто-то из стиляг действительно уникален и просто «чувствует» цвет; другие же, скорее всего, используют описанную нами выше схему.
Что нужно, чтобы стать, как они? Распечатайте цветовой круг и прикрепите его к дверце шкафа. В следующий раз, когда выберете один предмет гардероба, просто обратитесь к таблице, чтобы увидеть, какие цвета в вашем шкафу лучше всего дополнят его. И используйте понимание теплых и холодных цветов, чтобы передать эмоции, которые вы желаете.
Как правило, мы хотим, чтобы в вашем наряде было больше трех цветов.
Также никогда не используйте «праздничные», слишком яркие цвета, такие как красный и зеленый, если вы, соответственно, не идете на вечеринку. Избегайте сочетания серых цветов с яркими цветами, такими как желтый и серый соответственно.
Профессиональная деятельность
Точно так же теория цвета может помочь вам в офисе, будь то оживление вашего резюме для поиска работы или создание вашей презентации и слайдов. Опять же, общее практическое правило — ограничиться тремя цветами максимум.
Обычно для офисной работы стоит искать яркие цвета, которые хорошо сочетаются друг с другом. Это означает подбор контрастных вариантов. Например, выберите темный и светлый, насыщенный и пастельный. Таким образом, можно концентрировать внимание зрителя на деталях и ненавязчиво выделять важные части презентации или документа (того же резюме).
Дизайн интерьера
И, конечно же, теория цвета очень полезна, когда вы хотите покрасить стены дома/квартиры или подобрать меблировку. Существует множество веб-сайтов и еще большее количество профессионалов, которые помогут вам выбрать правильные цвета, но эти три совета стоит помнить всегда (по крайней мере, так вы проверите, действительно ли перед вами профи и он знает, что делать).
Три правила, о которых нужно помнить:
Конечно, это не единственное применение теории цвета. Цвета и их комбинации появляются в жизни любого человека чаще, чем мы думаем, и знание этих основ поможет вам выбрать схему, которая понравится как вам, так и всем остальным.