Цвета сочетания: Цвета RAL – Таблица RAL CLASSIC — Все каталоги цветов RAL по CMYK и RGB с примерами — ColorScheme.Ru

Цвета 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 Имя ЦветаHEXRGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00255, 255, 0
Olive#808000128, 128, 0
Lime#00FF000, 255, 0
Green#0080000, 128, 0
Aqua#00FFFF0, 255, 255
Teal#0080800, 128, 128
Blue#0000FF0, 0, 255
Navy#0000800, 0, 128
HTML Имя ЦветаHEXRGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

Цвета Pantone — Онлайн каталог Pantone.

Таблица Пантонов по CMYK и RGB — ColorScheme.Ru

ColorScheme

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

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

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

Цветовая модель Пантон, система Pantone Matching System — это широко используемая стандартизованная система идентификации и подбора цвета, общепризнанный международный стандарт в издательском деле и офсетном производстве.

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

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

В таблице представлен Pantone Color Bridge Coated Process. Данный каталог цветов содержит лишь ближайшие CMYK и RGB аналоги к смесевым цветам. Далеко не каждый цвет из палитры Pantone возможно передать триадными красками, — цветовой диапазон смесевых цветов Pantone гораздо шире, чем у триадных красок CMYK.

  • Номер цвета:
  • Страница 1
  • <
  • >
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
ОбразецЦвет PantoneCMYKHTMLRGB
PANTONE 10000560#FCEA76252234118
PANTONE 10100680#FCE85F25223295
PANTONE 10200950#FEE5002542290
PANTONE 1035510016#D0BC002081880
PANTONE 10471310028#BBA30D18716313
PANTONE 10513188845#99873015313548
PANTONE 10600750#FCE85D25223293
PANTONE 10700920#FDE72425323136
PANTONE 10805980#F9DA002492180
PANTONE 109091000#F8D5002482130
PANTONE 1102221008#DBB21621917822
PANTONE 11182110028#B6992018215332
PANTONE 112102010040#A48C1A16414026
PANTONE 11302830#FAE34E25022778
PANTONE 11404870#F9DE4524922269
PANTONE 11506870#F8DB4624821970
PANTONE 1160141000#F5CB082452038
PANTONE 11762710012#CDA31F20516331
PANTONE 11872810030#B48F1F18014331
PANTONE 119172210047#937F2014712732
PANTONE 12005640#F7DD76247221118
PANTONE 12108700#F6D86F246216111
PANTONE 122011800#F5D25824521088
PANTONE 123019890#F2C54124219765
PANTONE 1240301000#EDB22023717832
PANTONE 12563210024#BB912118714533
PANTONE 126113110036#A7861D16713429
PANTONE 12704620#FAE17B250225123
PANTONE 12807750#F8D96224821798
PANTONE 129011780#F6D15A24620990
PANTONE 1300321000#EDAC1A23717226
PANTONE 13123910010#D0941F20814831
PANTONE 13293810032#AB7F2017112732
PANTONE 133193710059#775F1F1199531
PANTONE 134012600#F5D27A245210122
PANTONE 135021760#F1C15C24119392
PANTONE 136028870#EFB64623918270
PANTONE 1370411000#EAA12423416136
PANTONE 1380521000#E68C2823014040
PANTONE 13974910025#B2782717812039
PANTONE 140194910054#7D5A251259037
PANTONE 141016650#F5CD66245205102
PANTONE 142024780#F2BF4C24219176
PANTONE 143032870#F0B33624017954
PANTONE 1440511000#EA961C23415028
PANTONE 1454531008#D0892120813733
PANTONE 14675010034#A9762016911832
PANTONE 14719389058#78642812010040
PANTONE 148017430#F4D199244209153
PANTONE 149024510#F2C688242198136
PANTONE 150041780#EDAA5023717080
PANTONE 1510601000#E88D2123214133
PANTONE 1520661000#E6852323013335
PANTONE 15356410017#C1772319311935
PANTONE 15486610041#9D61201579732
PANTONE 155012340#F5D7A5245215165
PANTONE 156023490#F1C382241195130
PANTONE 157042740#EBA34423516368
PANTONE 158062950#E47E1A22812626
PANTONE 1591721007#D0651E20810130
PANTONE 16067110031#AB5A201719032
PANTONE 161166710071#66401D1026429
PANTONE 162025350#F0C4A0240196160
PANTONE 163044520#EBA677235166119
PANTONE 164059800#E68A4823013872
PANTONE 1650701000#E3782822712040
PANTONE 1660761000#E06C2A22410842
PANTONE 16757710015#BB5D291879341
PANTONE 168128010060#6F3B201115932
PANTONE 169030260#EEBCA8238188168
PANTONE 170048500#E89C77232156119
PANTONE 171061720#E4834E22813178
PANTONE 172073870#E06E3722411055
PANTONE 173082942#D7572B2158743
PANTONE 17488610036#9C41241566536
PANTONE 17518797856#77402E1196446
PANTONE 176035180#EDB9B4237185180
PANTONE 177054380#E7948A231148138
PANTONE 178070580#E27865226120101
PANTONE 179087850#DD51432218167
PANTONE 1803918612#C1433C1936760
PANTONE 18121938850#80352F1285347
PANTONE 18203180#ECBEC5236190197
PANTONE 183049170#E79CA6231156166
PANTONE 184073320#DF6B7C223107124
PANTONE 185093790#D937402175564
PANTONE 1862100856#C92A392014257
PANTONE 18771008226#AC2B371724355
PANTONE 188161006558#7D29351254153
PANTONE 189039100#EBB3BC235179188
PANTONE 190056180#E58F9E229143158
PANTONE 191079360#DE627622298118
PANTONE 192094640#DB3B502195980
PANTONE 1932996211#C32E4C1954676
PANTONE 19481005537#9D29451574169
PANTONE 19519905055#7E35451265369
PANTONE 19602360#EFCAD0239202208
PANTONE 197046120#E8A1B0232161176
PANTONE 198082370#DC567222086114
PANTONE 1990100720#D829492164173
  • Номер цвета:
  • Страница 1
  • <
  • >
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

