Подборка цветовой гаммы: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru

Содержание

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

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

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

Цветовой стандарт RAL начинает свою историю с 1927 года, когда специалистами из «Управления по торговым стандартам» Германии была впервые разработана коллекция, состоящая на тот момент из 40 цветов. С тех пор палитра RAL постоянно расширяется. Компания выпускает каталоги цветов, веера, содержащие примеры красок по RAL, разрабатывает и добавляет новые образцы.

На нашем сайте имеются все три современные цветовые шкалы, таблицы RAL с раскладкой по CMYK и RGB.

Каталог RAL CLASSIC в настоящее время содержит 213 цветов, в том числе 15 перламутровых, 5 люминесцентных, и 2 железных.

Имя цвета в таблице RAL CLASSIC состоит из четырёхзначного числа в сочетании с префиксом «RAL» (например, RAL 1037). Первая цифра является кодом оттенка (1 – желтые, 2 – оранжевые, 3 – красные, 4 – фиолетовые, 5 – синие, 6 – зелёные, 7 – серые, 8 – коричневые, 9 – белые и чёрные). Остальные три цифры выбраны последовательно. Русскоязычное имя цвета (например, «солнечно-жёлтый» для RAL 1037) не является нормативным, для обозначения цвета достаточно запомнить лишь цифры.

Жёлтые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 1000
Зелёно-бежевый
 10  10  50  10  0   3  40  10#CCC58F204 197 143
RAL 1001
Бежевый
  0  20  50  20 10  20  40   0#D1BC8A209 188 138
RAL 1002
Песочно-жёлтый
  0  20  60  10  3  23  60   7#D2B773210 183 115
RAL 1003
Сигнальный жёлтый
  5  20  90   0  0  20 100   0#F7BA0B247 186  11
RAL 1004
Жёлто-золотой
  5  30 100   0  0  20 100  10#E2B007226 176   7
RAL 1005
Медово-жёлтый
 10  30 100   0 10  20  90   0#C89F04200 159   4
RAL 1006
Кукурузно-жёлтый
  5  30  90   0  0  30 100   0#E1A100225 161   0
RAL 1007
Нарциссово-жёлтый
  0  40 100   0  0  30 100   0#E79C00231 156   0
RAL 1011
Коричнево-бежевый
 30  40  70   0 20  50 100  10#AF8A54175 138  84
RAL 1012
Лимонно-жёлтый
 10  10  90   0 10  10 100   0#D9C022217 192  34
RAL 1013
Жемчужно-белый
  0   5  20  10 10  10  20   0#E9E5CE233 229 206
RAL 1014
Слоновая кость
  0  10  40  10 10  10  30   0#DED09F222 208 159
RAL 1015
Светлая слоновая кость
  0   5  30  10 10  10  20   0#EADEBD234 222 189
RAL 1016
Жёлтая сера
 10   0  90   0 10   0  80   0#EAF044234 240  68
RAL 1017
Шафраново-жёлтый
  0  30  70   0  0  30  90   0#F4B752244 183  82
RAL 1018
Цинково-жёлтый
  0   0  80   0  0   0  90   0#F3E03B243 224  59
RAL 1019
Серо-бежевый
  5  20  40  40 10  20  30   0#A4957D164 149 125
RAL 1020
Оливково-жёлтый
  1   5  30  40 10  10  50  25#9A9464154 148 100
RAL 1021
Рапсово-жёлтый
  0  10 100   0  0   0 100   0#EEC900238 201   0
RAL 1023
Транспортно-жёлтый
  0  10  90   0  0  10 100   0#F0CA00240 202   0
RAL 1024
Охра жёлтая
 30  40  70  10  0  20 100  25#B89C50184 156  80
RAL 1026 Флуоресцентный (Fluorescent)
Люминесцентный жёлтый
  0   0 100   0  0   0 100   0#F5FF00245 255   0
RAL 1027
Карри жёлтый
 10  20  90  40 30  30 100   0#A38C15163 140  21
RAL 1028
Дынно-жёлтый
  0  30 100   0  0  20 100   0#FFAB00255 171   0
RAL 1032
Жёлтый ракитник
  0  30  90  10  0  20 100  10#DDB20F221 178  15
RAL 1033
Георгиново-жёлтый
  0  30  90   0  0  30 100   0#FAAB21250 171  33
RAL 1034
Пастельно-жёлтый
  0  30  80   0  0  30  60   0#EDAB56237 171  86
RAL 1035 Жемчужный Глянец (Pearl Gloss)
Перламутрово-бежевый
 16  19  33  26 20  20  33  12#A29985162 153 133
RAL 1036 Жемчужный Глянец (Pearl Gloss)
Перламутрово-золотой
 33  46  80  18  9  36  97  28#927549146 117  73
RAL 1037
Солнечно-жёлтый
  0  40 100   0  0  35  90   0#EEA205238 162   5
Оранжевые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 2000
Жёлто-оранжевый
  0  50 100   0  0  40 100   0#DD7907221 121   7
RAL 2001
Красно-оранжевый
  0  80 100  20  0  70 100   0#BE4E24190  78  36
RAL 2002
Алый
  0  90 100  10  0  80 100   0#C63927198  57  39
RAL 2003
Пастельно-оранжевый
  0  52 100   0  0  60 100   0#FA842B250 132  43
RAL 2004
Оранжевый
  0  70 100   0  0  70 100   0#E75B12231  91  18
RAL 2005 Флуоресцентный (Fluorescent)
Люминесцентный оранжевый
  0  75  75   5  0  50 100   0#FF2300255  35   0
RAL 2007 Флуоресцентный (Fluorescent)
Люминесцентный ярко-оранжевый
  0  50 100   0  0  20  90   0#FFA421255 164  33
RAL 2008
Ярко-красно-оранжевый
  0  60 100   0  0  50 100   0#F3752C243 117  44
RAL 2009
Транспортный оранжевый
  5  70 100  10  0  60 100   0#E15501225  85   1
RAL 2010
Сигнальный оранжевый
  0  70 100  10  0  60 100   0#D4652F212 101  47
RAL 2011
Насыщенный оранжевый
  0  55 100   0  0  40 100   0#EC7C25236 124  37
RAL 2012
Лососёво-оранжевый
  0  60  70   0  0  80  80   0#DB6A50219 106  80
RAL 2013 Жемчужный Глянец (Pearl Gloss)
Перламутрово-оранжевый
  0  80 100  40 10  80 100  10#954527149  69  39
Красные тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 3000
Огненно-красный
  0 100 100  20  0 100  90   0#AB2524171  37  36
RAL 3001
Сигнальный красный
 20 100  90  10  0 100  90   0#A02128160  33  40
RAL 3002
Карминно-красный
 10 100  90  20  0 100  90   0#A1232B161  35  43
RAL 3003
Рубиново-красный
  0 100 100  40  0 100  90  15#8D1D2C141  29  44
RAL 3004
Пурпурно-красный
 20 100 100  60  0 100  90  30#701F29112  31  41
RAL 3005
Винно-красный
 20 100  80  40  0 100  90  50#5E2028 94  32  40
RAL 3007
Чёрно-красный
 60 100  70  80 50 100  90  40#402225 64  34  37
RAL 3009
Оксид красный
  5  90 100  80 20 100  90  30#703731112  55  49
RAL 3011
Коричнево-красный
 20 100 100  40  0 100  90  30#7E292C126  41  44
RAL 3012
Бежево-красный
  5  50  50  10 20  60  50   0#CB8D73203 141 115
