Ребята, мы вкладываем душу в сайт. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

Схема № 1. Комплементарное сочетание

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

Схема № 2. Триада - сочетание 3 цветов

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

Схема № 3. Аналогичное сочетание

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

Схема № 4. Раздельно-комплементарное сочетание

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

Схема № 5. Тетрада - сочетание 4 цветов

Цветовая схема, где один цвет - основной, два - дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

Схема № 6. Квадрат

Сочетания отдельных цветов

• Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
• Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
• Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
• Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
• Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
• Красный: с желтым, белым, бурым, зеленым, синим и черным.
• Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
• Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
• Малиново-красный: белый, черный, цвет дамасской розы.
• Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
• Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
• Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
• Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
• Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
• Светло-оранжевый: серый, коричневый, оливковый.
• Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
• Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
• Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
• Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
• Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
• Оливковый: апельсиновый, светло-коричневый, коричневый.
• Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
• Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
• Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
• Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
• Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
• Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
• Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
• Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
• Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал 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 рекомендуют следующие соотношения между яркостью текста и изображений:

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

Но есть хорошая новость: вам не придется проверять все вручную. При помощи рассчитать коэффициент можно в несколько кликов.

Бонус: Инструменты, необходимые для 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», вы увидите веб-сайт в тонах серого. Это поможет вам адаптировать интерфейс под потребности людей, у которых проблемы с глазами.

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

Нам всем со школьной статьи известен прием запоминания цветов радуги. Что-то похожее на детский стишок глубоко сидит у нас в памяти: «К аждый о хотник ж елает з нать, г де с идит ф азан». Первая буква каждого слова означает цвет, а порядок слов - последовательность этих цветов в радуге: к расный, о ранжевый, ж елтый, з еленый, г олубой, с иний, ф иолетовый.
Радуга возникает из-за того, что солнечный свет преломляется и отражается капельками воды, парящими в атмосфере. Эти капельки по-разному отклоняют и отражают свет разных цветов (длин волн): красный цвет меньше, фиолетовый - больше. В результате белый солнечный свет разлагается в спектр, цвета которого плавно переходят друг в друга через множество промежуточных оттенков. Радуга - самый наглядный пример того, из чего состоит видимый белый свет

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

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

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

или

Человеческий глаз - наиболее универсальный «прибор» для смешивания. Исследования показали, что он наиболее чувствителен только к трем основным цветам: синему, красно-оранжевому и зеленому. Информация, полученная от возбужденных клеток глаза, передается по нервным путям в кору головного мозга, где происходит сложная обработка и корректировка полученных данных. В результате человек воспринимает то, что видит, единой цветной картиной. Установлено, что глаз воспринимает огромное количество промежуточных оттенков цвета и цветов, полученных от смешения света разных длин волн. Всего насчитывается до 15000 цветовых тонов и оттенков.
Если сетчатка теряет способность различать какой-либо цвет, то и человек утрачивает ее. Например, бывают люди, которые не в состоянии отличить зеленый цвет от красного.

На основе этой особенности восприятия цвета человеком была создана цветовая модель RGB (Red красный , Green зеленый , Blue синий ) для печати полноцветных изображений, в том числе и фотографий.

Немного особняком здесь стоит серый цвет и его оттенки. Серый цвет получается путём совмещения трёх основных цветов - красного, зелёного и синего - в равных концентрациях. В зависимости от яркости этих цветов оттенок серого изменяется от чёрного (яркость 0 %) до белого (яркость 100 %).

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

* Таблицы взяты из открытого доступа в Интернете.

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

Представляем десять типов комбинаций цвета:

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

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

Основные цвета

Основными на цветовом круге являются: желтый, красный и синий. Эти цвета составляют фундамент цветового круга.

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

Составные цвета

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

Сложные цвета

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

Мы получим всю существующую гамму цветов, затемнив или осветлив эти цвета в той или иной степени.

Контрастные цвета

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

Дополнительные цвета

Дополнительными на цветовом круге считаются прямо противоположные цвета.

На самом деле, дополнительные цвета практически «уничтожают» друг друга.

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

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

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

Родственные цвета

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

Нейтральные цвета

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

Родственно-контрастные цвета

Эти цвета располагаются на круге непосредственно с левой и с правой сторон от дополнительного ему цвета.

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

Там есть базовые цвета по сезону , по 6 характеристикам: и дальше. У каждого из 12 колоритов тоже есть свои базовые цвета - в основном это нейтральные мягкие цвета и темные цвета + оттенки светло-серого и белого. (разные оттенки палитры можно посмотреть в той же главе - разбор палитр. вот, например, холодное лето )

В основном, к базовым цветам относят
1) ахроматические цвета (белый, черный, и всю градацию нейтрального серого),

3) Оттенки коричневого и бежевого (серо-коричневый taupe, серо-бежевый, нейтральный бежевый, золотисто-бежевый, цвет верблюжьей шерсти camel, телесный, розово-бежевый, коричневый, кофейный, шоколадный, розово-коричневый и тд.)

4) Темные оттенки холодной части спектра (это не значит, что обязательно с холодным подтоном) - зеленого, синего, фиолетового:
Синий: (navy, цвет джинсы, королевский синий)
Темный цвет морской волны
Зеленый: (вечнозеленый, лесной зеленый, темный оливковый, цвет мха
Темный фиолетовый

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

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

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

Это, в первую очередь off-white и оff-black - цвет белка глаз, серовато - белый и серо-черный цвет или цвет мокрого асфальта (pewter) и цвет слоновой кости (ivory ), для большинства колоритов эти 4 цвета являются заменой белому и черному.

Из серо-коричневой гаммы это средний серый , нейтральный бежевый , серо-коричневый (taupe) и stone (светлый серовато-бежевый)

Из более ярких и интересных цветов это цвет морской волны (teal) , темный нейтральный розовый (blush pink ), слегка смягченный фиолетовый без перекосов в синий и красный, нефритовый (jade).

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