Страсть к цвету

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

Различают следующие методы определения приемлемых цветовых сочетаний:

Монохромное – сочетание разных оттенков одного цвета.

Аналогичное – сочетание от 2 до 5 оттенков из трех рядом расположенных секторов.

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

Сплит-комплиментарное – сочетание основного и пары противоположных ему цветов.

Триада – сочетание 3-х цветов, равноудаленных друг по отношению другу.

Тетрада – две пары секторов, расположенных напротив.

Квадрат – четыре равноудаленных сектора.

круг – сочетания цветов

Установлено, что наиболее удачны для человеческого зрения комбинации 2-3 цветов. Тем не менее, творческие люди при создании графических образов довольно часто основывают образ на большем количестве цветовых оттенков.

Хроматичность (Chromaticity, Chorma)

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

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

Высокая хроматичность — очень сияющие, живые цвета.

Низкая хроматичность — ахроматичные, бесцветные цвета.

Хроматичность одинакова — средний уровень. Та же живость цветов несмотря на различный тон; чистота меньше, чем у образцов выше.

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

Хроматичность, которую часто называют «сочностью», является количеством цвета (hue) в цвете. Цвет без цвета (hue) является ахроматичным или монохроматичным, и видим как серый. Для большинства цветов, по мере увеличения яркости увеличивается и хроматичность, за исключением очень светлых цветов.

Цветовая модель Lab — ветеран компьютерной графики

Одна из ранних моделей, которая лежит в основе системы управления цветом в Photoshop. Модель Lab — это система координат из трёх осей:

• L — Lightness, яркость объекта;
• а — ось, по которой отложены градации от красного к зелёному;
• b — ось с градациями от жёлтого к синему.

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

Каждый цвет можно описать тремя координатами

Принцип работы Lab аналогичен тому, как нейроны сетчатки человеческого глаза кодируют цвета. Каждый цвет мы воспринимаем исходя из трёх координат. Светлый он или тёмный? Ближе к зелёному или к красному? В нём больше желтизны или синевы? Это называется оппонентные сигналы.

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

Так можно визуально представить модель Lab

Что такое круг Иттена

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

Создатель круга – Йоханнес Иттен, швейцарский художник и известный теоретик дизайна. Он написал книгу «Искусство цвета», где разобрал основы цветовой гармонии и описал принципы работы с данной таблицей.

Зачем такой круг нужен

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

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

Система RGB

Экран (как и всякое другое неизлучающее свет тело) — изначально тёмный. Его исходным цветом является чёрный. Все остальные цвета на нем получаются путём использования комбинации таких трёх цветов (традиционно в цветных кинескопах используются три «пушки»), которые в своей смеси должны образовать белый цвет. Опытным путём была выведена комбинация «красный, зелёный, синий» — RGB — red/green/blue. Чёрный цвет в схеме отсутствует, так как мы его и так имеем — это цвет «чёрного» экрана. Значит отсутствие цвета в схеме RGB соответствует чёрному цвету.

Эта система цветов называется аддитивной (additive), что в грубом переводе означает «складывающая/дополняющая». Иными словами, мы берём чёрный цвет (отсутствие цвета) и добавляем к нему первичные цвета, складывая их друг с другом до белого цвета.

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

Что такое цвет.

Цвет не только украшает нашу жизнь, он дает нам полезную информацию, а иногда даже предостерегает. Цвет – это жизнь. Цвет вдохновляет. Цвет делает нашу жизнь яркой.Цвет – это инструмент коммуникации. Он позволяет выразить себя и свое настроение. Сделать индивидуальным свой стиль.                                        
Растения и животные используют цвет для выживания, чтобы отпугнуть хищников, привлечь себе подобных, спрятаться в окружающей среде (камуфляж). В природе цвета работают как сигналы, так же, как красный сигнал светофора сигнализирует нам о необходимости остановиться, а знаки, окрашенные в желтый цвет, являются предупреждающими. Цвет – это символ. Цвета полны скрытых и явных условностей и символов, некоторые из которых превратились в клише. 
Красный – символ страсти, черный – зла, девочки носят розовый, а мальчики – голубой.
Но эти условности имеют под собой основания, и с ними нужно считаться.
К примеру, горящий зеленый индикатор на электронном устройстве означает, что устройство включено, и редко какой производитель решит использовать другую индикацию. И уж точно ни один полицейский не станет носить розовую форму – его трудно будет воспринимать всерьез.
Мы можем развивать свои органы восприятия. Творчество – один из самых лучших тренеров.
 Оно обостряет все наши чувства. Творчество заставляет нас иначе взглянуть на привычные вещи и понять, что нам нравится, а что – нет.
 Творчество позволяет менять привычный образ мышления. Колористика – работа с цветом – потребует от вас умения видеть конечный цветовой результат. Цвет – это постоянная практика: 