RAL 3013
Томатно-красный
 20  90 100  20  0 100 100  15#9C322E156  50  46
RAL 3014
Розовый антик
  0  70  30  10 10  70  40   0#D47479212 116 121
RAL 3015
Светло-розовый
  0  50  20  10 10  40  10   0#E1A6AD225 166 173
RAL 3016
Кораллово-красный
  0  90  90  20  0  90  90  10#AC4034172  64  52
RAL 3017
Розовый
  0  80  50  10  0  80  40   0#D3545F211  84  95
RAL 3018
Клубнично-красный
  5  90  70   5  0  90 100   0#D14152209  65  82
RAL 3020
Транспортный красный
  0 100 100  10  0  90  90   0#C1121C193  18  28
RAL 3022
Лососёво-красный
  0  60  70   0  0  70  60   0#D56D56213 109  86
RAL 3024 Флуоресцентный (Fluorescent)
Люминесцентный красный
  0  80  90   0  0  70 100   0#F70000247   0   0
RAL 3026 Флуоресцентный (Fluorescent)
Люминесцентный ярко-красный
  0  80 100   0  0  70 100   0#FF0000255   0   0
RAL 3027
Малиново-красный
  0 100  70  20  0 100  60  15#B42041180  32  65
RAL 3028
Красный
  5 100 100   0  5 100 100   0#CB3334203  51  52
RAL 3031
Ориент красный
 20 100  90  20  0  90  60  15#AC323B172  50  59
RAL 3032 Жемчужный Глянец (Pearl Gloss)
Перламутрово-рубиновый
 10 100  90  50 10 100 100  30#711521113  21  33
RAL 3033 Жемчужный Глянец (Pearl Gloss)
Перламутрово-розовый
  8  84  72  13  0  93  93   7#B24C43178  76  67
Фиолетовые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 4001
Красно-сиреневый
 60  70   5  10 50  97  20   0#8A5A83138  90 131
RAL 4002
Красно-фиолетовый
 40 100  90   5  0 100  40  30#933D50147  61  80
RAL 4003
Вересково-фиолетовый
 10  70  10   0  7  90   0   0#D15B8F209  91 143
RAL 4004
Бордово-фиолетовый
 60 100  50  20 10 100   0  50#691639105  22  57
RAL 4005
Сине-сиреневый
 60 100   5  10 50  60   0   0#83639D131  99 157
RAL 4006
Транспортный пурпурный
 50 100   0  10 30 100   0   0#992572153  37 114
RAL 4007
Пурпурно-фиолетовый
 70 100  20  60 90   0  10  25#4A203B 74  32  59
RAL 4008
Сигнальный фиолетовый
 60  90   0  10 30 100   0   0#904684144  70 132
RAL 4009
Пастельно-фиолетовый
 40  40  30   0 17  40  10  15#A38995163 137 149
RAL 4010
Телемагента
 10  90  30   0  0 100   0   0#C63678198  54 120
RAL 4011 Жемчужный Глянец (Pearl Gloss)
Перламутрово-фиолетовый
 47  57   3   7 47  64   0   0#8773A1135 115 161
RAL 4012 Жемчужный Глянец (Pearl Gloss)
Перламутрово-ежевичный
 50  50  20  23 54  57   3  26#6B6880107 104 128
Синие тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 5000
Фиолетово-синий
100  40   5  40100  70  10  25#384C70 56  76 112
RAL 5001
Зелёно-синий
 90  20   0  80100  50  10  20#1F4764 31  71 100
RAL 5002
Ультрамариново-синий
100  70   0  40100  90   0   0#2B2C7C 43  44 124
RAL 5003
Сапфирово-синий
100  50   0  80 90   0  10  25#2A3756 42  55  86
RAL 5004
Чёрно-синий
100 100  70  40 84  53  47  56#1D1F2A 29  31  42
RAL 5005
Сигнальный синий
100  40   0  40 90  60   0   0#154889 21  72 137
RAL 5007
Бриллиантово-синий
 80  20   0  40100  40   0  20#41678D 65 103 141
RAL 5008
Серо-синий
 60   0   0  90100  50  10  60#313C48 49  60  72
RAL 5009
Лазурно-синий
 90  30  10  40100  40  10  20#2E5978 46  89 120
RAL 5010
Горечавково-синий
100  40   5  40100  70   0   0#13447C 19  68 124
RAL 5011
Стально-синий
100  60  10  80 96  46  10  40#232C3F 35  44  63
RAL 5012
Голубой
 90  30  10  10 97  26   0   0#3481B8 52 129 184
RAL 5013
Кобальтово-синий
100  60   0  60 90   0  10  25#232D53 35  45  83
RAL 5014
Голубино-синий
 50  20   0  40 64  41  11  12#6C7C98108 124 152
RAL 5015
Небесно-синий
100  30   0  10100  20   0   0#2874B2 40 116 178
RAL 5017
Транспортный синий
100  20   5  40 90  50   0   0#0E518D 14  81 141
RAL 5018
Бирюзово-синий
 90  10  40  10 93   7  33   3#21888F 33 136 143
RAL 5019
Капри синий
100  50  20  10100  30   0  20#1A5784 26  87 132
RAL 5020
Океанская синь
100   0  40  80100  30  50  40#0B4151 11  65  81
RAL 5021
Водная синь
100  20  50  10100   0  30  15#07737A  7 115 122
RAL 5022
Ночной синий
100 100  40  40 90   0  10  25#2F2A5A 47  42  90
RAL 5023
Отдалённо-синий
 80  40  10  20100  60  10   0#4D668E 77 102 142
RAL 5024
Пастельно-синий
 70  20  10  20 63  17   7   8#6A93B0106 147 176
RAL 5025 Жемчужный Глянец (Pearl Gloss)
Перламутровый горечавково-синий
 97  48  31  15100  30  20  20#296478 41 100 120
RAL 5026 Жемчужный Глянец (Pearl Gloss)
Перламутровый ночной синий
100  80   0  50 90   0  10  25#102C54 16  44  84
Зелёные тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 6000
Патиново-зелёный
 80  20  60  20 98   8  68  17#327662 50 118  98
RAL 6001
Изумрудно-зелёный
 90  30  90  10100   0 100  15#28713E 40 113  62
RAL 6002
Лиственно-зелёный
 90  40  90  10 90   0 100  25#276235 39  98  53
RAL 6003
Оливково-зелёный
 80  50  80  20 50  40 100  40#4B573E 75  87  62
RAL 6004
Сине-зелёный
100  50  60  40100  30  50  40#0E4243 14  66  67
RAL 6005
Зелёный мох
100  60  90  20100  20  90  30#0F4336 15  67  54
RAL 6006
Серо-оливковый
 90  80  90  20 80  70 100  60#40433B 64  67  59
RAL 6007
Бутылочно-зелёный
 80  50  80  60 80  60 100  60#283424 40  52  36
RAL 6008
Коричнево-зелёный
 70  50  70  80100 100 100  75#35382E 53  56  46
RAL 6009
Пихтовый зелёный
 90  50  90  60100  60  80  60#26392F 38  57  47
RAL 6010
Травяной зелёный
 70  10  80  40 70   0 100  25#3E753B 62 117  59
RAL 6011
Резедово-зелёный
 70  30  70   5 50  13  70  20#66825B102 130  91
RAL 6012
Чёрно-зелёный
100  80 100  20100  50  80  60#31403D 49  64  61
RAL 6013
Тростниково-зелёный
 40  20  60  40 40  40  70  10#797C5A121 124  90
