Подбор цветов и генерация цветовых схем

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

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

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

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

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

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

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

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

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

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

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

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

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

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

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

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

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

Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

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

Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

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

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

Таблица HTML цветов

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

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

HTML Имя Цвета HEX RGB Красные тона: IndianRed #CD5C5C 205, 92, 92 LightCoral #F08080 240, 128, 128 Salmon #FA8072 250, 128, 114 DarkSalmon #E9967A 233, 150, 122 LightSalmon #FFA07A 255, 160, 122 Crimson #DC143C 220, 20, 60 Red #FF0000 255, 0, 0 FireBrick #B22222 178, 34, 34 DarkRed #8B0000 139, 0, 0 Розовые тона: Pink #FFC0CB 255, 192, 203 LightPink #FFB6C1 255, 182, 193 HotPink #FF69B4 255, 105, 180 DeepPink #FF1493 255, 20, 147 MediumVioletRed #C71585 199, 21, 133 PaleVioletRed #DB7093 219, 112, 147 Оранжевые тона: LightSalmon #FFA07A 255, 160, 122 Coral #FF7F50 255, 127, 80 Tomato #FF6347 255, 99, 71 OrangeRed #FF4500 255, 69, 0 DarkOrange #FF8C00 255, 140, 0 Orange #FFA500 255, 165, 0 Жёлтые тона: Gold #FFD700 255, 215, 0 Yellow #FFFF00 255, 255, 0 LightYellow #FFFFE0 255, 255, 224 LemonChiffon #FFFACD 255, 250, 205 LightGoldenrodYellow #FAFAD2 250, 250, 210 PapayaWhip #FFEFD5 255, 239, 213 Moccasin #FFE4B5 255, 228, 181 PeachPuff #FFDAB9 255, 218, 185 PaleGoldenrod #EEE8AA 238, 232, 170 Khaki #F0E68C 240, 230, 140 DarkKhaki #BDB76B 189, 183, 107 Фиолетовые тона: Lavender #E6E6FA 230, 230, 250 Thistle #D8BFD8 216, 191, 216 Plum #DDA0DD 221, 160, 221 Violet #EE82EE 238, 130, 238 Orchid #DA70D6 218, 112, 214 Fuchsia #FF00FF 255, 0, 255 Magenta #FF00FF 255, 0, 255 MediumOrchid #BA55D3 186, 85, 211 MediumPurple #9370DB 147, 112, 219 BlueViolet #8A2BE2 138, 43, 226 DarkViolet #9400D3 148, 0, 211 DarkOrchid #9932CC 153, 50, 204 DarkMagenta #8B008B 139, 0, 139 Purple #800080 128, 0, 128 Indigo #4B0082 75, 0, 130 SlateBlue #6A5ACD 106, 90, 205 DarkSlateBlue #483D8B 72, 61, 139 Коричневые тона: Cornsilk #FFF8DC 255, 248, 220 BlanchedAlmond #FFEBCD 255, 235, 205 Bisque #FFE4C4 255, 228, 196 NavajoWhite #FFDEAD 255, 222, 173 Wheat #F5DEB3 245, 222, 179 BurlyWood #DEB887 222, 184, 135 Tan #D2B48C 210, 180, 140 RosyBrown #BC8F8F 188, 143, 143 SandyBrown #F4A460 244, 164, 96 Goldenrod #DAA520 218, 165, 32 DarkGoldenRod #B8860B 184, 134, 11 Peru #CD853F 205, 133, 63 Chocolate #D2691E 210, 105, 30 SaddleBrown #8B4513 139, 69, 19 Sienna #A0522D 160, 82, 45 Brown #A52A2A 165, 42, 42 Maroon #800000 128, 0, 0 Основные цвета: Black #000000 0, 0, 0 Gray #808080 128, 128, 128 Silver #C0C0C0 192, 192, 192 White #FFFFFF 255, 255, 255 Fuchsia #FF00FF 255, 0, 255 Purple #800080 128, 0, 128 Red #FF0000 255, 0, 0 Maroon #800000 128, 0, 0 Yellow #FFFF00 255, 255, 0 Olive #808000 128, 128, 0 Lime #00FF00 0, 255, 0 Green #008000 0, 128, 0 Aqua #00FFFF 0, 255, 255 Teal #008080 0, 128, 128 Blue #0000FF 0, 0, 255 Navy #000080 0, 0, 128