Редкие люди обладают чувством цвета от природы. Большинство обретают его путем практики и экспериментов. 
Работа с цветом начинается с изучения источников вдохновения. Нужно быть смелым в экспериментах с цветами и их комбинациями. 
Творческая работа с цветом изменит ваше восприятие оттенков окружающего мира.
Развитие остроты восприятия цветов приходит не только с естественной практикой – вы можете тренировать глаза, как спортсмены тренируют мышцы. Цвет – это вдохновение и видение: 
В поисках вдохновения многие напрямую обращаются к моде, но существуют бездонные источники вдохновения, помимо модных показов и глянца: дикая природа и города-мегаполисы богаты цветом, текстурой, узорами. 
Разные люди, экзотические места и культуры могут быть очень полезны в обретении собственного опыта работы с цветом: расписные шелковые ткани, племенные узоры и татуировки, богатые цвета специй – вот лишь несколько примеров.
Итак, вдохновение можно найти в чем угодно: в искусстве, моде, дизайне, культуре, путешествиях, природе.
Куда бы вы ни шли, вдохновение вокруг вас. Вам нужно просто осознать произведенное на вас впечатление. Цвет – это инструмент. Цвет меняет форму объекта. Ее оптический размер, ее углы и грани.
Цветом можно выделить акцент формы или сгладить его, можно сделать форму броской или гармонично вписать ее в окружающее пространство.  Цвет – это субъективное ощущение. Цвет – условность созданная глазными рецепторами человека и историческим культурным наследием той среды, в которой воспитывался индивидуум. Разные люди могут видеть один и тот же цвет по разному. 
И даже если два человека видят его одинаково, они могут по разному к нему относится и испытывать разные эмоции.
Давайте разберемся почему и отчего это зависит. 

Adobe Color

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

• Последовательная
• Монохромная
• Треугольная
• Комплементарная
• Сплит-комплементарная
• Двойная сплит-комплементарная
• Квадратная
• Составная
• Оттеночная
• Произвольная

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

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

Дополнительный функционал

• Генерация палитры из загруженной фотографии
• Генерация градиента из загруженной фотографии
• Симулятор дальтонизма
• Поддерживает RGB, PANTONE, HSV, CMYK и LAB

Цвета цветового круга

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

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

Внутри этого шара есть ось: от белого до черного – средне-серого цвета. Это позволяет при любом разрезе шара видеть градиент от серого до светлого или темного тона любого цвета.

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

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

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

Нейтральные тона

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

• розовый;
• малиновый;
• желтый;
• оранжевый;
• красный.

Теплые цвета

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

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

Холодные оттенки

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

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

Способы комбинации нескольких цветов по схеме Иттена

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

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

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

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

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

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

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

Аналоговая триада

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

Контрастная триада

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

Тетрада

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

Прямоугольник

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

Выбор цвета

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

На данных иллюстрациях представлены панели выбора цвета программ Paint, Photoshop, и Fireworks:

MS Paint: стандартная панель цветов Windows.

Adobe Photoshop CC: уже лучше, но представление цветового пространства по-прежнему плоское.

Adobe Fireworks CS6: цветовой круг, свойства цвета, широкие возможности по подбору палитры цветовых сочетаний.

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

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

Практика

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

Возьмём реальный пример, где цвета подобраны правильно и при этом интерьер небанальный:

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

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

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

Давайте выбирать цвет дивана и стены.

Всё не то.

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

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

Больше фото этой квартиры в материале про современный дизайн интерьера.

Типы сочетания цветов в интерьере

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

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

Существуют разные типы сочетания цветов и каждому типу соответствует своя геометрическая иллюстрация на круге.

1. Аналогичные (Analogous). Набор цветов расположенных на круге рядом.
2. Контрастные, они же комплиментарные, они же взаимодополняющие (Complementary). Расположены друг напротив друга на линии проведённой через центр. Например, коричневый и синий.
3. Конфликтные. Расположены на линиях пересекающихся в центре цветового круга под прямым углом. Например красный и синий.
4. Триада. Равноудалены друг от друга (образуют равносторонний треугольник). Например красный, зелёный и синий — три основных цвета образуют именно такой треугольник.
5. 2 пары. Собственно 2 пары комплиментарных цветов линии которых пересекаются в середине круга под прямым углом.

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

Светимость цвета (немного неверно называют яркостью) — количество примеси белого и чёрного в итоговом. В геометрическом выражение расстояние до центра круга. Насыщенность — количество серого.

Самые проницательные мгновенно поймут, что при таком количестве способов, почти все цвета можно сочетать. И что главное правило сочетания цветов в интерьере:

Важно!

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

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

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

Что это – цветовой круг Иттена?

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

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

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

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

Круг цветовых сочетаний

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

Круг цветовых сочетаний имеет набор цветовых схем.

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

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

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

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

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

Существует 4 варианта четырехцветного сочетания по цветовому кругу:

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

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

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

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

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

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

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

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

ColorExplorer