RAL 6014
Жёлто-оливковый
 80  50  90  60 50  70 100  50#444337 68  67  55
RAL 6015
Чёрно-оливковый
 80  60  70  40100 100 100  75#3D403A 61  64  58
RAL 6016
Бирюзово-зелёный
100  30  80   0100   0  70  15#026A52  2 106  82
RAL 6017
Майский зелёный
 80  20 100  10 77   0  97   0#468641 70 134  65
RAL 6018
Желто-зелёный
 70   0  90   0 60   0 100   0#48A43F 72 164  63
RAL 6019
Бело-зелёный
 35   0  40   0 30   0  30   0#B7D9B1183 217 177
RAL 6020
Хромовый зелёный
 90  60  80  20 80  40 100  50#354733 53  71  51
RAL 6021
Бледно-зелёный
 50  10  50  10 43  13  50   7#86A47C134 164 124
RAL 6022
Коричнево-оливковый
 90  80 100  20 70 100  90  75#3E3C32 62  60  50
RAL 6024
Транспортный зелёный
 90  10  80  10 90 100  70   0#008754  0 135  84
RAL 6025
Папоротниково-зелёный
 80  30  90  10 50  10 100  25#53753C 83 117  60
RAL 6026
Опаловый зелёный
100  30  70  40100   0  70  15#005D52  0  93  82
RAL 6027
Светло-зелёный
 60   0  30   0 50   0  20   0#81C0BB129 192 187
RAL 6028
Сосновый зелёный
100  60 100   0100  30 100  40#2D5546 45  85  70
RAL 6029
Мятно-зелёный
100  20 100   5100   0 100   0#007243  0 114  67
RAL 6032
Сигнальный зелёный
 90  10  80   0 90   0  70   0#0F8558 15 133  88
RAL 6033
Мятно-бирюзовый
 80  20  50   0 90   0  40  17#478A84 71 138 132
RAL 6034
Пастельно-бирюзовый
 60  10  40   0 50   0  20  10#7FB0B2127 176 178
RAL 6035 Жемчужный Глянец (Pearl Gloss)
Перламутрово-зелёный
 90   0 100  75 90  10 100  30#1B542C 27  84  44
RAL 6036 Жемчужный Глянец (Pearl Gloss)
Перламутровый опаловый зелёный
100  10  60  50100  10  60  30#005D4C  0  93  76
RAL 6037
Зелёный
 90   0 100   0 90   0 100   0#008F39  0 143  57
RAL 6038 Флуоресцентный (Fluorescent)
Люминесцентный зелёный
100   0 100   0100   0 100   0#00BB2E  0 187  46
Серые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 7000
Серая белка
 40  10  10  40 33   6   6  36#7E8B92126 139 146
RAL 7001
Серебристо-серый
 10   0   0  40 20   7   7  30#8F999F143 153 159
RAL 7002
Оливково-серый
 30  30  50  40 37  37  57  15#817F68129 127 104
RAL 7003
Серый мох
 30  20  40  40 27  20  40  40#7A7B6D122 123 109
RAL 7004
Сигнальный серый
  0   0   0  45  7   4   4  33#9EA0A1158 160 161
RAL 7005
Мышино-серый
 30  10  20  60 48  42  39  20#6B716F107 113 111
RAL 7006
Бежево-серый
  0  10  30  60 29  43  56  35#756F61117 111  97
RAL 7008
Серое хаки
 30  40  70  40 10  30  90  40#746643116 102  67
RAL 7009
Зелёно-серый
 20  50  40  80 60  50  70  32#5B6259 91  98  89
RAL 7010
Брезентово-серый
 20   5  30  80 60  47  50  43#575D57 87  93  87
RAL 7011
Железно-серый
 40  10  20  80 60  40  30  30#555D61 85  93  97
RAL 7012
Базальтово-серый
 20   0  10  80 50  20  20  40#596163 89  97  99
RAL 7013
Коричнево-серый
 10  10  40  80 50  60 100  50#555548 85  85  72
RAL 7015
Сланцево-серый
 40  10  10  80 80  65  33  45#51565C 81  86  92
RAL 7016
Антрацитово-серый
 60  30  30  80100  50  30  60#373F43 55  63  67
RAL 7021
Чёрно-серый
 50  10   5  95100  90  70  50#2E3234 46  50  52
RAL 7022
Серая умбра
 30  20  40  80 80  80 100  75#4B4D46 75  77  70
RAL 7023
Серый бетон
 40  20  40  40 50  40  40   0#818479129 132 121
RAL 7024
Графитовый серый
 80  60  50  40 90  60  30  60#474A50 71  74  80
RAL 7026
Гранитовый серый
 60  20  30  80100  40  50  60#374447 55  68  71
RAL 7030
Каменно-серый
 20  10  20  40  0   0  10  40#939388147 147 136
RAL 7031
Сине-серый
 60  30  30  40 68  52  41  18#5D6970 93 105 112
RAL 7032
Галечный серый
  0   0  20  40  0   0  10  25#B9B9A8185 185 168
RAL 7033
Цементно-серый
 30  10  30  40 37  13  37  30#818979129 137 121
RAL 7034
Жёлто-серый
  5   5  40  40  0   0  30  40#939176147 145 118
RAL 7035
Светло-серый
  5   0   5  20 20  14  14   0#CBD0CC203 208 204
RAL 7036
Платиново-серый
 10  10  10  40 30  30  20  10#9A9697154 150 151
RAL 7037
Пыльно-серый
 30  20  20  40 11   8   8  46#7C7F7E124 127 126
RAL 7038
Агатовый серый
 30  10  20  20 30  22  22   0#B4B8B0180 184 176
RAL 7039
Кварцевый серый
 50  40  50  40 60  60  60   0#6B695F107 105  95
RAL 7040
Серое окно
 20   5  10  40 30  20  10  10#9DA3A6157 163 166
RAL 7042
Транспортный серый A
 30  10  20  40 17   9   9  33#8F9695143 150 149
RAL 7043
Транспортный серый B
 30  10  20  80 87  81  74  29#4E5451 78  84  81
RAL 7044
Серый шёлк
  0   0  15  30 10  10  10  10#BDBDB2189 189 178
RAL 7045
Телегрей 1
 20  10  10  40 10   0   0  40#91969A145 150 154
RAL 7046
Телегрей 2
 30  10  10  40 31  18  14  25#82898E130 137 142
RAL 7047
Телегрей 4
  0   0   5  20  0   0   0  12#CFD0CF207 208 207
RAL 7048 Жемчужный Глянец (Pearl Gloss)
Перламутровый мышино-серый
 32  32  39  27 18  18  31  34#888175136 129 117
Коричневые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 8000
Зелёно-коричневый
 50  50  80  10 20  40  90  25#887142136 113  66
RAL 8001
Охра коричневая
 40  60  90  10 10  50 100  10#9C6B30156 107  48
RAL 8002
Сигнальный коричневый
 60  80  80  10 20  80 100  30#7B5141123  81  65
RAL 8003
Глиняный коричневый
 50  70  80  10  0  60 100  40#80542F128  84  47
RAL 8004
Медно-коричневый
 40  80  80  10  0  70 100  25#8F4E35143  78  53
RAL 8007
Олень коричневый
 60  70  80  20  0  70 100  40#6F4A2F111  74  47
RAL 8008
Оливково-коричневый
 50  60  70  20 30  60 100  10#6F4F28111  79  40
RAL 8011
Орехово-коричневый
 10  60 100  80 10  90 100  50#5A3A29 90  58  41
RAL 8012
Красно-коричневый
  5 100 100  80  0 100 100  50#673831103  56  49
RAL 8014
Сепия коричневый
 30  60 100  80 40  70 100  50#49392D 73  57  45
RAL 8015
Каштаново-коричневый
  0  90 100  80 10 100 100  50#633A34 99  58  52
RAL 8016
Махагон коричневый
 40  80  80  80 30  90  90  50#4C2F26 76  47  38
RAL 8017
Шоколадно-коричневый
 60  80  80  80 50 100  90  60#44322D 68  50  45
RAL 8019
Серо-коричневый
 90  90  80  80 70 100  90  75#3F3A3A 63  58  58
RAL 8022
Чёрно-коричневый
100 100  80  95 70 100  90  75#211F20 33  31  32
RAL 8023
Оранжево-коричневый
 20  70 100  20  0  70 100  10#A65E2F166  94  47
RAL 8024
Бежево-коричневый
 30  60  70  40  0  60 100  40#79553C121  85  60
RAL 8025
Бледно-коричневый
 40  50  60  40  7  60  93  43#755C49117  92  73
RAL 8028
Терракотовый
 20  50  70  80 40  80 100  50#4E3B2B 78  59  43
RAL 8029
Перламутровый медный
 23  80  93  43  0  80 100  40#773C27119  60  39
Чёрные и белые тонаЦвет RALCMYK (C)CMYK (U)HTMLRGB
RAL 9001
Кремово-белый
  0   0  10   5  0   0  10   0#EFEBDC239 235 220
RAL 9002
Светло-серый
  5   0  10  10  3   3  10   7#DDDED4221 222 212
RAL 9003
Сигнальный белый
  0   0   0   0  0   0   0   0#F4F8F4244 248 244
RAL 9004
Сигнальный чёрный
100  90 100  80100 100 100  75#2E3032 46  48  50
RAL 9005
Чёрный янтарь
100 100 100  95 87  65  66  58#0A0A0D 10  10  13
RAL 9006 Железный блеск (Iron Glimmer)
Бело-алюминиевый
  0   0   0  40  0   0   0  20#A5A8A6165 168 166
RAL 9007 Железный блеск (Iron Glimmer)
Тёмно-алюминиевый
  0   0   0  60 17  14  17  29#8F8F8C143 143 140
RAL 9010
Белый
  0   0   5   0  0   0   7   0#F7F9EF247 249 239
RAL 9011
Графитно-чёрный
100 100 100  80 90 100  97  75#292C2F 41  44  47
RAL 9016
Транспортный белый
  3   0   0   0  0   0   0   0#F7FBF5247 251 245
RAL 9017
Транспортный чёрный
100  90 100  95 87  66  66  58#2A2D2F 42  45  47
RAL 9018
Папирусно-белый
 10   0  10  20  7   4  10   6#CFD3CD207 211 205
RAL 9022 Жемчужный Глянец (Pearl Gloss)
Перламутровый светло-серый
 21  14  14  31 10   7   7  28#9C9C9C156 156 156
RAL 9023 Жемчужный Глянец (Pearl Gloss)
Перламутровый тёмно-серый
  8   6   6  57 20  10  10  40#7E8182126 129 130

Подборка цветовой гаммы — 28 лучших инструментов

Подбор цветовой палитры – один из важнейших этапов в процессе создания хорошего дизайна.

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

Компания Adobe переименовала свой проект Kuler в Color

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler. Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC.

Адоб колор онлайн позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Adobe color online доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию adobe color cc онлайн, то вы сможете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.

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

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

Check my Colours разработан специально для оценки и подборки комбинации фона и основного цвета для всех DOM-элементов. А также для того, чтобы выяснить, достаточно ли элементы гармоничны между собой. Все тесты основаны на алгоритмах, рекомендованных World Wide Web Consortium (W3C).

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB, HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

Color Hunter формирует цветовую схему на основе выбранного изображения

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

Если вам нужно получить конкретный цвет, просто введите HEX-значение в URL

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

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

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

Бесплатный генератор цветовых схем, который предоставляет информацию о цвете, а также позволяет конвертировать его в любые схемы (RGB, CMYK и другие). Здесь доступны различные форматы цветовых схем, включая триадные, монохромные и другие.

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

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

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

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

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

Один из инструментов с сайта COLOURlovers. Но COPASO достоин отдельного внимания, так как представляет собой невероятное решение «все в одном», и позволяет легко генерировать готовые цветовые схемы для сайта. Здесь представлено множество инструментов для подбора цвета, и все они размещаются в удобном и простом интерфейсе. Кроме этого к палитрам можно добавлять заметки, загружать изображения и т.п.

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

ColorZilla доступен как для Chrome, так и для Firefox

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

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

Colr.org позволяет установить диапазон цветов любого изображения

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

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

ColorBlender генерирует палитру из пяти сочетающихся цветов

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

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

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

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

Изображения можно фильтровать по цветовому балансу и яркости

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

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

Colors on the Web принимает отдельные цвета в HEX или RGB, и выдает цветовые схемы, основанные на различных математических вычислениях. Подобный механизм используется и в Kuler. Этот веб-инструмент не будет работать на iPad или iPhone из-за использования технологии Flash.

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

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

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

Данная публикация является переводом статьи «The 28 best tools for choosing a colour scheme» , подготовленная редакцией проекта.

Цветовая гамма и ее значение в дизайне

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

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

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

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

  • Холодная цветовая гамма – это гамма, которая включает в себя цвета, ассоциирующиеся с холодом, снегом, льдом, глубиной;
  • Теплая цветовая гамма – цвета, которые напоминают человеку о жаре, огне, лете, пустыне, солнце:

Существует несколько способов осуществить корректный подбор цветовой гаммы:

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

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

  • Монохромное сочетание. Подразумевает использование цветов из одного сектора круга:
  • Комплементарное сочетание включает в себя два противоположных цвета, как показано на рисунке:
  • Триадическое сочетание. Состоит из трех цветов, которые выбираются методом вписывания в круг равностороннего треугольника. Вершины будут указывать на гармонирующие между собой цвета:
  • Прямоугольное сочетание. Основано на использовании двух противоположных цветов (комплементарных) и соответствующих им двух аналоговых:

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

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

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

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

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

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

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

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

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

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

Цветовая гамма в интерьере: как подобрать

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

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

Содержание:

 

Цветовая гамма в интерьере — что диктует стиль?

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

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

 

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

Если выбор стиля вызывает сложности, читайте: «Как выбрать стиль интерьера для будущей квартиры».

Желаемое настроение и цветовые пристрастия

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

Ни для кого не секрет, что психологи советуют выбирать для спальни спокойные светлые и холодные оттенки, а для кухни — теплые цвета, пробуждающие аппетит. Не нужно заучивать эти правила наизусть: подумайте, какую атмосферу вы бы хотели создать в помещении, и основа цветовой гаммы придет сама собой, на ассоциациях. Дизайнер и декоратор Ольга Розет называет это интуитивным подходом. Из рассказа о ее лекции вы почерпнете много полезного: «Цвет в интерьере: от научного подхода к интуитивному».

Выбираем основу

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

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

По теме:
Ultra violet: «новый черный» в интерьере

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

Выбираем акцент

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

Балансируем гамму

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

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

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

 
По теме:
Желтый в интерьере: приближаем весну

 

Проверяем цвета в реальных условиях

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

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