цветовых комбинаций | Цветовые схемы

Добро пожаловать в ColorCombos

Объявления

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

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

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

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

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

Последняя статья в блоге о цветах

Как использовать цвет в стратегии социальных сетей

Дата: 09 июня 2019 г., Автор: Admin

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

Почему визуальные эффекты доминируют в социальных сетях?

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

Подробнее

Теги: цветовая стратегия, медиа-стратегия, стратегия в социальных сетях

Влияние цветов на классную среду

Дата: 20 апреля 2019, Автор: Admin

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

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

Подробнее

Теги: цвета внутренней отделки, цвета мебели, цвета классной комнаты

Шпаргалка по цветовым сочетаниям, которая вдохновит вас на дизайн

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

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

Содержание поста

  • Основы сочетания цветов
    • Цветовой круг
    • Как работает цветовой круг?
    • Цветовая терминология
  • Психология цвета
  • Цветовые комбинации
    • Монохромные комбинации
    • Дополнительные комбинации
    • Аналогичные комбинации
    • Сплит-комплементарные комбинации
    • Триадические комбинации
    • Четверные комбинации
  • Ключ к экспериментам
  • Наши любимые комбо
    • Монохромный
    • Дополнительный
    • Аналог
    • Сплит
    • Триада
    • Тетрадик
  • Хотите узнать больше?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Красный + Оранжевый = Красно-оранжевый.
  • Желтый + Оранжевый = Желто-оранжевый.
  • Желтый + Зеленый = Желто-зеленый.
  • Синий + Зеленый = Сине-зеленый.
  • Синий + Фиолетовый = Сине-фиолетовый.
  • Красный + Фиолетовый = Красно-фиолетовый.

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

Цветовая терминология

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комплементарные комбинации

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

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

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

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

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

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

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

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

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

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

Split Complementary Combinations

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *