Идеальный подбор цветов

Правильное сочетание цветов

Правильное сочетание 30 цветов: от белого до чёрного.

  1. Белый сочетается со всеми цветами. Наилучшее сочетание с синим, красным и черным.
    #FFFFFF
    #0000FF#FF0000#000000
  2. Бежевый сочетается с голубым, коричневым, изумрудным, черным, красным.
    #F5F5DC
    #00BFFF#A52A2A#50C878#FF0000
  3. Серый (базовый цвет) сочетается с “капризными” цветами: фуксия, красный, фиолетовый, розовый, синий.
    #808080
    #FF00FF#FF0000#8B00FF#FFC0CB#0000FF
  4. Розовый сочетается с коричневым, зеленой мятой, оливковым, серым, бирюзовым, светло-голубым.
    #FFC0CB
    #A52A2A#98FF98#808000#808080#30D5C8#E0FFFF
  5. Фуксия сочетается с серым, желто-коричневым, зеленым лаймом, зеленой мятой, коричневым.
    #FF00FF
    #808080#D2B48C#32CD32#98FF98#A52A2A
  6. Красный сочетается с желтым, бурым, зеленым, синим, черным.
    #FF0000
    #FFFF00#45161C#008000#0000FF#000000
  7. Томатно–красный сочетается с голубым, зеленой мятой, песочным, сливочно–белым, серым.
    #EC2D01
    #00BFFF#98FF98#FCDD76#FDF4E3#808080
  8. Вишнево-красный сочетается с лазурным, серым, светло-оранжевым, песочным, бледно-желтым, бежевым.
    #911E42
    #007FFF#808080#FFA000#FCDD76#FDEAA8#F5F5DC
  9. Малиново-красный сочетается с белым, черным и дамасской розой.
    #DC143C
    #FFFFFF#000000#FF4364
  10. Коричневый сочетается с ярко-голубым, кремовым, розовым, палевым, зеленым, бежевым.
    #A52A2A
    #00FFFF#FFFDD0#FFC0CB#FFF9D0#008000#F5F5DC
  11. Светло-коричневый сочетается с бледно-желтым, кремовым, синим, зеленым, пурпурным, красным.
    #CD853F
    #FDEAA8#FFFDD0#0000FF#008000#C5007F#FF0000
  12. Темно-коричневый сочетается с лимонно-желтым, голубым, зеленой мятой, пурпурно-розовым, зеленым лаймом.
    #654321
    #FFF44F#00BFFF#98FF98#FF99CC#32CD32
  13. Рыжевато-коричневый сочетается с розовым, темно-коричневым, синим, зеленым, пурпурным.
    #B7410E
    #FFC0CB#654321#0000FF#008000#C5007F
  14. Оранжевый сочетается с голубым, синим, лиловым, фиолетовым.
    #FF8000
    #00BFFF#0000FF#CC99FE#8B00FF
  15. Светло–оранжевый сочетается с серым, коричневым, оливковым.
    #FFA000
    #808080#A52A2A#808000
  16. Темно–оранжевый сочетается с бледно–желтым, оливковым, коричневым, вишнёвым.
    #FF5300
    #FDEAA8#808000#A52A2A#911E42
  17. Желтый сочетается с синим, лиловым, светло-голубым, фиолетовым, серым, черным.
    #FFFF00
    #0000FF#CC99FE#E0FFFF#8B00FF#808080#000000
  18. Лимонно-желтый сочетается с вишнево-красным, коричневым, синим, серым.
    #FFF44F
    #911E42#A52A2A#0000FF#808080
  19. Бледно-желтый сочетается с фуксией, серым, коричневым, красным, желтовато-коричневым, синим, пурпурным.
    #FDEAA8
    #FF00FF#808080#A52A2A#FF0000#CC7722#0000FF#C5007F
  20. Золотисто-желтый сочетается с серым, коричневым, лазурным, красным.
    #FFD700
    #808080#A52A2A#007FFF#FF0000
  21. Оливковый сочетается с апельсиновым, светло-коричневым, коричневым.
    #808000
    #FF8800#CD853F#A52A2A
  22. Зеленый сочетается с золотисто-коричневым, оранжевым, салатовым, желтым, коричневым, серым, кремовым, черным, сливочно-белым.
    #008000
    #DAA520#FF8000#7FFF00#FFFF00#A52A2A#808080#FFFDD0#000000#FDF4E3
  23. Салатовый цвет сочетается с коричневым, желтовато-коричневым, палевым, серым, темно-синим, красным.
    #7FFF00
    #A52A2A#CC7722#FFF9D0#808080#000080#FF0000
  24. Бирюзовый сочетается с фуксией, вишнево-красным, желтым, коричневым, кремовым, темно-фиолетовым.
    #30D5C8
    #FF00FF#911E42#FFFF00#A52A2A#FFFDD0#800080
  25. Электрик сочетается с золотисто-желтым, коричневым, светло-коричневым, серым, серебряным.
    #2C75FF
    #FFD700#A52A2A#CD853F#808080#C0C0C0
  26. Голубой сочетается с красным, серым, коричневым, оранжевым, розовым, желтым.
    #00BFFF
    #FF0000#808080#A52A2A#FF8000#FFC0CB#FFFF00
  27. Темно-синий сочетается с светло-лиловым, голубым, желтовато-зеленым, коричневым, серым, бледно-желтым, оранжевым, зеленым, красным.
    #000080
    #DCD0FF#00BFFF#ADFF2F#A52A2A#808080#FDEAA8#FF8000#008000#FF0000
  28. Лиловый сочетается с оранжевым, розовым, темно-фиолетовым, оливковым, серым, желтым.
    #CC99FE
    #FF8000#FFC0CB#800080#808000#808080#FFFF00
  29. Темно-фиолетовый сочетается с золотисто-коричневым, бледно-желтым, серым, бирюзовым, зеленой мятой, светло-оранжевым.
    #800080
    #DAA520#FDEAA8#808080#30D5C8#98FF98#FFA000
  30. Черный универсален, сочетается со всеми цветами. Наилучшее сочетание с оранжевым, розовым, салатовым, красным, сиреневым, желтым, белым.
    #000000
    #FF8000#FFC0CB#7FFF00#FF0000#C8A2C8#FFFF00#FFFFFF

  • Таблица RGB цветов
  • Таблица «безопасных» цветов
  • Сводная таблица стилей
  • Сводная таблица специальных символов
  • Accessibility color wheel – сервис подбора цветов для фона и текста с учетом пользователей с ограниченными способностями.
    Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.