Больше полезного по теме

 

Фотографии: homedsgn.com, thompsonclarke.com, inmyinterior.com, mybeautifulrooms.com, home-designing.com, trendir.com, interiorbit.com, contemporaryhome.com

Дизайн интерьера, цвет, ремонт

Подбор цветовой гаммы для сайта

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

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

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

Основные, первичные цвета (primary) – это красный, желтый и синий.

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

Третичные цвета (tertiary) – это цвета, которые являются результатом комбинации первичного цвета и соседнего вторичного, что в сумме дает шесть цветов.

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

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

Основные цветовые схемы.

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

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

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

Альтернативный комплемент.

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

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

Расщепленный комплемент.

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

Особенности самых популярных цветов.

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

Красный
Цвет обладает возбуждающим эффектом и может вызвать чувство тревоги, но его оттенки (например, коричневый) могут оказывать успокаивающее воздействие на человека. Не следует злоупотреблять ярко красным цветом, так как это быстро утомит пользователя.
Желтый
Позволяет с легкостью создать атмосферу оптимизма и радости. Это очень энергичный цвет, который рекомендуется использовать для оформления сайтов, тематика которых напрямую связана с развлечениями или другими видами активности пользователей.
Голубой
Наиболее предпочтительный цвет для тех случаев, когда необходимо вызвать чувство надежности и стабильности. Является оттенком синего цвета (аналогичен ему) и с успехом может применяться для выражения чистоты и покоя.
Зеленый
Цвет вызывает чувство гармонии, безопасности и жизни. Этот цвет является вторичным и получается в результате сочетания двух первичных цветов – желтого и синего. Может иметь как теплые, так и холодные оттенки.
Черный
Придает черты элегантности и изысканности оформлению внешнего вида сайта, позволяет путем комбинации его оттенков увеличить перспективу и глубину восприятия. Необходимо с большой осторожностью подходить к дизайну с использованием черного цвета, так как при его избыточности или неправильной комбинации его оттенков, он способен вызвать чувство тоски, горечи и дискомфорта.
Белый
Ассоциируется с чувством свободы, легкости и чистоты. Основное предназначение этого цвета – это создание фона. Белый цвет прекрасно сочетается со всеми остальными оттенками.

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

Post Views: 937

Цветовая гамма в одежде | LOOKCOLOR

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

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

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

Простые и сложные цветовые гаммы

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

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

1. Однотонная гамма
2. Двухцветная гамма
3. Трехцветная гамма

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

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

К сложным гаммам относятся:

4. Четырехцветная гамма
5. Пятицветная гамма
6. Шестицветная гамма
7. и более

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

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

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

Цветовая гамма делового стиля одежды

Цветовая гамма делового стиля не превышает 4 цветов. Наилучшими считается 2-3 цвета, а при 4-х – два из них должны быть близкими по тону. В основу делового стиля ложатся многофункциональные цвета: черный, темно-синий, белый, серый, бежевый. Затем сдержанные, мало эмоциональные, средние по теплоте оттенки: коричневые, бордовые, серо-синие, цвета морской волны, бутылочные, изумрудные, горчичные, песочные, темно-лиловые.

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

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

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

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

Контрастное сочетание темных и светлых – создают нейтральный фон для беседы.

Цветовая гамма классического стиля одежды

По сложности – она сродни с цветовой гаммой делового стиля. Преимущественно 2-3 цвета, но возможна и полноценная четырехцветная палитра.

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

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

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

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

Цветовая гамма вечернего стиля одежды

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

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

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

Цветовая гамма романтического стиля одежды

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

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

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

Цветовая гамма стиля кэжуал

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

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

Цветовая гамма творческого стиля

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

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

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

Оставить комментарий

(только на русском языке)

Подбор цветовой гаммы и создание вариантов дизайна при разработке дизайн-проектов интерьера

Дизайн интерьера: подбор цветовой гаммы

Вы можете попробовать с использованием нашей заготовки раскрасить фотографию из этого примера. Скачайте архив с исходной фотографией и файлом со штрихами (*.strokes). Подробнее — здесь.

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

Мы для примера выбрали модель интерьера, выполненную в программе 3ds Max и отрендеренную в черно-белом цвете.

  • Шаг 1. Откроем полученное изображение в графическом редакторе, например, в AliveColors.
  • Шаг 2. Вызовем плагин AKVIS Coloriage, выбрав в AliveColors пункт меню Эффекты –> AKVIS –> Coloriage.
  • Шаг 3. Для первого цветового решения интерьера выберем бежевый цвет. Обведем все объекты интерьера по контуру разными оттенками бежевого и сочетающимися с ним цветами:

      для пола и плинтусов зададим коричневый цвет;

      стены окрасим в бежевый цвет, а потолок в светлый беж;

      для батарей, оконных откосов и колонн зададим белый цвет;

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

      для стеклянных полочек и стекол в буфете зададим зеленоватый оттенок;

      для стола и стульев выберем какой-нибудь светлый оттенок дерева, а для барной стойки более темный.

  • Шаг 4. Нажмем на кнопку и полюбуемся результатом раскрашивания, который будет показан в закладке После.
  • Шаг 5. Для упрощения экспериментов с цветом сохраним штрихи, нанесенные на изображение, в отдельный файл. Для этого нажмем на кнопку и сохраним файл, например, под именем Interior-beige.
  • Шаг 6. Нажмем на кнопку . Окно плагина AKVIS Coloriage закроется, а в окне редактора ранее черно-белое изображение станет уже цветным. Сохраним цветное изображение в отдельный файл.
  • Шаг 7. В панели История откатимся на шаг назад до исходного черно-белого изображения и снова вызовем плагин AKVIS Coloriage.
  • Шаг 8. В окне плагина откроем ранее сохраненный файл со штрихами, нажав на кнопку и выбрав в списке файл Interior-beige.strokes.
  • Шаг 9. Изменим, например, цвет стен и пола. Для изменения цвета стен выберем яркий желто-оранжевый цвет, затем выберем инструмент Волшебный тюбик и щелкнем левой кнопкой мыши на любом штрихе на стене — все штрихи, задающие цвет стен, изменят свой цвет на желто-оранжевый. Таким же образом изменим цвет пола и плинтусов на более насыщенный коричневый, который будет более гармонировать с ярким цветом стен.
  • Шаг 10. Нажмем на кнопку и посмотрим на новые стены и пол в закладке После.
  • Шаг 11. Применим результат, нажав кнопку . Сохраним новый вариант цветовой гаммы интерьера в файл под другим именем.
  • Шаг 12. Снова в панели История откатимся на шаг назад до исходного черно-белого изображения и вызовем плагин AKVIS Coloriage.
  • Шаг 13. В окне плагина нажмем на кнопку и выберем из списка файл Interior-beige.strokes.
  • Шаг 14. В этот раз внесем следующие изменения:

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

      потолок перекрасим в белый цвет;

      изменим цвет мебели.

  • Шаг 15. Нажмем на кнопку , в закладке После получим третий вариант цветовой гаммы интерьера.
  • Шаг 16. Применим результат раскрашивания, нажав на кнопку .

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

 

Coloriage v. 13.0 — Попробовать бесплатно   

Facebook

Twitter

Вконтакте

Pinterest

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

«Она была так взбешена, что увидела красный».

«Когда идет дождь, он чувствует себя синим».

«Они позеленели от зависти».

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

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

Познакомьтесь с цветовым кругом