HTML Имя Цвета HEX RGB Зелёные тона: GreenYellow #ADFF2F 173, 255, 47 Chartreuse #7FFF00 127, 255, 0 LawnGreen #7CFC00 124, 252, 0 Lime #00FF00 0, 255, 0 LimeGreen #32CD32 50, 205, 50 PaleGreen #98FB98 152, 251, 152 LightGreen #90EE90 144, 238, 144 MediumSpringGreen #00FA9A 0, 250, 154 SpringGreen #00FF7F 0, 255, 127 MediumSeaGreen #3CB371 60, 179, 113 SeaGreen #2E8B57 46, 139, 87 ForestGreen #228B22 34, 139, 34 Green #008000 0, 128, 0 DarkGreen #006400 0, 100, 0 YellowGreen #9ACD32 154, 205, 50 OliveDrab #6B8E23 107, 142, 35 Olive #808000 128, 128, 0 DarkOliveGreen #556B2F 85, 107, 47 MediumAquamarine #66CDAA 102, 205, 170 DarkSeaGreen #8FBC8F 143, 188, 143 LightSeaGreen #20B2AA 32, 178, 170 DarkCyan #008B8B 0, 139, 139 Teal #008080 0, 128, 128 Синие тона: Aqua #00FFFF 0, 255, 255 Cyan #00FFFF 0, 255, 255 LightCyan #E0FFFF 224, 255, 255 PaleTurquoise #AFEEEE 175, 238, 238 Aquamarine #7FFFD4 127, 255, 212 Turquoise #40E0D0 64, 224, 208 MediumTurquoise #48D1CC 72, 209, 204 DarkTurquoise #00CED1 0, 206, 209 CadetBlue #5F9EA0 95, 158, 160 SteelBlue #4682B4 70, 130, 180 LightSteelBlue #B0C4DE 176, 196, 222 PowderBlue #B0E0E6 176, 224, 230 LightBlue #ADD8E6 173, 216, 230 SkyBlue #87CEEB 135, 206, 235 LightSkyBlue #87CEFA 135, 206, 250 DeepSkyBlue #00BFFF 0, 191, 255 DodgerBlue #1E90FF 30, 144, 255 CornflowerBlue #6495ED 100, 149, 237 MediumSlateBlue #7B68EE 123, 104, 238 RoyalBlue #4169E1 65, 105, 225 Blue #0000FF 0, 0, 255 MediumBlue #0000CD 0, 0, 205 DarkBlue #00008B 0, 0, 139 Navy #000080 0, 0, 128 MidnightBlue #191970 25, 25, 112 Белые тона: White #FFFFFF 255, 255, 255 Snow #FFFAFA 255, 250, 250 Honeydew #F0FFF0 240, 255, 240 MintCream #F5FFFA 245, 255, 250 Azure #F0FFFF 240, 255, 255 AliceBlue #F0F8FF 240, 248, 255 GhostWhite #F8F8FF 248, 248, 255 WhiteSmoke #F5F5F5 245, 245, 245 Seashell #FFF5EE 255, 245, 238 Beige #F5F5DC 245, 245, 220 OldLace #FDF5E6 253, 245, 230 FloralWhite #FFFAF0 255, 250, 240 Ivory #FFFFF0 255, 255, 240 AntiqueWhite #FAEBD7 250, 235, 215 Linen #FAF0E6 250, 240, 230 LavenderBlush #FFF0F5 255, 240, 245 MistyRose #FFE4E1 255, 228, 225 Серые тона: Gainsboro #DCDCDC 220, 220, 220 LightGrey #D3D3D3 211, 211, 211 LightGray #D3D3D3 211, 211, 211 Silver #C0C0C0 192, 192, 192 DarkGray #A9A9A9 169, 169, 169 DarkGrey #A9A9A9 169, 169, 169 Gray #808080 128, 128, 128 Grey #808080 128, 128, 128 DimGray #696969 105, 105, 105 DimGrey #696969 105, 105, 105 LightSlateGray #778899 119, 136, 153 LightSlateGrey #778899 119, 136, 153 SlateGray #708090 112, 128, 144 SlateGrey #708090 112, 128, 144 DarkSlateGray #2F4F4F 47, 79, 79 DarkSlateGrey #2F4F4F 47, 79, 79 Black #000000 0, 0, 0