.
Прокомментировать/Отблагодарить

Rusability

Сочетания цветов для модного графического дизайна: 33 фото с примерами

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

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

Цветовая гамма: краткий гид

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

Цветовое колесо, основной инструмент дизайнера, состоит из трех первичных цветов (красный, желтый, синий), трех вторичных, которые получаются при смешивании первичных (зеленый, оранжевый и фиолетовый) и шести третичных, которые получаются при смешивании первичных и вторичных.

С одной стороны круга располагаются теплые цвета (красный, оранжевый, желтый), с другой – холодные (синий, зеленый, фиолетовый).

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

Объединяясь, цвета образуют цветовые гаммы или комбинации. Существует три базовые схемы:

  • Комплементарное сочетание. Дополняющие друг друга цвета находятся на противоположных сторонах цветового круга. Их сочетание создает контраст и приковывает внимание, но использовать прием нужно с осторожностью.
  • Аналогичное сочетание. В этом случае для дизайна выбирают цвета, которые располагаются рядом друг с другом. Один из них доминирует, другой дополняет, третий служит акцентом.
  • Триада. Здесь сочетаются оттенки, расположенные на разных сторонах круга (при их соединении должен получиться треугольник). Такие дизайны получаются яркими, в них есть и контраст и гармония.

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

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

33 сочетания цветов в дизайне (фото + гамма)

1. Розовый и лиловато-красный

Эти контрастные цвета вместе смотрятся энергично. Ассоциируются они с молодостью, весельем и женственностью.

#e52165 – #0d1137

2. Красный, цвет морской пены, нефрит и фиолетовый

Комбинация цветов, основанная на триаде, – отличное решение для цветочных мотивов и создания винтажного настроения.

#d72631 – #a2d5c6 – #077b8a – #5c3c92

3. Желтый, пурпурный, светло-голубой и черный

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

#e2d810 – #d9138a – #12a4d9 – #322e2f

4. Горчица и черный

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

#f3ca20 – #000000

5. Пурпурный, красное золото, бирюзовый и кирпичный

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

#cf1578 – #e8d21d – #039fbe – #b20238

6. Оттенки розового и коричневого

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

#e75874 – #ba1558 – #fbcbc9 – #322514

7. Золотой, темно-серый и серый

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

#ef9d10f – #3b4d61 – #6b7b8c

8. Темно-синий, миндаль, красно-оранжевый и манго

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