Это традиционное цветовое колесо с 12 спицами может показаться простым, но на самом деле его изобрел один из величайших ученых всех времен, сэр Исаак Ньютон, еще в 1666 году. По сути, он показывает цвета расположены по кругу, чтобы обозначить отношения между ними.Это цветовое колесо по-прежнему является стандартом для искусства и визуального дизайна и использует цветовую модель RYB (красный-желтый-синий), но есть и другие (CMYK для печати и RGB для экранов).

Основные цвета в цветовой модели RYB

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

Вторичные цвета в цветовой модели RYB

Смешайте два основных цвета вместе, и вы получите вторичный цвет. Вторичные цвета в этой цветовой модели — оранжевый, фиолетовый и зеленый.

Третичные цвета в цветовой модели RYB

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

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

Использование цветовой гармонии для выбора цвета

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

Как выбрать аналогичные цвета для вашего дизайна

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

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

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

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

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

Работа с разделенной дополнительной цветовой схемой

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

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

Выбор четырехцветной цветовой схемы для вашего дизайна

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

Выбор квадратной четырехцветной цветовой схемы

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

Как выбирать цвета по тональному диапазону

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

Что такое оттенки, оттенки и тона?

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

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

  • Добавьте черный цвет к оттенку, и вы получите оттенок , более темный, насыщенный и интенсивный цвет.

  • Добавьте черный и белый (серый), чтобы создать тон этого оттенка.

Дизайн со средними цветами

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

Выбор пастельных тонов

Эти цвета, также называемые «оттенками», представляют собой бледные версии насыщенных оттенков. Пастельные тона — это культурный пробный камень, который появляется каждые несколько десятилетий (кухни 50-х, эпизоды Полиции Майами 80-х, фильмы Уэса Андерсона 2000-х) и вызывают успокаивающую, беззаботную атмосферу. Поскольку пастель состоит из всех основных, вторичных и третичных цветов, вы можете комбинировать их, используя аналогичные, дополнительные, дополнительные и т. Д. Цветовые схемы, или добавить немного гравитации с более богатым акцентным цветом.

Выбор нейтральных цветов

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

Как выбрать теплые и холодные цвета

Если вы разделите цветовое колесо пополам линией посередине, у вас будут теплые цвета (красный через желтый) с одной стороны и холодные цвета (сине-зеленый на синий- фиолетовый) с другой.Эта основная группа часто ассоциируется с миром природы, где «теплые» цвета отражают дневной свет или закат, а «холодные» цвета отражают воду и небо. Есть некоторые разногласия по поводу точного разделения теплых и холодных цветов, когда речь идет о зеленом. Некоторые цветовые круги будут отображать как теплый зеленый, так и холодный зеленый цвет. Имеет смысл!

Дизайн с использованием теплых цветов

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

Дизайн с использованием холодных цветов

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

Создание монохроматической цветовой схемы

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

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

Изучите цвета для своего следующего дизайн-проекта:

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

Чейз. Ситибанк. Barclay’s.Банк Америки. Все банки. Все используют синий в качестве одного из доминирующих цветов бренда. Даже другие финансовые учреждения, такие как Prudential и Merrill Lynch, используют синий цвет. Очевидно, что это более чем совпадение, что все эти компании, связанные с деньгами, выбрали синий цвет для своего бренда. Так что они все знают, чего не знаешь ты?

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

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

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

Почему фирменные цвета имеют значение


— «Цвета, как и черты лица, следуют смене эмоций». -Пабло Пикассо

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

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

Один из самых известных теоретиков цвета, Фабер Биррен, много писал о связи между цветами и нашим эмоциональным состоянием, особенно в своей книге « Психология цвета и теория цвета ». Так же, как слова «любовь» и «стойка для велосипеда» вызывают разные эмоции, такие цвета, как красный и синий, также вызывают разные человеческие реакции.Что еще более интересно, одни и те же цвета имеют тенденцию вызывать одинаковые реакции у разных людей; Другими словами, желтый вызывает похожие чувства у людей от Монтаны до Тимбукту. Это распространяется даже на оттенки отдельных цветов, поэтому глубокий темно-синий и светло-голубой также будут иметь разные эффекты.

Теория цвета неразрывно связана с историей человечества, как вы можете видеть на странице рукописи Чарльза Хейтера 1826 года.

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

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

Американцы много работают ради зеленого, а европейцы много работают за синий?

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

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

Применение фирменных цветов


Мы только что отправили вам ваш первый урок.

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

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

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

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

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

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

Как определить идентичность вашего бренда


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

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

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

Что означают разные фирменные цвета?


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

  • Красный — Красный символизирует страсть, волнение и гнев. Это может означать важность и привлекать внимание.
  • Оранжевый — Оранжевый олицетворяет игривость, жизнелюбие и дружелюбие. Бодрит и пробуждает энергию.
  • Желтый — Желтый вызывает счастье, молодость и оптимизм, но также может казаться привлекательным или доступным.
  • Зеленый — Зеленый символизирует стабильность, процветание, рост и связь с природой.
  • Голубой — Светлый оттенок синего излучает спокойствие, доверие, открытость. Это также может означать невиновность.
  • Темно-синий — Темно-синий символизирует профессионализм, безопасность и формальность. Он зрелый и заслуживающий доверия.
  • Фиолетовый — Фиолетовый может обозначать королевскую власть, креативность и роскошь.
  • Pink — Розовый олицетворяет женственность, молодость и невинность.Он варьируется от современного до роскошного.
  • Коричневый — Коричневый создает грубый, землистый, старомодный вид или настроение.
  • Белый — Белый символизирует чистоту, добродетель, здоровье или простоту. Он может варьироваться от доступного до высококлассного.
  • Серый — Серый означает нейтралитет. Он может выглядеть сдержанным, классическим, серьезным, загадочным или зрелым.
  • Черный — Черный вызывает ощущение мощи, утонченности, резкости, роскоши и современности.

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

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

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

Формула построения цветовой гаммы бренда


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

1. План выбора 3 цветов

Ваша база, акцент и нейтраль. Цветовые схемы бренда могут иметь от 1 до 4 цветов в зависимости от типа (см. Ниже), но даже монохромные схемы потребуют некоторого изменения оттенков для разных целей.

2. Выберите свою базу

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

3. Выберите свой акцент

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

4. Выбор нейтрали

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

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

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

При выборе цветов для брендинга цветовой круг является одним из ваших главных помощников. Расположение цветов друг к другу на колесе.
  • Монохромный — Когда у вас есть одна черта личности, на которой вы хотите сосредоточиться, монохромная схема подчеркнет значение этого одного цвета бренда.Хотя это отлично подходит для минималистских брендов, здесь задача состоит в том, чтобы различать оттенки настолько, чтобы ваше зрение не становилось визуально чахлым.
  • Аналогичный — Цвета, расположенные рядом друг с другом на цветовом круге, имеют гармоничные отношения, поскольку смежные цвета обычно имеют схожую эмоциональную окраску. Аналогичные схемы — беспроигрышные ставки, но как таковые не самые лучшие для выделения или привлечения внимания.
  • Дополнительные — Дополнительные или противоположные цвета — это цвета, расположенные прямо напротив друг друга на цветовом круге.Поскольку они противоположны, в паре они раскрывают друг в друге лучшее; вы часто видите дополнительные цвета в спортивных командах. Дополнительные цвета отлично подходят для динамичных, стимулирующих визуальных эффектов, но будьте осторожны, чтобы не копировать другой бренд, поскольку они очень популярны.
  • Triadic — Стабильная цветовая схема брендинга, триадные цвета рисуются в равных частях для трех разных частей цветового круга. Триадические схемы стабильны, как аналогичные темы, но предлагают более стимулирующее разнообразие, например, дополнительные схемы.Самое сложное — добиться, чтобы три цвета совпадали с характеристиками вашего бренда.

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