Как сочетать цвета в одежде

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

В этой статье

Как узнать, какие цвета подходят?

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

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

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

Изображение: Shutterstock

Цветовой круг был впервые изобретен сэром Исааком Ньютоном в 18 веке, когда он попытался объединить цветовой спектр в колесо и визуально представить взаимосвязь между ними. Колесо было разделено на следующие категории. Хотя мы сосредоточимся на использовании его для одежды и нарядов, эта теория универсальна и применима практически ко всему, что связано с цветами.

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

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

• Вторичные цвета

Вторичные цвета представляют собой комбинацию основных цветов. Таким образом, красный + желтый = оранжевый, красный + синий = фиолетовый, а синий + желтый = зеленый.

• Третичные цвета

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

• Теплые и холодные цвета

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

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

Изображение: Shutterstock

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

Знаете ли вы?

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

Связанный: 20 способов сочетать черно-белые наряды для женщин

Каковы принципы подбора цветов?

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

Вот как их можно сопоставить.

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

Изображение: Shutterstock

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

Быстрый совет

Экспериментальный принцип подбора цветов в моде — расщепленно-комплементарный. Вы выбираете цвет и сопоставляете его с соседними цветами дополнительного цвета.

• Аналоговый

Изображение: Shutterstock

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

• Триадный

Сочетание цветов, равноудаленных друг от друга на цветовом круге, называется «триадным». Они прекрасно смотрятся вместе, но некоторые могут возразить, что они могут быть ОТТ. Тем не менее, вы можете выбрать приглушенные оттенки этих цветов, чтобы сделать свой наряд. Пара зеленых карго с пастельно-розовым топом и голубыми аксессуарами или туфлями будет выглядеть утонченно и со вкусом. 9С чем носить красные брюки запомнить. Самый безопасный способ сделать это — смешать разные оттенки одного цвета. Однако очень скоро это неизбежно станет однообразным и скучным. Помните, как мы обсуждали дополнительные цвета? (Красный и зеленый, фиолетовый и желтый, синий и оранжевый.) Поиграйте с комбинацией этих цветов; они будут отлично смотреться вместе.

• Тест на омбре

Изображение: Instagram , Instagram , Instagram

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

• Монохромный вид

Изображение: Instagram

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

• Одна вещь за раз

Изображение: Instagram

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

• Закон о балансе

Изображение: Instagram

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

• Соответствуйте оттенку вашей кожи

Изображение: Shutterstock

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

С чем носить белые джинсы — идеи нарядов

• Если сомневаетесь — ошибайтесь на нейтральной стороне

Изображение: Instagram

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

Переодевание — это не просто набрасывание на тело случайных предметов одежды. Это действительно искусство и требует вдумчивых усилий. Безусловно, модный цветовой круг многим открыл глаза и заставил увидеть значение цветов и их сочетания в одежде. Важно знать, как смешивать и сочетать цвета в одежде, чтобы лучше подчеркнуть вашу индивидуальность. Персональный стилист Паола Фарина говорит: «Если вы сомневаетесь, найдите профессионала для анализа цвета. Один из способов узнать, какие цвета вам больше подходят, — это посмотреть на свои вены. Зеленые прожилки соответствуют теплому подтону, а голубые – холодному оттенку. Кроме того, если вам больше подходят коралловые оттенки помады, у вас теплый подтон кожи, а если клубничные оттенки вам идут, ваша кожа имеет холодный подтон. Так что выбирайте похожие цвета».

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