#1e3d59 – #f5f0e1 – #ff6e40 – #ffc13b

9. Бежевый, бирюзовый и черный

Мужественный бежевый прекрасно оттеняет сочетание бирюзового и черного. Цвета ассоциируются с природной силой и вдохновляют.

#ecc19c – #1e847f – #000000

10. Темно-синий, охра, жженая сиена и светло-серый

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

#26495c – #c4a35a – #c66b3d – #e5e5dc

11. Лиловый, сапфировый и голубой

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

#d9a5b3 – #1868ae – #c6d7eb

12. Голубой, темно-красный и индиго

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

#408ec6 – #7a2048 – #1e2761

13. Малиновый и оттенки голубого

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

#8a307f – #79a7d3 – #6883bc

14. Темно-зеленый, оранжевый и персиковый

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

#1d3c45 – #d260fa – #fff1e1

15. Морская пена, оранжево-розовый и темно-синий

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

#aed6dc – #ff9a8d – #4a536b

16. Красный, зеленый и пурпурный

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

Читайте также:  Способ, который позволял выполнять изделия высочайшего уровня сложности

#da68a0 – #77c593 – #ed3572

17. Сине-зеленый, коралловый, бирюзовый и серый

Сине-зеленый умиротворяет, а коралловый привлекает внимание к деталям. На сером фоне это сочетание выглядит особенно выигрышно.

#316879 – #f47a60 – #7fe7dc – #ced7d8

18. Фуксия, сепия, розовый и темно-фиолетовый

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

#d902ee – #ffd79d – #f162ff – #320d3e

19. Светло-розовый, серо-зеленый, голубой и лиловый

Симпатичная тропическая палитра, которая напоминает о пляже и солнечных деньках. Цвета смотрятся современно и стильно.

#ffcce7 – #daf2dc – #81b7d2 – #4d5198

20. Бежевый, черно-коричневый и бронзовый

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

#ddc3a5 – #201e20 – #e0a96d

21. Сепия, сине-зеленый, бежевый и серо-зеленый

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

#edca82 – #097770 – #e0cdbe – #a9c0a6

22. Желто-зеленый, оливковый и зеленый

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

#e1dd72 – #a8c66c – #1b6535

23. Фуксия, желтый и пурпурный

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

#d13ca4 – #ffea04 – #fe3a9e

24. Горчица, серо-зеленый и зеленый

Комбинация цветов ассоциируется с деревьями и природой. Отлично подойдет для эко-ниши и органических продуктов.

#e3b448 – #cbd18f – #3a6b35

25. Бежевый, синевато-серый и хаки

Два дополняющих друг друга оттенка коричневого смотрятся мужественно и зрело. Хаки же делает палитру элегантной.

#f6ead4 – #a2a595 – #b4a284

26. Бирюзовый и фиолетовый

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

#79cbb8 – #500472

27. Светло-розовый, зеленый и морская пена

Нежная триада ассоциируется с природой, женственностью, теплотой и выглядит при этом дорого.

#f5beb4 – #9bc472 – #cbf6db

28. Алый, оливковый и сине-зеленый

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

#b85042 – #e7e8d1 – #a7beae

29. Красный, желтый, светло-голубой и фиолетовый

Эта палитра – настоящая вечеринка. Дружелюбные цвета дарят радость и заряжают оптимизмом.

#d71b3b – #e8d71e – #16acea – #4203c9

30. Оливковый, бежевый и бронзовый

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

#829079 – #ede6b9 – #b9925e

31. Оттенки синего и зеленый

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

#1fbfb8 – #05716c – #1978a5 – #031163

32. Бирюзовый, горчица и черный

Классическое сочетание теплых и холодных оттенков успокаивает и улучшает настроение. Черный делает дизайн более современным.

#7fc3c0 – #cfb845 – #141414

33. Персиковый, оранжево-розовый и сине-зеленый

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

#efb5a3 – #f57e7e – #315f72

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

Как выбрать и создать цветовую схему для сайта

Не можете выбрать подходящие оттенки для своего макета? Вам помогут сервисы подбора цветовой схемы для сайта и наши рекомендации.

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

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

Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.

Как выбрать идеальный цвет

Если верить исследованиям, большинство людей принимают подсознательное решение о покупке продукта в течение 90 секунд. Причем это решение чаще всего основывается на восприятии цветов, которые видит человек. Наверняка вы заметили, что большинство luxury-брендов делают ставку на черный, а за экомарками прочно закрепился зеленый и его оттенки.

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

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

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

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

