Выбор цветовой гаммы. Крутая шпаргалка по сочетанию цветов. Сочетания цветов в интерьере – раскладки для разных стилей
Оформляя свой дом вы неизбежно столкнетесь с необходимостью соотнести несколько цветов между собой. Существует несколько основных правил, зная которые вы с легкостью сможете обустроить любое помещение. В статье представлена таблица сочетания цветов в интерьере, а также много полезных советов и теоретических материалов. В рамках данной статьи вы узнаете про:
- цветовой круг и принцип его построения;
- тона, которые используются в том или ином стиле интерьера;
- как правильно сочетать их в интерьере;
- как выбирать оттенки и как их комбинировать.
Желаем вам удачного прочтения.
Теоретические аспекты сочетания цветов
Каждый дизайнер знает основы взаимодействия цветов и если вы решили самостоятельно оформить дизайн квартиры, то также должны в этом разобраться.
Есть ароматические цвета, к ним относится белый, черный, серый и хроматические. Хроматический круг представляет собой диаграмму, которая состоит из основных цветов: красного, синего и желтого. Смешивая основные цвета, получают вторичные тона.
Главный оттенок и те, что из него образуются, называются родственными, их есть четыре группы: желто-зеленые, желто-красные, сине-красные и сине-зеленые. Они хорошо гармонируют между собой, так как состоят из примеси одинаковых главных цветов.
В смежных четвертях находятся родственно-контрастные оттенки, их сочетания позволяют получить наиболее богатую гамму. Если сочетать цвета расположенные через один сектор, то они обычно вызывает неприятные ощущения. Противоположно друг другу в четвертях цветового круга расположены контрастные цвета. Их сочетание применяется, когда надо привлечь внимание к определенному месту в интерьере.
Таблица сочетания цветов в интерьере в зависимости от типа помещения
Так как цвет влияет на психоэмоциональное состояние человека и биохимические процессы в организме, в комнатах, имеющих различное назначение, сочетание оттенков при оформлении интерьера будет разным.
Особенно внимательно надо подходить к выбору палитры при оформлении таких помещений как спальня и детская комната, так как они предназначены для отдыха. При неправильном оформлении человек не сможет нормально отдохнуть как физически, так и психологически. Далее представлена таблица сочетания цветов в интерьере, составленная нашими дизайнерами.
| Название помещения | Рекомендуемая палитра сочетания цветов |
|---|---|
| Кухня | Мягкие и спокойные тона: желтый бирюзовый. |
| Прихожая | Тона, повышающие настроение и переваривание пищи: зелёный, бежевый, жёлтый, серебристый, а также их сочетание с красным и голубым. |
| Сочетание цветов в интерьере гостиной | Нейтральные, мягкие тона, которые разбавлены яркими акцентами. |
| Сочетание цветов в интерьере спальни | Пастельные тона и оттенки фиолетового. Учтите, что спальня – это личное пространство, поэтому здесь нет ограничений, и она оформляется по желанию хозяев. |
| Ванная | Светлые тона с голубоватым оттенком, так как они дают чувство свежести и чистоты. |
Что такое цветовой круг, по какому принципу строится и палитра сочетания цветов в интерьере
Профессиональные дизайнеры умеют правильно подбирать палитру сочетания цветов в интерьере, поэтому их работы выглядят привлекательно и гармонично. Для этого они используют инструмент под названием цветовой круг. Что же это такое?
Им называется условное представление видимого спектра солнечного света, на котором обозначают различные варианты цветов. На протяжении многих лет появлялись разные теории, поэтому существует несколько кругов:
В секторах круга оттенки размещаются практически в таком порядке, как и в спектре видимого света, а для связки крайних тонов, дополнительно используется условный пурпурный оттенок
Для лучшего понимания правильной сочетаемости необходимо построить цветовой круг. Человек отличает три основных тона: желтый, красный и синий. Все другие получают при смешивании основных между собой, а также основных и производных оттенков. Смешивая основные цвета, получают составные, а оставшиеся пустые клетки заполняют тонами третьего порядка.
Ещё немного теории про сочетание цветов в интерьере – фото таблицы холодных, теплых и нейтральных оттенков
Все что нас окружает, имеет свой окрас, и каждый тон оказывает определенное влияние на организм. Цветовой круг имеет несколько параметров и по одному из них он делится на холодный, теплый и нейтральный. Далее поговорим про сочетание цветов в интерьере, фото таблиц с оттенками прилагается.
Тёплые цвета
Чаще всего круг делят пополам, все оттенки желтого воспринимаются нами как теплые. Они подсознательно вызывают у человека чувство тепла, уюта и комфорта, поэтому позволяют создать в комнате приятную и гостеприимную обстановку. Такие тона мы ассоциируем с летом. Как правило, это:
- желтый;
- оранжевый;
- красный;
- фиолетовый.
Все оттенки, которые близки к синему, считаются холодными. Они ассоциируются с зимой, помогают создать в комнате ощущение прохлады и свежести, кажутся чистыми и далекими.
Оттенки, которые не вызывают у человека чувство тепла или прохлады, называются нейтральными. Если они располагаются рядом с теплыми или холодными оттенками, то сглаживают их воздействие и делают цвет более мягким.
Вся эта классификация условная, чистые цвета можно встретить только на картинке, в природе они плавно переходят один в другой, поэтому может быть красный как теплого, так и холодного оттенка.
Сочетания цветов в интерьере – раскладки для разных стилей
При создании определенного дизайна надо учитывать не только свои пожелания, а еще знать и выполнять определенные правила. Только так вы сможете правильно оформить свое помещение и не допустить серьезных и грубых ошибок.
Перед тем как изучить раскладки сочетания цветов в интерьере, рекомендуем обратить внимание на основные моменты правильного оформления дизайна:
- выбор основы;
- правильное сочетание теплых и холодных тонов;
- для создания уюта в большой комнате используются теплые тона;
- в маленькой комнате, лучше применять холодные тона, это позволит зрительно увеличить помещение;
- при оформлении кухни или столовой учитывайте, что оттенки могут как усиливать, так и угнетать аппетит;
- в спальне цветовая палитра сочетания цветов в интерьере должна обеспечивать комфортный отдых;
- для каждого стиля интерьера специалисты рекомендуют использовать определенные тона;
Для каждого стиля присуще свое цветовое решение для сочетания цветов в интерьере. Таблица, представленная далее, раскрывает все рекомендуемые оттенки при оформлении комнаты.
| Название стиля | Рекомендуемые оттенки |
|---|---|
| Классический | Разные тона, но обязательно должен быть белый. |
| Прованс | Голубой, розовый, светло-молочный. |
| Эко – стиль | Коричневый и грязно-зеленый. |
| Хай – тек | Белый, черный и цвет металла. |
| Барокко | Любые пастельные тона. |
| Модерн | Зеленый, синий, коричнево-бежевый. |
| Минимализм | Белый, черный. |
| Пин – ап | Желтый, розовый. |
| Лофт | Зеленый, красный, оранжевый, синий. |
| Кантри | Светло желтый, коричневый, песочный. |
| Футуризм | Салатовый, белый, ультрамариновый, лимонно-желтый. |
Варианты сочетания цветов в интерьере
Цвет играет огромную роль в создании интерьера, с его помощью можно создать комфорт и уют, визуально увеличить или уменьшить пространство, поэтому надо ответственно относиться к такому вопросу, как сочетание.
Этот вариант считается универсальным. Используются классические оттенки, к ним относятся бежевый, серый и белый. Комбинируя эти тона с другими, вы сможете создать классическое решение, которое будет всегда выглядеть современно и красиво. В таком случае вам не надо будет постоянно менять интерьер комнаты при покупке новой мебели, замене покрытия пола или других элементов.
Триада или сочетание 3 цветов
Использование трех основных цветов, которые всегда гармонично сочетаются между собой и могут использоваться в равных мерах. Сочетание красного, синего и желтого вызывает прилив эмоций и бодрость. Если они используются в чистом виде, то получается яркое и насыщенное решение. Если же использовать полутона, то оформление комнаты получается менее агрессивным и более комфортным.
Использование триады помогает наполнить комнату энергией, поэтому такое решение применяется для оформления гостинной, спортивных помещений и детских комнат, а в кухне или спальне этот дизайн не рекомендуется.
Этот вариант предусматривает использование 2-3 типов оттенков, которые в цветовом круге расположены рядом. Вам надо выбрать подходящий, в котором решили оформить комнату и в цветовом круге справа или слева от него выбрать несколько тонов. Данное решение простое и оригинальное, а подобрать два-три аналогичных цвета несложно.
При комплементарном сочетании используются контрастные оттенки, на цветовом круге они расположены напротив друг друга. При раздельно-комплементарном решении, вместо цвета, расположенного напротив, выбирают оттенок, который находится рядом с ним. Это позволяет создавать контрастные решения, но они получаются не такими напряженными, как при комплементарном сочетании.
Тетрада или сочетание 4 цветов
В этом случае схема состоит из основного цвета и есть еще два, которые его дополняют, а четвертый служит для выделения акцента. Это создает довольно интересный эффект, который вызывает положительные эмоции. В основном такие расцветки предпочитает молодежь или люди, находящиеся в постоянном движении и быстром ритме.
Волшебство цвета или эффект градиента в интерьере
Градиент в интерьере является современным решением, используемым для оформления разных жилых помещений. Основан он на плавном переходе от темного к светлому тону. Этот способ можно использовать при оформлении различных деталей интерьера.
Эффект градиента помогает внести в комнату свежесть и азарт. Обычно дизайнеры используют различные оттенки синего, так как именно он дает красивое сочетание цветов в интерьере.
Подбираем сочетание оттенков для разных мест в комнате – таблица с рекомендациями
Для создания в комнате комфортного и уютного пространства важно правильно подобрать цветовые решения при оформлении потолка, пола и стен. При помощи грамотного комбинирования можно даже в маленькую комнату вдохнуть свет и воздух, а большую комнату сделать более теплой и уютной. Далее в статье еще одна таблица сочетания цветов в интерьере, которая поможет вам подобрать оформление разных мест в комнате.
| Варианты оформления пола, стен и потолка | Рекомендуемые решения |
|---|---|
| Контрастное сочетание | Стены делают ярких тонов, пол темным, а потолок светлым. Можно визуально изменить размеры комнаты, скрыть существующие недостатки и выделить преимущества. |
| Актуальный градиент | Потолок светлый, стены немного темнее и темный пол. Переход от темного тона к светлому, позволяет создать гармонию, такое оформление подойдет для любой комнаты. |
| Свет и воздух | Стены и потолок светлые, пол темный. Подойдет для комнаты небольшой площади и с низкими потолками. |
| Противоположности | Потолок светлый, стены темные, пол светлый и наоборот. Этот вариант можно использовать в комнатах с низкими и высокими потолками. |
Психология цвета, или как он влияет на нас?
Проведенные исследования показали, что цвет влияет на настроение человека через его подсознание. На восприятие влияют такие факторы как состояние здоровья, возраст, социальное положение человека и его характер.
На женщин
Женщины более чувствительны к восприятию цвета и оттенков. Нет четкого разграничения на “мужские” и “женские“ цвета, так как каждый человек индивидуален. Несмотря на это, есть тона, которые больше предпочитают именно женщины:
- синий, он оказывает успокаивающий эффект и его любят как женщины, так и мужчины;
- зеленый, ассоциируется с природой и женским началом, символизирует здоровье и спокойствие;
- бирюзовый, этот оттенок один из самых любимых у женщин;
- фиолетовый – он является представителем ”женского” цвета, подчёркивает загадочность и таинственность женщины;
- розовые тона ассоциируются с женщинами, но это скорее не предпочтение, а приятное правило;
- сиреневый цвет также считается “женским”, он вызывает чувство романтизма и ностальгии.
С возрастом, предпочтения в цвете меняются, женщины больше любят розовый, а зеленому отдают меньшее предпочтение, чем в молодости.
На мужчин
Установлено, что мужчины воспринимают приблизительно на 30% меньше оттенков, по сравнению с женщинами. Часто женщины возмущаются, что мужчины не могут оценить их старания при выборе цвета, но это связано с физиологией, так как для них тыквенный и персиковый цвет между собой могут ничем не отличаться.
Большинство мужчин предпочитают синий и разные его оттенки. Некоторые ученые считают, что они его символизируют с чистой водой и ясным небом. Кроме синего, мужчины любят зеленый, но в отличие от женщин, предпочитают более холодные тона. Традиционно они любят черный, а фиолетовый и розовый большинство мужчин не могут терпеть.
На детей
Новорожденные дети видят все в черно-белом окрасе и только после 2 месяцев начинают различать другие цвета. В возрасте 2-5 лет они уже могут различать весь видимый спектр.
Детей привлекает все яркое, поэтому они любят розовые, красные, желтые тона, такие предпочтения сохраняются до 10 лет, после чего ребенку может уже нравится голубой тон и все его оттенки. Девочки предпочитают розовый, фиолетовый цвет, тогда как мальчики больше любят синий и его оттенки.
Сочетание цветов в интерьере: шторы и обои, а также мебель – как комбинировать?
В большинстве случаев текстиль покупают когда в комнате уже выполнен ремонт и расставлена мебель. В таком случае, при подборе нужных тканей возникает много трудностей, влияющих на сочетание цветов в интерьере. Шторы и обои, а также мебель намного проще подбирать одновременно.
Удачное сочетание цветов Если вы выбираете мебель и текстиль для квартиры в новостройке - сначала определитесь с базовыми оттенками, которые будут преобладать в интерьере. Сейчас в моде сочетание серого цвета в интерьере и фиолетового. В этом случае мебель может быть серой, шторы лучше всего бежевого цвета с узором серого или фиолетового оттенка, декоративные подушки делают из той же ткани, что и шторы, в этом же цвете вбирают и ковер.Порядок подбора цвета мебели и текстиля будет следующим:
- определяют первый и второй базовые оттенки;
- обои покупают в светлом оттенке первого цвета;
- мебель в двух разных тонах второго варианта;
- шторы должны быть из ткани с узором, состоящим из первого и второго цвета;
- такая же ткань будет и для декоративных подушек;
- подушки можно сделать из ткани насыщенного первого цвета.
Это условный алгоритм и каждый дизайнер может разработать свой, но если вы новичок в этом деле, то ориентируйтесь на описанную технологию и сможете правильно самостоятельно оформить дизайн своего дома.
Какие цвета точно не будут сочетаться?
Категоричного ответа на данный вопрос быть не может. Современная мода отличается экстравагантностью и креативностью. Если раньше сочетание зеленого цвета в интерьере и красного считалось безвкусным, то сейчас этим уже никого не удивишь.
При создании классического интерьера, специалисты не рекомендуют сочетать холодные и теплые тона, но могут быть небольшие яркие включения. Если вы хотите сочетать контрастные цвета, то делать это лучше с полутонами.
10 фактов о возможностях цвета в интерьере, о которых вы точно не знали!
Рассмотрим 10 интересных фактов о влиянии цвета при оформлении интерьера:
Видео – закрепим материал по сочетанию цветов в интерьере!
Сочетание цветов в интерьере – 15 фото
В коричневых тонах
В зоне отдыха
Городская квартира
Современный стиль
Холодные синие тона
В красной расцветке
Релакс-зона
В комнате с камином
Зеленые оттенки
В коттедже
На кухне
В комнате с фотографиями
Уютная атмосфера
Выбор цветов для проекта будь-то сайт или логотип – задача не из простых. Необходимо много навыков и умений, однако различные онлайн-сервисы могут значительно облегчить деятельность. Мы собрали 25 лучших инструментов для работы с , которые обязательно помогут сделать ваш проект ярким и запоминающимся!
1. Adobe Color CC
Сервис подбора цветов от Adobe позволяет создать свою палитру при помощи цветового колеса. Значительно упрощает задачу возможность выбрать одну из семи цветовых систем, благодаря чему большая часть схемы создается автоматически. Кроме того, вы можете просмотреть ранее созданные палитры и отобрать наиболее популярные за тот или иной промежуток времени.
2. ColourCode
Онлайн-инструмент, позволяющий создать палитру как вручную, так и при помощи цветовых систем, для которых достаточно выбрать лишь базовый цвет. Набор можно сохранить в трех форматах.
3. Colrd
Галерея готовых палитр, градиентов, а также картинок с соответствующими им цветовыми схемами.
4. 0 to 255
Данный сервис позволяет просмотреть все оттенки того или иного цвета, выбрать необходимый, а затем в один клик скопировать его HEX-код.
5. ColourLovers
Сайт ColourLovers можно назвать полноправным сообществом людей, так или иначе связанных с творчеством. Здесь можно найти миллионы различных цветов и палитр, а также создать свои наборы. Т.к. каждый зарегистрированный пользователь имеет возможность оценивать и комментировать чужие творения, есть возможность выбрать наиболее популярные цветовые схемы либо те, которые имеют большее количество отзывов. Кроме того, на сайте есть инструмент для получения палитры из готового изображения.
6. ColoRotate
Особенностью сервиса является то, что для создания палитры используется не совсем обычное цветовое колесо. Каждый из цветов является точкой на трехмерном конусе, которая выбирается в зависимости от оттенка. Как и на многих ресурсах, здесь можно найти и готовые палитры, но и их можно редактировать на свое усмотрение.
7. Web Colour Data
Если вы нашли веб-сайт, цветовое оформление которого вам понравилось, при помощи онлайн-сервиса Web Colour Data можно составить цветовую палитру: достаточно просто ввести адрес. Узнать можно не только цветовое наполнение, но и процентное соотношение каждого из цветов. Для примера на главной странице представлены палитры известных сайтов (Google, Pinterest, WordPress и др.).
8. Cohensive Colors
Интересный ресурс, который позволяет любую цветовую схему сделать гармоничнее. Для начала можно создать свою палитру либо выбрать случайную, взятую с сайта Colourlovers. Затем на нее накладывается один цвет и регулируется яркость – готово!
9. Designspiration
Большая галерея картинок с соответствующими им цветовыми палитрами. Доступен поиск по цветам, также есть возможность отсортировать фото по популярности.
10. LolColors
Небольшой, но достаточно креативный сайт, на котором можно найти 65 различных палитр, состоящих из четырех цветов. Любой посетитель может отметить понравившиеся цветовые наборы, а также найти наиболее популярные из них.
11.ColorScheme
Один из немногих русскоязычных ресурсов для работы с цветом. Доступно шесть различных цветовых систем, позволяющих сгенерировать четырехцветную палитру. Также у пользователя есть возможность увидеть пример веб-страницы, оформленной исходя из созданной цветовой схемы.
12. Color Hunter
Заняться самой настоящей охотой за цветом можно на сайте Color Hunter. Сервис достаточно простой: доступен поиск по тегам или HEX-коду, а также есть возможность загрузить изображение и “разложить” его на цвета.
13. Logomak
Ресурс, который идеально подойдет тем, кто никак не может определиться с цветами для своего . Что интересно, палитру можно подобрать в зависимости от сферы бизнеса. Сервис предлагает сразу несколько вариантов на выбор, и для каждого цвета подбирает сразу несколько палитр. В качестве приятного бонуса можно найти целый ряд уже созданных ранее логотипов. Для вдохновения – самое дело!
14. ColorHexa
Сервис не самый простой, но весьма полезный. На ColorHexa есть множество информации по любому цвету: палитры, оттенки, тона, альтернативные варианты и коды в различных цветовых моделях. Отыскать все это просто: достаточно всего лишь ввести в поисковой строке нужный HEX- или RGB-код, либо английское название цвета.
15. Color-Hex
Этот ресурс во многом схож с предыдущим. На Color-Hex также можно найти множество данных о каждом из цветов, будь то возможные палитры и тона или коды. Правда, цветовых наборов здесь можно найти несколько меньше, чем на ColorHexa, зато для разработчкиов здесь можно найти больше информации.
16. Coolors
Благодаря удобному интерфейсу и большому количеству настроек Coolors можно назвать одним из лучших инструментов для создания цветовой палитры. Есть возможность выбора цветов из загруженного изображения, готовую палитру можно сохранить в нескольких форматах. Если же создать ничего не получилось, можно позаимствовать: на сайте также имеется своя галерея палитр.
17. HTML Color Codes
Популярный сервис, название которого далеко не полностью характеризует его возможности. Здесь можно не только найти код цвета в различных цветовых моделях, но и создать палитру, а также прочесть множество статей. Полезных таблиц на HTML Color Codes также предостаточно, так что полезность данного ресурса трудно переоценить.
18. Material Palette
Простой и удобный генератор цветовых схем для материального дизайна. Для создания палитры достаточно двух кликов, а сохранить набор можно в одном из 7 форматов.
19. Material UI Colors
Инструмент для выбора цвета в стиле . Возможность в один клик копировать HEX- или RGB-код можно назвать одним из преимуществ сервиса.
20. ColorHunt
Галерея готовых палитр, которая постоянно пополняется. Каждый пользователь может отметить наиболее понравившиеся цветовые наборы, благодаря чему легко заметить наиболее популярные из них.
21. Colorful Gradients
Коллекция градиентов, цветовых кругов и двухцветных палитр.
22. Brand Colors
Когда для создания фирменного стиля не хватает фантазии, всегда можно найти удачные примеры, ведь различных брендов нынче множество. Цвета многих из них собраны на сайте Brand Colors, так что за вдохновением далеко идти не нужно.
23. Sip
Приложение, которым пользуются даже в таких известных компаниях как Amazon, Twitter и Pinterest, наверняка станет неплохим подспорьем при создании палитры. Правда, некоторые барьеры есть: доступен данный инструмент только на Mac или iPhone.
24. Colorfavs
Отличный инструмент для создания палитр из фото. При этом картинки загружать необязательно: достаточно добавить адрес изображения. Своя коллекция палитр на сайте также есть.
25. ColorDrop
Простая и удобная галерея палитр и цветов от датского дизайнера Тристана Уайта.
Использовать абсолютно все из вышеперечисленных сервисов необязательно: достаточно выбрать наиболее подходящие и составить свой инструментарий, с которым вы подойдете к охоте за цветом во всеоружии!
25 лучших сервисов для работы с цветом обновлено: Февраль 7, 2018 автором: admin
Каждую осень в предчувствии зимней хандры я облачаюсь в черное и серое, но уже к концу февраля мне хочется все это немедленно сжечь и составить полностью новый гардероб в ярких и жизнерадостных тонах. Вероятно, я не одинока в своих стремлениях, иначе чем еще объяснить, что осенне-зимние коллекции большинства брендов выполнены в более темных и глубоких цветах, а весенне-летние предлагают нам разные вариации светлых и ярких. Вместе с желанием купить все это желтое-розовое-голубое-оранжевое обычно приходят опасения: а с чем это носить? Эти опасения зачастую заставляют нас избегать цветов, про которые мы ничего не знаем, и придерживаться нескольких традиционных схем, которые усвоили давным-давно.
Выбираем подходящий цвет. Например, насыщенный желтый. Кликаем на схему сочетания (а лучше - на все по очереди) и получаем 6 готовых палеток.
Делаем скрины на телефон и с ними идем в магазин.
Что еще?
Есть несколько сайтов, которые создают цветовые палитры на основе фото с яркими цветовыми решениями. На них стоит заходить, чтобы вдохновляться, либо же подобрать конкретные сочетания к нужному цвету. Например:
in color balance (это сайт дизайнера, колориста и фотографа Alex Romanuke, который создает палитры вручную)
Можно пойти третьим путем: сфотографировать понравившееся вам сочетание и разложить на цвета, загрузив картинку на сайты вроде pictaculous.com либо color.adobe.com (это адобовское приложение составляет палитры по схемам, как и colorsсheme, и раскладывает на схему загруженное фото).
Собственно, на 6 схемах цветовые сочетания не исчерпываются, ведь мы берем их у природы, которая прекрасна и многообразна. Для хорошей работы с цветом стоит ориентироваться именно на природные сочетания, на работы великих художников, дизайнеров, архитекторов и фотографов. Разумеется, это не значит, что мы сможем повторить такое же сложное цветовое сочетание сразу или придумать что-то свое, такое же гениальное, но здесь работает то же правило, как с "врожденной" грамотностью и стилем в языке: чтобы хорошо писать, надо читать много хорошей литературы.
Хорошей вам работы с цветом и больше яркости в жизни!
Цвет широко используется в дизайне, - он позволяет «оживить» содержание - создать смысловую связь элементов, наполнить работу эмоциями и настроением. Начинающие дизайнеры берут случайные цвета, но есть способы использовать цвет более осмысленно. Рассмотрим 4 таких способа, организованных по принципу от простого к сложному.
1. Использовать известную гамму
На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.
2. Выбрать готовую профессиональную палитру
Самый простой способ - взять готовое сочетание цветов. Не обязательно каждый раз изобретать велосипед, ведь гармоничные сочетания известны давно. Зайдите на colordrop.io и выбирайте. На сайте сотни профессиональных 4-цветных палитр. Выбрав нужную, нажмите и скопируйте коды цветов с панели, открывшейся справа.
Кроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.
3. Определить палитру цветов понравившейся фотографии или картинки
Этот способ чуть сложнее. Но и эффектнее.
- На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
- Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
- Сервис определит сочетание цветов (внизу под загруженной картинкой).
- Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
- Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
- Кнопка «Auto» генерирует новые сочетания на основе того же фото.
- Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.
Главная страница сайта не менее функциональна. Здесь можно подобрать оттенки отдельных цветов или собрать новую палитру, заменив отдельные цвета.
4. Создать свою цветовую гамму онлайн
Загрузив фото на тот же сайт coolors.co , можно не только определить код цвета, но и создать собственные сочетания. Для этого нажмите пробел - сервис автоматически создает сочетание из 5-ти цветов.
На каждом цвете 4 значка-кнопки :
- Alternative shades - Оттенки цвета (темнее и светлее),
- Drag (Передвинуть цвет вправо или влево по палитре),
- Adjust (Настроить тон, насыщенность, яркость и др.),
- Lock (зафиксировать цвет).
Цвета для веб-дизайна играют огромную роль. Чтобы грамотно подобрать цветовую схему для сайта, существуют специальные сервисы. Уверена, что у каждого веб-дизайнера в закладках есть хотя бы один такой.
Иногда вот сидишь и думаешь, какой оттенок голубого выбрать основным для сайта, чуть светлее или чуть ярче, а может потемнее взять… А к нему еще надо дополнительные подобрать. Можно конечно делать это и на глаз, но лучше воспользоваться одним из специальных сервисов.
Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь.
С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.
Есть возможность оценить, как будут видеть вашу цветовую гамму люди с дальтонизмом и другими особенностями зрения. Можно выбрать безопасные веб-цвета.
Adobe Kuler второй веб инструмент, который я довольно часто использую. Подбор цветовой схемы происходит практически также, как и на предыдущем сайте, но люблю я его не за это. Кроме того, что вы сами можете создавать цветовые схемы, вы можете посмотреть и использовать схемы, созданные другими людьми.
Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.
Этот инструмент немного похож на Сolorscheme, но имеет меньше функций, зато есть возможность посмотреть, как будут выглядеть цветовые блоки.
Этим сайтом я практически не пользуюсь, но раз уж он есть у меня в закладках, то решила добавить и его.
Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic:)
Вы выбираете любую картинку, цвета которой вам нравятся, сервис ее анализирует и выдает вам цветовую палитру. Эти два сайта отличаются лишь тем, как предоставлять им картинку.
На этот сайт нужно загрузить картинку со своего компьютера.
Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».
Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.
Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.
И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.
Вот такие инструменты есть у меня в закладках.
Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?