ColorExplorer – многофункциональный ресурс с большими возможностями работы с цветом. Он был разработан специально для профессиональных дизайнеров. Набор инструментов данного ресурса позволяет не только подбирать цвета и составлять цветовые палитры, но и изучать популярные библиотеки цветов, объединять библиотеки, экспортировать палитры в такие программы, как Adobe Photoshop, Illustrator, InDesign и др.

Для того чтобы получить цветовую тему понравившегося изображения, следует загрузить его через вкладку Image Color Import. Вы увидите все цвета и оттенки (от 3 до 50), имеющиеся на данном изображении.

Очень интересно работать во вкладке Color Matching – это цветовой блендер, позволяющий изменять компоненты цвета с помощью значений RGBи HSL. Подобрав необходимую цветовую палитру, вы можете добавить её к уже существующей, либо сделать замену, ну, и как вариант, сохранить в своих палитрах My Palettes.

6 наиболее эффективных схем выбора цвета для сайта

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

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

1. Триада (тройная гармония, треугольник)

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

Выберите на цветовом круге любые 3 оттенка (1 для фона и 2 для навигационной панели и контента), находящиеся в 120 градусах друг от друга.

Двойная комплиментарная система

Данное решение может оказаться выгодным, но такую гамму воплотить будет труднее. Здесь нужны 4 цвета: два вспомогательных и два контрастных.

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

Аналоги (последовательная система)

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

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

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

Раздельный выбор

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

Прямоугольник

Здесь задействуют 4 цвета: 1 преобладающий, 2 вспомогательных и 1 акцентирующий.

Квадрат

Это самое энергичное, яркое и динамичное решение.

Мы ознакомили вас лишь с основами цветовой теории, которая позволяет создавать впечатляющие веб-дизайны. А то, насколько далеко вы зайдете в своих творческих экспериментах, зависит от вас самих.

Что это такое?

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

Глаз человека различает достаточно узкий диапазон длины волн, соответствующих разным цветам: самую длинную видимую волну (примерно 750 нм) имеет красный цвет, а самую короткую (380 – 400 нм) – фиолетовый. Человеческий глаз не в состоянии увидеть инфракрасный свет и ультрафиолет.

Сетчатка человека воспринимает эти самые 7 лепестков радуги, о которых сложена считалочка «каждый охотник желает знать, где сидит фазан»: за красным – оранжевый, а далее – желтый, который пристроился на зеленом, чуть ниже – голубой, синий, а держит все это фиолетовый. Но ведь их гораздо больше – коричневый и салатовый, розовый и горчичный – всех не перечесть. Как определить их место в цветовой гамме, откуда они взялись и как сочетаются с другими цветами – эти вопросы давно будоражили не только художников, декораторов, но и ученых.

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

Со временем теория цветового круга развивалась, менялась, но ею пользуются и сейчас, начиная от воспитателей детских садов при проведении психологических тестов с детьми и заканчивая физиками, дизайнерами, инженерами и стилистами. Цветовой спектр, представленный в виде разных фигур, дает нам представления о первичных и вторичных цветах, холодных и теплых оттенках. Картина полного круга позволяет определить, какие цвета являются противоположными, а какие – родственными, так как это непрерывный цветовой переход от тона к тону. Также с его помощью можно определить оттенок (hue), насыщенность (saturation), яркость (brightness) – HSB.

Get Color — программа для определения цвета

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

• HSL. Модель конвертирует цвета в различные градации серого.
• RGB/RGBA. Формат для художников и веб-дизайнеров.
• CSS/CSS3. Так называется кодировка для верстки HTML.
• CMYK. Это модель для применения в полиграфическом дизайне.

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

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

Изменение фона в приложении GetColor

В самом верху экрана есть клавиша для перехода к инструменту «Пипетка».

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

Теория Цвета

• О цвете с самого начала

• Музей цветовых моделей

• Словарь теории цвета

• Как подобрать гармоничную комбинацию цветов

Как подобрать гармоничную комбинацию цветов

В данной статье описывается простой процесс подбора гармоничных сочетаний цветов

А что, как не гармоничное сочетание цветов, важно для создания приятного, радующего глаз веб-сайта?. Маленькое замечание: в качестве первичных цветов по художеской традиции упоминаются красный, синий, жёлтый

Но мы-то с вами знаем, что первичными цветами на самом деле являются красный, зелёный, синий

Маленькое замечание: в качестве первичных цветов по художеской традиции упоминаются красный, синий, жёлтый. Но мы-то с вами знаем, что первичными цветами на самом деле являются красный, зелёный, синий.

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

Во-первых, давайте разберёмся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, жёлтый и синий. Для того, чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим. Жёлтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и жёлтый — зелёный. А что такое третичные (tetriary) цвета? Просто берётся первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

Рис. А.: для того, чтобы научиться подбирать великолепные цветовые схемы, для начала знать о трёх типах цветов.

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

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