Десять ресурсов для работы с цветом

Выбор готовой палитры

Бесплатный онлайн подбор цветов, все палитры уже готовы, вы только выбираете. В программе ColorDrop (https://colordrop.io/ ) представлены очень удобные 4-х цветные палитры для различных целей. Палитры составлены специалистами по цветовому оформлению. Цвета обозначены в различных кодах, что дает больше возможности для подбора в компьютерной графике, художественной краски, строительной краски, цвета ткани, отделки, полиграфии.

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

Imgonline — сервис, который поможет подобрать цвет по фото

Отличный многофункциональный онлайн-сервис, который позволяет проводить за считанные секунды все ключевые операции по обработке изображений. Зайти в нужный раздел сайта можно по данной ссылке imgonline.com.ua.

Как определить цвет по фото с его помощью:

1. Загрузить картинку с компьютера;

   Выбрать изображение на IMGonline

2. Задать нужные настройки и кликнуть ОК;

   Завершение настройки IMGonline

3. Получить результат и скачать изображение с привязанной к нему палитрой.

   Как сохранить результат IMGonline

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

Примеры комбинаций в интерьере

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

Детская комната: всё для развития малыша

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

Красные оттенки «растормошат» медлительного малыша, а гиперактивного сделают совсем неуправляемым

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

Фиолетовый не рекомендуется для использования в детской, так как этот оттенок угнетающе действует на нервную систему

 О сочетании цветов в интерьере кухни: фото аппетитных вариантов

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

Салатовый цвет будет уместен в интерьере позитивных людейКлассические пастельные тона — универсальный вариантЯркие розовые оттенки придают интерьеру утонченностиЖелтый считается депрессивным цветом, но не в данном случае

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

Осторожно с гостиной

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

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

Личное пространство: спальня

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

Предпочтительны пастельные нежные тона, включая нежно-фиолетовый

Свойства цвета

К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.

Тон (hue)

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

Тон — это базовый материал, который можно изменить тремя разными способами: затушевать, затенить и тонировать. В зависимости от применяемой техники тон превращается в оттенок, тень или тональность.

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

Яркость (Value)

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

Хроматичность (Chromacity)

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

Насыщенность (Saturation)

Этот признак имеет много общего с яркостью и хромом, поэтому иногда их могут путать

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

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

Приложение «Календарь» (Tubik)

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

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

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

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

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

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

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

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

Принципы формирования композиций цветов в интерьере

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

Однотонный тип

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

Принцип аналоговой триадыИсточник pobetony.ru

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

Красочный, нарядный тип оформления. Некоторым кажется слегка назойливым. Популярен у творческих личностей.

Контрастные тона в спальнеИсточник houzz.se

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

Контрастное сочетание цветов с доминирующим фиолетовымИсточник seattlehelpers.org

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

Круг Иттена поделен на 12 частей. В каждой части представлены все оттенки одного цвета. По интенсивности идет возрастание от центра вверх, к краю.

Цветовой круг – удобный инструмент для дизайнерских решенийИсточник dizain.guru

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

• Цветовые таблицы. Это ещё одна шпаргалка для креативных. Цветовые сочетания представлены в виде схем. На первом месте доминирующий цвет. За ним вся компания: 2 дополнительных, несколько акцентных.
• Имеются таблицы для определения цветовых сочетаний интерьера в зависимости от расцветки мебели.

Цветовой круг для создания гармоничных интерьеровИсточник greatlabel.ru

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

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

Что касается смешивания цветов между собой — это важный момент в триаде, но здесь есть два подхода:

Вариант 1. Использовать оттенки смеси доминирующего и второстепенного и оттенки смеси доминирующего и третьестепенного, но сами дополнительные цвета не смешивать.

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

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

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

Типы цвета

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

Первичные цвета (Primary)

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

Вторичные цвета (Secondary)

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

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.

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

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

Приложение по прогнозу погоды (Tubik)

Кради как художник

Это название известной книги Остина Клеона (https://austinkleon.com/steal/) . Основная мысль – ваш личный творческий подход к уже придуманным кем-то идеям, это тоже творчество. Оно дает прекрасные результаты.
Поэтому, почему бы не воспользоваться цветовой гаммой, которая уже придумана и используется с успехом крупными компаниями для своего продвижения.
Бесплатная программа BrandColors ( https://brandcolors.net/) предлагает более 500 цветовых схем, которые используют в своих логотипах известные мировые бренды. Тут же для вашего удобства приведены точные hex коды каждого цвета.

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

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

Практика

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

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

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

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

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

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

Всё не то.

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

Восприятие цветовой палитры

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

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

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

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

В чем разница между UX и UI

UX и UI – это две неразрывные части веб-дизайна, в котором удобство и понятность сочетается с привлекательным для пользователей внешним видом.

Если кратко, то UX отвечает за проектирование и логическое расположение элементов на интернет-сервисе, а UI – это визуальная составляющая и приятная внешняя оболочка сайта или приложения.

UI-дизайн – это работа над звуком, текстом, анимацией, иллюстрациями, меню, слайдерами, шрифтами и т. д.

UX-дизайнер трудится над данными, схемами, таблицами, а UI-специалист оживляет страницы сайта или приложения.

К UI-дизайну приступают после разработки макета UX-специалистом.

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

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

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

Если вас интересует конкретно UI-дизайн, то советую познакомиться с подборкой курсов и книг по этой тематике на блоге iklife.ru.

Палитра цветов — инструкция по работе в Adobe Color

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

Раздел «Создать»:

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

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

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

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

Листаем чуть ниже

Обратите внимание, что слева можно развернуть вкладку и выбрать цветовой режим из RGB, CMYK, HSV и LAB. В зависимости от этого будут меняться бегунки, но цвет остаётся тем же

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

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

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

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

Извлечение темы

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

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

Извлечение градиента

Новинка в Adobe Color — извлечение градиента. Загрузка картинки происходит аналогичным образом

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

А затем в разделе «Цветовой круг» вставить его в основной столбец и поиграть цветами.

Цветовая игра

В последней вкладке данного раздела разработчики сервиса Adobe Color разместили игру. Так что, если совсем нечем заняться, можно поиграть и потренировать память.

Раздел «Смотреть»

Если вас ещё не посетили идеи по поводу цветового оформления сайта, зайдите в раздел «Смотреть». Изучайте все источники или разверните вкладку справа. И откройте Цветовые темы, Творческие проекты или Фотографии Stock, чтобы смотреть готовые решения. Наслаждайтесь и вдохновляйтесь красивыми видами, пока не определитесь.

Тенденции

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

Моя библиотека

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

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

Также можно опубликовать в Adobe Color. Продолжить редактировать в цветовом круге. Или удалить. Ну а чтобы применить какой-либо цвет из палитры на сайте, просто копируйте, нажав на блок. А затем вставляйте в нужное место в файле CSS.

Подход к выбору цвета

Алгоритм

К выбору цветов нужно подходить последовательно:

1. Выбираем базовый цвет. Белый или серый — легко и правильно т.к. они подходят к стандартным отделочным материалам. Коричневый, персиковый, черный или любой другой, если хотите страдать.
2. Думаем о вещах, которые появятся в комнатах в процессе жизнедеятельности. Составляем список ВСЕХ вещей и цветов которые они могут иметь.
3. Учитывая предыдущий пункт, выбираем любимый основной акцентный (адекватный выбранному стилю дизайна).
4. По цветовому кругу выбираем к нему дополнительные.
5. Думаем о доле акцентных. От этого зависит допустимая насыщенность. Чем большую площадь занимает цвет, тем менее броским он должен быть.
6. Распределяем наши яркие пятна по разным точкам комнаты. Загруженность должна быть равномерной.
7. Понимаем главный принцип. Для стильного дизайна достаточно белого, серого, чёрного и дерева. Яркость мы добавляем чтобы сделать ещё круче. И в этом всегда лучше недоборщить, чем переборщить.
8. Упрощаем наш план по акцентным цветам раза в 2.

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

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

Натуральные

Итак, базовая палитра — белый, серый, чёрный и дерево.

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

Разобьём несколько реальных фотографий интерьеров на палитры:

Стоп.

Они же казались почти монохромными, а там оказывается куча цветов!

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

Но всё же разберёмся как это делать.

Лучшие цвета для интерьера

Для интерьеров нас интересуют 2 внутренних кольца (пастельные цвета), 3 внешних (тёмные) и они же но с другой насыщенностью.

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

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

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

Кстати:

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

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

Они слишком агрессивны, они давят на психику и тянут на себя всё внимание

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

Итого исключаем из нашего интерьера:

1. Чистые красный, синий, зелёный.
2. Яркие насыщенные розовые цвета.
3. Тёмные и грязные зелёные(оставляем натуральный травяной зелёный, бледный пастельный и все смеси вроде фисташкового).
4. Бледно персиковый из отделки (в текстиле можно). Причина — персиковый приелся в евроремонтах начала двухтысячных.

Итак, всё вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придётся кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведённые здесь схемы — лишь отправная точка, а не вершина мастерства. Ведь в конечном счёте решающим фактором будет читаемость текста на веб-сайте и его внешний вид (look and feel). Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

ColorScheme.Ru

Colorscheme.ru – это сервис, который дает пользователям возможность не только подобрать гармоничные цвета и оттенки, используя цветовой круг, но и познакомиться с цветовой теорией. На сайте вы найдете множество интересных статей из книги Иоханнеса Иттена “Искусство Цвета”. Рекомендую обязательно их прочитать. В них содержится базовая информация о цвете.

Помимо прочего, сервис обладает дополнительным функционалом, который может пригодиться веб разработчикам. Для них доступны специальные ключевые слова, которые можно применять для обозначения того или иного цвета при программировании на HTML, CSS, JavaScript, Flash, и др.

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