Часто задаваемые вопросы

Какая связь между модным цветовым кругом и теорией цвета?

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

Чем модный цветовой круг отличается от традиционного цветового круга?

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

В чем разница между модным цветовым кругом и обычным цветовым кругом?

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

Ключевые выводы

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

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

• Автор

Шпаргалка по сочетаниям цветов (2023)

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

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

Начните продавать онлайн прямо сейчас с Shopify

Начните бесплатный пробный период

Основы сочетания цветов

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

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

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

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

Как работает цветовой круг?

Простой цветовой круг состоит из 12 цветовых оттенков, расположенных вокруг центральной втулки.

Цветовой круг, состоящий из первичных, вторичных и третичных цветов

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

Основные цвета, выделенные на цветовом круге

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

• Красный + Синий = Фиолетовый
• Синий + желтый = зеленый
• Красный + желтый = оранжевый

Вторичные цвета, выделенные на цветовом круге

Третичные цвета

получаются путем смешивания одного из основных цветов с одним из ближайших вторичных цветов. Третичные цвета встречаются между всеми первичными и вторичными цветами.
• Красный + оранжевый = красно-оранжевый
• Желтый + Оранжевый = Желто-оранжевый
• Желтый + Зеленый = Желто-зеленый
• Синий + Зеленый = Сине-зеленый
• Синий + Фиолетовый = Сине-фиолетовый
• красный + фиолетовый = красно-фиолетовый

Третичные цвета, выделенные на цветовом круге
Цветовая терминология

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

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

Психология цвета

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

Выбор цветовой комбинации — это не выбор цветов, которые вам нравятся; речь идет о выборе цветов, которые вызывают эмоции, которые вы ищете у своей аудитории.

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

«Цвет — это сила, которая непосредственно влияет на душу». — Василий Кандинский

Ниже приводится краткое описание различных оттенков и чувств, которые они часто вызывают:

• Красный : волнение, опасность, энергия, мужество, сила, гнев
• Оранжевый : творчество, энтузиазм, здоровье, счастье, воодушевление, равновесие
• Желтый : солнце, надежда, оптимизм, свет, позитив, свежесть
• Зеленый : здоровье, природа, обновление, щедрость, свежесть, окружающая среда
• Синий : свобода, доверие, экспансивность, надежность, вера, вдохновение
• Фиолетовый : королевская власть, роскошь, сила, гордость, творчество, тайна

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

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

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

Цветовые сочетания

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

Монохромные комбинации

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

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

Дополнительные комбинации

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

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

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

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

• Красный и зеленый
• Синий и оранжевый
• Желтый и фиолетовый
• Желто-зеленый и красно-фиолетовый
• Красно-оранжевый и сине-зеленый

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

Аналогичные комбинации

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

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

Примеры аналогичных комбинаций:

• Фиолетовый, синий и бирюзовый
• Красный, фуксия и фиолетовый
• Красный, оранжевый и желтый
• Зеленый, синий и фиолетовый

Раздельные дополнительные комбинации

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

Примеры разделенных дополнительных цветовых схем:

• Красный, сине-зеленый и желто-зеленый
• Синий, красно-оранжевый и желто-оранжевый
• Желтый, сине-фиолетовый и красно-фиолетовый
• Фиолетовый, желто-оранжевый и желто-зеленый

Триадные цветовые комбинации

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

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

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

Триадные цвета Примеры:

• Красный, желтый и синий
• Фиолетовый, зеленый и оранжевый
• Сине-фиолетовый, красно-оранжевый и желто-зеленый

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

Тетрадические комбинации 

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

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

Примеры четырехцветных цветовых схем:

• Красный, зеленый, сине-фиолетовый и желто-оранжевый
• Желтый, фиолетовый, сине-зеленый и красно-оранжевый

Ключ к экспериментам

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

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

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

Наши любимые комбинации
Монохром
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Дополнительный
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Аналог
Цветовые палитры из Canva .
Сплит
Искусство Кимберли Рэйчел .

No related posts.