Сервисы подбора цветовых схем для сайта

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

Adobe Color CC — разработка компании Adobe, подарившей нам Photoshop, Illustrator и десяток других программ. Инструмент отличается гибкими настройками, а выбранные цветовые схемы для сайта можно сохранять в своей библиотеке.

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

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

Color Safe — этот инструмент понравится тем, кому небезразлична аббревиатура WCAG (Руководство по обеспечению доступности веб-контента, в которое входит множество рекомендаций, помогающих сделать информацию на сайте доступной разным пользователям — например, когда нужно учесть особенности восприятия слабовидящих людей). В алгоритм подборщика встроены необходимые параметры, что удобно при работе над сайтами.

Material Color Tool — сервис специально был создан в помощь дизайнерам пользовательских интерфейсов. Главная особенность в том, что выбранную цветовую палитру можно сразу применить к схеме веб-страницы и оценить, насколько удачным получится результат.

Paletton — еще один интересный инструмент для создания цветовых схем для сайта, во многом повторяющий возможности уже рассмотренного Adobe Color CC.

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

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

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

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

Литература

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

Иоханнес Иттен.
«Искусство цвета»

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

«Искусство цвета» поможет узнать больше о теории цвета и гармонии оттенков.

Сочетание цветов в интерьере: 30 фото идей + таблица совместимости

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

Как определиться с цветом?

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

Читайте также:  Люстра в коридоре — страшная роскошь

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

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

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

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

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

Например, если ваш основной цвет – шоколадный, и вы хотите использовать 5 различных цветов, то 65% займет основной тон.

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

Стиль и цвет

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

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

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

Итак, перед вами таблица стилей и цветовые гаммы.

ЦветСтильСочетание с другими цветамиПодходит для:Особенности
БелыйСовременный, классика, модернВсеВсех комнатДобавляет воздушности и увеличивает пространство
СерыйПрованс, кантри, классическийЖелтый, зеленый, красный, оранжевый, черный, белый, пурпурныйКабинет, гостиная, комната для подростка, кухняНейтральный цвет. Подходит для спокойного времяпровождения
ЧерныйАр Деко, хай тек , модерн, лофт, минимализмФиолетовый, белый, золотой, красный, оранжевыйБольшая гостинаяВизуально уменьшает пространство, ассоциируется с роскошью
КрасныйМодерн, хай тек, минимализм, классика, арт декоБелый, коричневый, фиолетовый, серый, оранжевыйГостиная, кухняАктивизирует зрительный нерв
ОранжевыйМодерн, прованс, минимализм, современныйБежевый, черный, белый, голубой, зеленый, красныйГостиная, кухняВозбуждает аппетит, ассоциируется с апельсинами
ЖелтыйСовременный, минимализм, провансБелый, серый, фиолетовый, коричневый, черный, красный, синийПросторная гостиная, детская комнатаНапоминает лето, солнце, поднимает настроение. Часто используется для акцента.
ЗеленыйКлассика, кантри, современныйБежевый, коричневый, белый, серый, желтыйКухня гостиная, зал, детская, кухня, ваннаяДобавляет свежести в интерьер
РозовыйМодерн, классика, шебби шик, кантриЧерный, красный, фиолетовый, белый, серыйДетская для девочек, гостиная, кухняПастельный розовый успокаивает, яркий утомляет
СинийКлассический, хай тек, кантри, лофтБелый, зеленый, красный, серый, коричневый, желтый, черныйБольшая гостиная, детская, кухня, ванная комната, туалет, квартира студияДобавляет солидности и одновременно спокойствие. Олицетворяет оригинальность и практичность.
ФиолетовыйХай тек, классический, лофтБелый, розовый, зеленый, желтый, черный, синийКвартира студия, ванная комната, гостиная, кухня, детская, спальняАссоциируется с сиренью, весенние оттенки
КоричневыйСовременный, кантри, прованс, классическийБелый, красный, зеленый, серый, фиолетовый, желтый, черный, оранжевый, бежевыйГостиная, кухня, спальня, коридор, ванная комната, кабинетСоздает домашнюю атмосферу, добавляет уют и теплоту

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

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

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

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

  1. Увеличивает пространство.
  2. Является светоотражающим полотном.
  3. Можно использовать со светлым оттенком стен.
  4. Подходит для спальни, ванной комнаты, туалета, гостиной

  1. Сочетается как со светлыми стенами, потолком, так и темными. Но должен быть как минимум на 1 тон темнее.
  2. Подходит для любого помещения.
  3. На его фоне хорошо смотрятся яркие акценты, при наличии хорошего освещения
  4. Плохо сочетается с темной дверью.