by BATHI

Знайте, когда раскрашивать за пределами линий


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

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

Мы только что отправили вам ваш первый урок.

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

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

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

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

Вы можете не осознавать, что цвет — это не только его эстетические качества.

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

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

Что такое психология цвета?

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

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

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

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

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

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

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

Заблуждения о психологии цвета

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

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

Воздействие может зависеть от других факторов, например:

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

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

Где следует использовать психологию цвета?

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

В этой статье рассматриваются цветовые схемы вашего веб-сайта и определенные области, такие как элементы веб-сайта, такие как:

  • графика героя
  • тип заголовка
  • границы
  • фон
  • кнопки
  • всплывающие окна

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

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

Настоящая проблема — понять все правильно.

Почему важна психология цвета?

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

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

  • Ясность цели: Ваш веб-дизайн или репутация бренда могут быть усилены с помощью правильной цветовой схемы.Если вы не знаете и не говорите на языке, на котором говорят ваши потенциальные клиенты, ваш продукт может потеряться в море конкуренции, независимо от того, насколько ценным или эффективным он может быть.
  • Первые впечатления : Тщательное использование цветов для создания первого впечатления может привлечь внимание впервые посетивших ваш сайт и привлечь лояльных клиентов.
  • Удержание клиентов и новые потенциальные клиенты: Благодаря разумному использованию цвета вы можете повысить количество подписчиков по электронной почте, вдохновить постоянных клиентов и дать людям повод поделиться своим брендом с семьей и друзьями.

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

Как использовать психологию цвета для увеличения конверсии

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

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

Какие цвета предпочитают представители разного пола?

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

Согласно одному исследованию, женщины предпочитают тонкие тона:

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

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

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

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

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

Используйте синий для повышения доверия

Blue прочно ассоциируется с доверием, поэтому многие финансовые учреждения часто выбирают его. PayPal, Capital One, Visa и Bank of America — это лишь некоторые из финансовых компаний, использующих синий цвет в своих цветовых схемах.

Хотя разные оттенки синего могут указывать на разные вещи, он также символизирует:

  • безопасность
  • лояльность
  • ответственность

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

Желтый — внимание

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

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

Экологичный для окружающей среды и товаров для улицы

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

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

Оранжевый положительный

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

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

Например, Amazon.com использует оранжевый цвет для запуска действия. Цвет указывает на срочность, что делает сообщение более заметным и действенным.

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

Черный означает элегантность и роскошь

Хотя мы иногда воспринимаем черный цвет в негативном свете, его часто выбирают продавцы предметов роскоши.

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

В психологии цвета черный символизирует авторитет, власть и престиж.Это объясняет, почему Prada, Rolls Royce и Chanel используют его в своих логотипах.

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

Используйте яркие основные цвета для вашего CTA

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

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

Тем не менее, самое важное в вашем CTA — это не обязательно сам цвет: вам нужно смотреть на контраст, вашу аудиторию и ваш бренд.

А как насчет белого в психологии цвета?

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

Например:

  • в простом, минималистичном дизайне
  • для типографики и добавления контраста
  • с всплеском цвета для этой дополнительной «попсы»

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

Передовой опыт психологии цвета

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

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

Если цвета не работают, предложите изменения

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

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

Используйте психологически подходящие цвета для дополнения существующей цветовой схемы

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

Тестирование нескольких цветов

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

Не забывай; Цвет — это проблема преобразования

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

Избегайте перегрузки цвета

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

Заключение

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

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

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

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

Принимаете ли вы во внимание психологию цвета при разработке и маркетинге своего веб-сайта? Расскажите, как вы его используете, ниже.

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

Что такое теория цвета? | Фонд дизайна взаимодействия (IxDF)

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

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

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

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

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

Отношения между цветами можно показать с помощью цветового круга.

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


Автор / правообладатель: Maximkaaa. Условия авторского права и лицензия: Public Domain

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

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

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

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

Достижение гармонии в цвете

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


Автор / правообладатель: Неизвестен. Условия авторского права и лицензия: Неизвестно

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

Монохроматическая схема

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

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

Аналогичная цветовая схема

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

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

Дополнительные схемы

Дополнительные цветовые схемы используют одну (или несколько) пар цветов, которые при объединении «компенсируют друг друга». Например, когда вы комбинируете два цвета, получается белый или черный (или что-то очень похожее на шкале серого). По этой причине эта схема также известна как схема «противоположных цветов».

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

Сплит-дополнительная (иногда «Составная гармония») Схема

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

Triadic

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

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

Tetradic

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

Квадрат (вариант тетрадика)

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

Цветовая температура

Цвета можно использовать для передачи эмоционального контента, а также для улучшения внешнего вида вашего веб-сайта. Сейчас мы говорим о перемещении людей, о пробуждении страстей и чувств у наших пользователей.Здесь стоит отметить, что культура, пол, опыт людей и т. Д. Также будут влиять на то, как цвета резонируют с ними, и что исследования пользователей являются лучшим индикатором эмоциональной реакции на цвет, чем следующие рекомендации, основанные на цветовом круге. Например, знаете ли вы, что в Китае красный цвет распространен, потому что он символизирует счастье и процветание, а белый цвет считается погребальным или символизирует несчастье? Кроме того, китайская культура имеет уникальный цвет — qing — что-то вроде голубовато-зеленого серого, или «grue».В Греции желтый цвет означает печаль, а красный — это понятие в Южной Африке. Цвет — это большая проблема в том, как люди из разных уголков мира интерпретируют ваш дизайн. Небольшое исследование имеет большое значение.

Однако, если вы хотите следовать подходу цветового круга, есть три индикатора цветовой температуры: «теплый», «холодный» и «нейтральный»:

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

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

The Take Away

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

Цветовой круг — это основной инструмент, созданный сэром Исааком Ньютоном в 1666 году. В нем мы находим:

  • Основные цвета
  • Вторичные цвета
  • Промежуточные или Третичные цвета

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

  • Монохроматическая схема
  • Аналогичная цветовая схема
  • Комплементарные схемы
  • Сплит-дополнительные (Составная гармония) схема
  • Триадическая
  • Тетрадическая
  • Квадрат

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

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

Где узнать больше

Ссылка

Изображение героя: Автор / Правообладатель: Джордж Филд. Условия авторского права и лицензия: Public Domain.

Основные цветовые схемы: Введение в теорию цвета

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

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

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

Цветовое колесо

Цветовой круг или Цветовой круг является основным инструмент для сочетания цветов. Первая круговая цветовая диаграмма была разработана сэром Исаак Ньютон в 1666 году.

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

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

ColorImpact разработан для динамического создания цветового круга в соответствии с вашим базовый цвет.

Основные, второстепенные и третичные цвета

В цветовой модели RYB (или субтрактивной) основных цвета являются красный, желтый и синий.

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

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

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

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

Цветовой круг можно разделить на теплые и холодные цвета.

Теплые цвета яркие и энергичные, они стремятся продвигаться в пространстве.

Холодные цвета производят впечатление спокойствия и успокаивают.

Белый, черный и серый считаются нейтральными.

оттенков, оттенков и Тоны

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

Оттенки — добавление белого к чистому оттенку:


Оттенки — добавление черного к чистому оттенку:


тона — добавление серого к чистому оттенку:


Гармония цветов


— основные приемы создания цветовых схем

Ниже показаны основные цветовые аккорды, основанные на цветовом круге .


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

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

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

Дополнительные цвета плохо подходят для текста.


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

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

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

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



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

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

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


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

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

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


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

Эта богатая цветовая схема предлагает множество возможностей для вариаций.

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

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


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

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

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

10 основ теории цвета, которые должен знать каждый

New Africa — stock.adobe.com

Купите эти товары сейчас: Диван — Цветочный горшок — Акцентный стол Большинство из нас не являются дизайнерами интерьеров по профессии, и это нормально.Считаете ли вы дизайн интерьера приятным хобби или неизбежным злом, которое помогает сохранить презентабельный вид вашего дома, иногда бывает сложно понять отраслевой жаргон. В конце концов, как часто вы вообще слышите о третичных цветах ? В Freshome мы стремимся к тому, чтобы наш контент был доступен для всех — диплом о высшем образовании не требуется. Итак, сегодня мы вернемся к основам. Подготовьтесь к небольшому дизайну. В этом посте мы рассмотрим основы теории цвета, которые должен знать каждый энтузиаст дизайна.После прочтения обязательно сохраните эту ссылку в легкодоступном месте. Это пригодится в следующий раз, когда вы не совсем уверены, что выбрали правильный цвет краски.

siraanamwong — stock.adobe.com

Купите эти товары сейчас: красочные стулья

1. Как использовать цветовое колесо

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

279photo — stock.adobe.com

Купите эти продукты сейчас: Кофейная кружка — Мобильный — Цветные ручки — Кнопки

Мгновенно получайте скидки на домашний декор!

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

Посмотреть предложения

2. Какие основные цвета

Спорим, некоторые из вас прочитали последний абзац и сказали: «12? Как в цветовом круге 12 цветов? В радуге всего 7 цветов.» Правда. Но, поверьте, на самом деле на каждом цветовом круге есть как минимум 12 оттенков. Вот как все ломается:

  • Основные цвета: Красный, синий и желтый. Нельзя сделать из смешивания других цветов.
  • Дополнительные цвета: оранжевый, фиолетовый и зеленый. Может быть получен путем смешивания основных цветов вместе.
  • Третичные цвета: Шесть оттенков, которые можно получить путем смешивания основных и дополнительных цветов.

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

Getty Images

Купите эти продукты сейчас: Диван — Цветочные горшки — Потолочные светильники — Центральный стол

3. Изменение цвета с помощью нейтралов:

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

  • Оттенок: Акт освещения цвета путем добавления к нему белого.
  • Оттенок: Затемнение цвета путем добавления черного.
  • Тон: Слегка затемняя цвет за счет добавления серого.

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

New Africa — stock.adobe.com

Купите эти продукты сейчас: Подушка — Коврик — Одеяло — Приставной столик в спальню

4. Цветовая температура

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

ponsulak — stock.adobe.com

Купите эти продукты сейчас: декоративные подушки — наволочки — чехлы для диванов

5. Дополнительная цветовая схема

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

Photographee.eu — stock.adobe.com

Купите эти товары сейчас: Современный диван — Подвесные светильники — Искусственные растения — Роспись стен

6. Сплит-дополнительная цветовая схема

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

Getty Images

Купите эти продукты сейчас: Круглый стол — Торшер — Телевизор — Микроволновая печь

7. Аналогичная цветовая схема

Аналогичная цветовая схема относится к использованию трех цветов подряд на цветовом круге. Обычно два цвета являются основными цветами, а третий оттенок представляет собой смесь двух и вторичного цвета. Например, вы можете выбрать красный, оранжевый и желтый или красный, фиолетовый и синий.Ключ к успешному использованию этой цветовой схемы — пропорции. И снова в игру вступает правило 60-30-10. Вам нужно выбрать один цвет в качестве доминирующего оттенка, один для поддержки доминирующего и третий, наиболее яркий цвет, в качестве акцента. Что интересно, вы также можете создать аналогичную цветовую схему, используя нейтральные оттенки. Обычно это называется монохроматической цветовой схемой. Просто выберите черный, белый и серый вместо более ярких оттенков.

Getty Images / iStockphoto

Купите эти продукты сейчас: Шторы — Цветочные горшки — Барный стул — Подвесной светильник

8.Цветовая схема Triadic

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

aanbetta — stock.adobe.com

Купите эти товары сейчас: красочные стулья — обои

9. Цветовая схема тетрадика

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

AntonSh — stock.adobe.com

Купите эти продукты сейчас: Горшок для кактуса — Подушка — Искусство стены

10. Цветовая гамма квадрата

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

Getty Images / Johner RF

Купите эти продукты сейчас: потолочные светильники — коврик — цветочные горшки — настольные часы Иногда жаргон дизайна интерьера может показаться отдельным языком. Никто не может вас винить, если от разговоров о мебели, планировках и декоре кружится голова.Столько терминов! Стремясь сделать дизайн доступным для всех, мы пересмотрели некоторые основы теории цвета. Используйте это как руководство перед тем, как приступить к следующему проекту, и вы сможете ориентироваться в нем как профессионал. Пропустили ли мы какие-либо ключевые темы теории цвета? Есть ли еще какие-то основы дизайна, которые вы хотели бы, чтобы мы изучили? Дайте нам знать об этом в комментариях.

6 советов по выбору потрясающей цветовой схемы веб-сайта

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

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

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

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

  1. Познакомьтесь с основами психологии цвета
  2. Познакомьтесь с теорией цвета
  3. Подумайте о смешивании цветовых сочетаний
  4. Будьте проще
  5. Контрастите свои цвета
  6. Добавьте свой брендинг

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

1. Познакомьтесь с основами психологии цвета

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

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

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

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

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

2. Познакомьтесь с теорией цвета

Короче говоря, теория цвета — это наука о том, как работает цвет. Более длинную версию объяснить не так просто — для нее есть целые курсы колледжа! Но есть несколько простых концепций, которые вы можете подобрать, чтобы обогатить свое понимание цвета для дизайна своего веб-сайта.

Во-первых, вам необходимо понять основных , дополнительных и третичных цветов.

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

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

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

Во-вторых, давайте поговорим о теплых и холодных цветах .

Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета классифицируются как теплые, а синие, зеленые и фиалки — как холодные.

В-третьих, важно понимать цветовых нюанса .

Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.

Вы можете видеть оттенок (цвет с добавлением белого), оттенок (цвет с добавлением черного) или оттенок (цвет с добавлением серого).

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

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

3. Подумайте о смешивании цветовых комбинаций

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

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

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

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

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

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

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

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

4. Будьте проще

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

У простоты есть два больших преимущества.

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

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

Цветовая схема

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

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

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

Эта цветовая схема одинакова для всего сайта.Вот как выглядит одно из сообщений в блоге:

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

Блог

Evernote — еще один отличный пример:

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

Желтый появляется часто, что делает эту цветовую схему аналогичной.

Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.

5. Контрастите свои цвета

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

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

Еще раз взгляните на сайт WordStream:

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

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

6. Добавьте свой брендинг

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

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

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

Полезно узнать, что сделали и другие бренды.Вот пример с Medium:

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

А теперь приступим к (цветному) проектированию!

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

Все, что осталось, — это пойти и сделать это.

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

И еще одно — эти знания пригодятся в будущем.

Оставить комментарий

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

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