Стены

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

Активные цвета являются акцентом. Сочетаются либо с противоположным ярким цветом, либо менее ярким, спокойным.

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

Потолок

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

Если выбор пал на темный потолок, то стоит учитывать несколько нюансов:

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

Мебель

Выбирая цвет мебели помните про 2 основных принципа:

  1. Она должна быть темнее стен
  2. Светлее пола

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

Лекция 4. Цветовые коды. Работа с цветом в образе и силуэте

Сегодня лекция IFM посвящена методам контрастирования, смягчения и балансировки силуэта.

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

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

Схема «Отрезок через центр круга»

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

Схема «Отрезок»

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

Схема «Треугольник равносторонний»

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

Схема «Треугольник остроугольный»

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

Схема «Прямоугольник»

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

Схема «Квадрат»

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

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

Читайте также:  Отделяет жилую зону от входа в квартиру

Работа с контрастами.
Влияние контрастов на силуэт

→ дополняющие цвета (желтый / фиолетовый, синий / оранжевый, зеленый / красный)

→ теплые (красный, желтый, оранжевый) и холодные (синий, фиолетовый, голубой) цвета

→ яркие и нейтральные (красный и бежевый, синий и дымчатый)

→ светлые и темные (бледно-желтый и фиолетово-черный)

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

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

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

​Работа с оттенками.
Влияние оттенков на силуэт

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

→ аналогичные или оттеняющие (желто-оранжевый и оранжевый)

→ нейтральные (серый, бежевый)

→ пастельные или мягкие (бледно-голубой, бледно-розовый)

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

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

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

Сочетание 3 и 4 оттенков. Балансировка силуэта

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

Правило сочетания цветов, которое действует всегда:

3 цвета + 1 акцент = максимум 4 цвета (в схемах цветового круга)

Акцент также может смягчать образ или контрастировать его. Акцентировать силуэт можно обувью, сумками, аксессуарами, а также небольшими элементами гардероба.

Ключевые цветовые семейства

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

Нейтральные

Нейтральные: черный, бежевый, нюдовый, молочно-белый, терракотовый, коричневый, белый.

Темные: черный, серый, бордовый, синий, хаки.

Нейтральные цветовые семейства используются в униформах (военной, деловой), официальных костюмах, легких повседневных нарядах, модных total look. Могут использоваться для создания как классического традиционного, так и ультрамодного образа.

Яркие

Осенние: теплые тминный, бордовый, сине-зеленый, молочно-белый.

Летние: фруктовые и яркие лимонный, лазурный, ярко-розовый, зеленый.

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

Романтические

Романтические: цветочные и растительные сиреневые, фиалковые, розовые, салатовые, желтые.

Пастельные: перламутрово-белые, серебристые, нежно-голубые, нежно-розовые, нежно-коралловые, лавандовые.

Ключевые цветовые коды

Цветовой код – это устоявшееся цветовое сочетание, которое вызывает у человека определенные ассоциации. Коды могут вызывать положительные или отрицательные эмоции и относиться не только к моде. Например, желтый и красный могут ассоциироваться с Макдональдсом, черные и желтые – с предупреждающими вывесками или Билайном. Также к нежелательным цветовым кодам можно отнести пары черный + оранжевый (Хэллоуин), зеленый + красный (Новый год).

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

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

Красный + серый: городской код, элегантный casual и спорт, современный контраст, более мягкий, чем черно-белый.

Красный + бежевый: сочетание классики и современности, роскошная повседневная одежда, женственность.

Красный + синий: легкое спортивное сочетание, casual городской гардероб.

Новые цветовые коды

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

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

Красный + пастельный: тенденция, применимая не только в женской или мужской моде, но также в интерьере и декоре.

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

Следующие лекции IFM будут посвящены видам фигур и работе с ними и мужскому стилю. Следите за новостями Rendez-Vous Daily по хештегу #IFM4rendezvous, чтобы не пропустить полезные лекции.

Сервисы подбора цвета для веб-дизайна

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

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

Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .

Сервисы подбора цвета для веб-дизайна

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

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

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

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

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

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

Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic 🙂

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

На этом сайте необходимо указать ссылку на изображение.

На этот сайт нужно загрузить картинку со своего компьютера.

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

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

Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?

Нужен сайт с правильными цветами? Пишите, сделаем 🙂

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

Ссылка на основную публикацию