Жёлтые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
---|---|---|---|---|---|
RAL 1000 Зелёно-бежевый | 10 10 50 10 | 0 3 40 10 | #CCC58F | 204 197 143 | |
RAL 1001 Бежевый | 0 20 50 20 | 10 20 40 0 | #D1BC8A | 209 188 138 | |
RAL 1002 Песочно-жёлтый | 0 20 60 10 | 3 23 60 7 | #D2B773 | 210 183 115 | |
RAL 1003 Сигнальный жёлтый | 5 20 90 0 | 0 20 100 0 | #F7BA0B | 247 186 11 | |
RAL 1004 Жёлто-золотой | 5 30 100 0 | 0 20 100 10 | #E2B007 | 226 176 7 | |
RAL 1005 Медово-жёлтый | 10 30 100 0 | 10 20 90 0 | #C89F04 | 200 159 4 | |
RAL 1006 Кукурузно-жёлтый | 5 30 90 0 | 0 30 100 0 | #E1A100 | 225 161 0 | |
RAL 1007 Нарциссово-жёлтый | 0 40 100 0 | 0 30 100 0 | #E79C00 | 231 156 0 | |
RAL 1011 Коричнево-бежевый | 30 40 70 0 | 20 50 100 10 | #AF8A54 | 175 138 84 | |
RAL 1012 Лимонно-жёлтый | 10 10 90 0 | 10 10 100 0 | #D9C022 | 217 192 34 | |
RAL 1013 Жемчужно-белый | 0 5 20 10 | 10 10 20 0 | #E9E5CE | 233 229 206 | |
RAL 1014 Слоновая кость | 0 10 40 10 | 10 10 30 0 | #DED09F | 222 208 159 | |
RAL 1015 Светлая слоновая кость | 0 5 30 10 | 10 10 20 0 | #EADEBD | 234 222 189 | |
RAL 1016 Жёлтая сера | 10 0 90 0 | 10 0 80 0 | #EAF044 | 234 240 68 | |
RAL 1017 Шафраново-жёлтый | 0 30 70 0 | 0 30 90 0 | #F4B752 | 244 183 82 | |
RAL 1018 Цинково-жёлтый | 0 0 80 0 | 0 0 90 0 | #F3E03B | 243 224 59 | |
RAL 1019 Серо-бежевый | 5 20 40 40 | 10 20 30 0 | #A4957D | 164 149 125 | |
RAL 1020 Оливково-жёлтый | 1 5 30 40 | 10 10 50 25 | #9A9464 | 154 148 100 | |
RAL 1021 Рапсово-жёлтый | 0 10 100 0 | 0 0 100 0 | #EEC900 | 238 201 0 | |
RAL 1023 Транспортно-жёлтый | 0 10 90 0 | 0 10 100 0 | #F0CA00 | 240 202 0 | |
RAL 1024 Охра жёлтая | 30 40 70 10 | 0 20 100 25 | #B89C50 | 184 156 80 | |
RAL 1026 Флуоресцентный (Fluorescent) Люминесцентный жёлтый | 0 0 100 0 | 0 0 100 0 | #F5FF00 | 245 255 0 | |
RAL 1027 Карри жёлтый | 10 20 90 40 | 30 30 100 0 | #A38C15 | 163 140 21 | |
RAL 1028 Дынно-жёлтый | 0 30 100 0 | 0 20 100 0 | #FFAB00 | 255 171 0 | |
RAL 1032 Жёлтый ракитник | 0 30 90 10 | 0 20 100 10 | #DDB20F | 221 178 15 | |
RAL 1033 Георгиново-жёлтый | 0 30 90 0 | 0 30 100 0 | #FAAB21 | 250 171 33 | |
RAL 1034 Пастельно-жёлтый | 0 30 80 0 | 0 30 60 0 | #EDAB56 | 237 171 86 | |
RAL 1035 Жемчужный Глянец (Pearl Gloss) Перламутрово-бежевый | 16 19 33 26 | 20 20 33 12 | #A29985 | 162 153 133 | |
RAL 1036 Жемчужный Глянец (Pearl Gloss) Перламутрово-золотой | 33 46 80 18 | 9 36 97 28 | #927549 | 146 117 73 | |
RAL 1037 Солнечно-жёлтый | 0 40 100 0 | 0 35 90 0 | #EEA205 | 238 162 5 | |
Оранжевые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 2000 Жёлто-оранжевый | 0 50 100 0 | 0 40 100 0 | #DD7907 | 221 121 7 | |
RAL 2001 Красно-оранжевый | 0 80 100 20 | 0 70 100 0 | #BE4E24 | 190 78 36 | |
RAL 2002 Алый | 0 90 100 10 | 0 80 100 0 | #C63927 | 198 57 39 | |
RAL 2003 Пастельно-оранжевый | 0 52 100 0 | 0 60 100 0 | #FA842B | 250 132 43 | |
RAL 2004 Оранжевый | 0 70 100 0 | 0 70 100 0 | #E75B12 | 231 91 18 | |
RAL 2005 Флуоресцентный (Fluorescent) Люминесцентный оранжевый | 0 75 75 5 | 0 50 100 0 | #FF2300 | 255 35 0 | |
RAL 2007 Флуоресцентный (Fluorescent) Люминесцентный ярко-оранжевый | 0 50 100 0 | 0 20 90 0 | #FFA421 | 255 164 33 | |
RAL 2008 Ярко-красно-оранжевый | 0 60 100 0 | 0 50 100 0 | #F3752C | 243 117 44 | |
RAL 2009 Транспортный оранжевый | 5 70 100 10 | 0 60 100 0 | #E15501 | 225 85 1 | |
RAL 2010 Сигнальный оранжевый | 0 70 100 10 | 0 60 100 0 | #D4652F | 212 101 47 | |
RAL 2011 Насыщенный оранжевый | 0 55 100 0 | 0 40 100 0 | #EC7C25 | 236 124 37 | |
RAL 2012 Лососёво-оранжевый | 0 60 70 0 | 0 80 80 0 | #DB6A50 | 219 106 80 | |
RAL 2013 Жемчужный Глянец (Pearl Gloss) Перламутрово-оранжевый | 0 80 100 40 | 10 80 100 10 | #954527 | 149 69 39 | |
Красные тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 3000 Огненно-красный | 0 100 100 20 | 0 100 90 0 | #AB2524 | 171 37 36 | |
RAL 3001 Сигнальный красный | 20 100 90 10 | 0 100 90 0 | #A02128 | 160 33 40 | |
RAL 3002 Карминно-красный | 10 100 90 20 | 0 100 90 0 | #A1232B | 161 35 43 | |
RAL 3003 Рубиново-красный | 0 100 100 40 | 0 100 90 15 | #8D1D2C | 141 29 44 | |
RAL 3004 Пурпурно-красный | 20 100 100 60 | 0 100 90 30 | #701F29 | 112 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 | #703731 | 112 55 49 | |
RAL 3011 Коричнево-красный | 20 100 100 40 | 0 100 90 30 | #7E292C | 126 41 44 | |
RAL 3012 Бежево-красный | 5 50 50 10 | 20 60 50 0 | #CB8D73 | 203 141 115 | |
RAL 3013 Томатно-красный | 20 90 100 20 | 0 100 100 15 | #9C322E | 156 50 46 | |
RAL 3014 Розовый антик | 0 70 30 10 | 10 70 40 0 | #D47479 | 212 116 121 | |
RAL 3015 Светло-розовый | 0 50 20 10 | 10 40 10 0 | #E1A6AD | 225 166 173 | |
RAL 3016 Кораллово-красный | 0 90 90 20 | 0 90 90 10 | #AC4034 | 172 64 52 | |
RAL 3017 Розовый | 0 80 50 10 | 0 80 40 0 | #D3545F | 211 84 95 | |
RAL 3018 Клубнично-красный | 5 90 70 5 | 0 90 100 0 | #D14152 | 209 65 82 | |
RAL 3020 Транспортный красный | 0 100 100 10 | 0 90 90 0 | #C1121C | 193 18 28 | |
RAL 3022 Лососёво-красный | 0 60 70 0 | 0 70 60 0 | #D56D56 | 213 109 86 | |
RAL 3024 Флуоресцентный (Fluorescent) Люминесцентный красный | 0 80 90 0 | 0 70 100 0 | #F70000 | 247 0 0 | |
RAL 3026 Флуоресцентный (Fluorescent) Люминесцентный ярко-красный | 0 80 100 0 | 0 70 100 0 | #FF0000 | 255 0 0 | |
RAL 3027 Малиново-красный | 0 100 70 20 | 0 100 60 15 | #B42041 | 180 32 65 | |
RAL 3028 Красный | 5 100 100 0 | 5 100 100 0 | #CB3334 | 203 51 52 | |
RAL 3031 Ориент красный | 20 100 90 20 | 0 90 60 15 | #AC323B | 172 50 59 | |
RAL 3032 Жемчужный Глянец (Pearl Gloss) Перламутрово-рубиновый | 10 100 90 50 | 10 100 100 30 | #711521 | 113 21 33 | |
RAL 3033 Жемчужный Глянец (Pearl Gloss) Перламутрово-розовый | 8 84 72 13 | 0 93 93 7 | #B24C43 | 178 76 67 | |
Фиолетовые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 4001 Красно-сиреневый | 60 70 5 10 | 50 97 20 0 | #8A5A83 | 138 90 131 | |
RAL 4002 Красно-фиолетовый | 40 100 90 5 | 0 100 40 30 | #933D50 | 147 61 80 | |
RAL 4003 Вересково-фиолетовый | 10 70 10 0 | 7 90 0 0 | #D15B8F | 209 91 143 | |
RAL 4004 Бордово-фиолетовый | 60 100 50 20 | 10 100 0 50 | #691639 | 105 22 57 | |
RAL 4005 Сине-сиреневый | 60 100 5 10 | 50 60 0 0 | #83639D | 131 99 157 | |
RAL 4006 Транспортный пурпурный | 50 100 0 10 | 30 100 0 0 | #992572 | 153 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 | #904684 | 144 70 132 | |
RAL 4009 Пастельно-фиолетовый | 40 40 30 0 | 17 40 10 15 | #A38995 | 163 137 149 | |
RAL 4010 Телемагента | 10 90 30 0 | 0 100 0 0 | #C63678 | 198 54 120 | |
RAL 4011 Жемчужный Глянец (Pearl Gloss) Перламутрово-фиолетовый | 47 57 3 7 | 47 64 0 0 | #8773A1 | 135 115 161 | |
RAL 4012 Жемчужный Глянец (Pearl Gloss) Перламутрово-ежевичный | 50 50 20 23 | 54 57 3 26 | #6B6880 | 107 104 128 | |
Синие тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 5000 Фиолетово-синий | 100 40 5 40 | 100 70 10 25 | #384C70 | 56 76 112 | |
RAL 5001 Зелёно-синий | 90 20 0 80 | 100 50 10 20 | #1F4764 | 31 71 100 | |
RAL 5002 Ультрамариново-синий | 100 70 0 40 | 100 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 40 | 100 40 0 20 | #41678D | 65 103 141 | |
RAL 5008 Серо-синий | 60 0 0 90 | 100 50 10 60 | #313C48 | 49 60 72 | |
RAL 5009 Лазурно-синий | 90 30 10 40 | 100 40 10 20 | #2E5978 | 46 89 120 | |
RAL 5010 Горечавково-синий | 100 40 5 40 | 100 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 | #6C7C98 | 108 124 152 | |
RAL 5015 Небесно-синий | 100 30 0 10 | 100 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 10 | 100 30 0 20 | #1A5784 | 26 87 132 | |
RAL 5020 Океанская синь | 100 0 40 80 | 100 30 50 40 | #0B4151 | 11 65 81 | |
RAL 5021 Водная синь | 100 20 50 10 | 100 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 20 | 100 60 10 0 | #4D668E | 77 102 142 | |
RAL 5024 Пастельно-синий | 70 20 10 20 | 63 17 7 8 | #6A93B0 | 106 147 176 | |
RAL 5025 Жемчужный Глянец (Pearl Gloss) Перламутровый горечавково-синий | 97 48 31 15 | 100 30 20 20 | #296478 | 41 100 120 | |
RAL 5026 Жемчужный Глянец (Pearl Gloss) Перламутровый ночной синий | 100 80 0 50 | 90 0 10 25 | #102C54 | 16 44 84 | |
Зелёные тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 6000 Патиново-зелёный | 80 20 60 20 | 98 8 68 17 | #327662 | 50 118 98 | |
RAL 6001 Изумрудно-зелёный | 90 30 90 10 | 100 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 40 | 100 30 50 40 | #0E4243 | 14 66 67 | |
RAL 6005 Зелёный мох | 100 60 90 20 | 100 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 80 | 100 100 100 75 | #35382E | 53 56 46 | |
RAL 6009 Пихтовый зелёный | 90 50 90 60 | 100 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 | #66825B | 102 130 91 | |
RAL 6012 Чёрно-зелёный | 100 80 100 20 | 100 50 80 60 | #31403D | 49 64 61 | |
RAL 6013 Тростниково-зелёный | 40 20 60 40 | 40 40 70 10 | #797C5A | 121 124 90 | |
RAL 6014 Жёлто-оливковый | 80 50 90 60 | 50 70 100 50 | #444337 | 68 67 55 | |
RAL 6015 Чёрно-оливковый | 80 60 70 40 | 100 100 100 75 | #3D403A | 61 64 58 | |
RAL 6016 Бирюзово-зелёный | 100 30 80 0 | 100 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 | #B7D9B1 | 183 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 | #86A47C | 134 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 40 | 100 0 70 15 | #005D52 | 0 93 82 | |
RAL 6027 Светло-зелёный | 60 0 30 0 | 50 0 20 0 | #81C0BB | 129 192 187 | |
RAL 6028 Сосновый зелёный | 100 60 100 0 | 100 30 100 40 | #2D5546 | 45 85 70 | |
RAL 6029 Мятно-зелёный | 100 20 100 5 | 100 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 | #7FB0B2 | 127 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 50 | 100 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 0 | 100 0 100 0 | #00BB2E | 0 187 46 | |
Серые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 7000 Серая белка | 40 10 10 40 | 33 6 6 36 | #7E8B92 | 126 139 146 | |
RAL 7001 Серебристо-серый | 10 0 0 40 | 20 7 7 30 | #8F999F | 143 153 159 | |
RAL 7002 Оливково-серый | 30 30 50 40 | 37 37 57 15 | #817F68 | 129 127 104 | |
RAL 7003 Серый мох | 30 20 40 40 | 27 20 40 40 | #7A7B6D | 122 123 109 | |
RAL 7004 Сигнальный серый | 0 0 0 45 | 7 4 4 33 | #9EA0A1 | 158 160 161 | |
RAL 7005 Мышино-серый | 30 10 20 60 | 48 42 39 20 | #6B716F | 107 113 111 | |
RAL 7006 Бежево-серый | 0 10 30 60 | 29 43 56 35 | #756F61 | 117 111 97 | |
RAL 7008 Серое хаки | 30 40 70 40 | 10 30 90 40 | #746643 | 116 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 80 | 100 50 30 60 | #373F43 | 55 63 67 | |
RAL 7021 Чёрно-серый | 50 10 5 95 | 100 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 | #818479 | 129 132 121 | |
RAL 7024 Графитовый серый | 80 60 50 40 | 90 60 30 60 | #474A50 | 71 74 80 | |
RAL 7026 Гранитовый серый | 60 20 30 80 | 100 40 50 60 | #374447 | 55 68 71 | |
RAL 7030 Каменно-серый | 20 10 20 40 | 0 0 10 40 | #939388 | 147 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 | #B9B9A8 | 185 185 168 | |
RAL 7033 Цементно-серый | 30 10 30 40 | 37 13 37 30 | #818979 | 129 137 121 | |
RAL 7034 Жёлто-серый | 5 5 40 40 | 0 0 30 40 | #939176 | 147 145 118 | |
RAL 7035 Светло-серый | 5 0 5 20 | 20 14 14 0 | #CBD0CC | 203 208 204 | |
RAL 7036 Платиново-серый | 10 10 10 40 | 30 30 20 10 | #9A9697 | 154 150 151 | |
RAL 7037 Пыльно-серый | 30 20 20 40 | 11 8 8 46 | #7C7F7E | 124 127 126 | |
RAL 7038 Агатовый серый | 30 10 20 20 | 30 22 22 0 | #B4B8B0 | 180 184 176 | |
RAL 7039 Кварцевый серый | 50 40 50 40 | 60 60 60 0 | #6B695F | 107 105 95 | |
RAL 7040 Серое окно | 20 5 10 40 | 30 20 10 10 | #9DA3A6 | 157 163 166 | |
RAL 7042 Транспортный серый A | 30 10 20 40 | 17 9 9 33 | #8F9695 | 143 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 | #BDBDB2 | 189 189 178 | |
RAL 7045 Телегрей 1 | 20 10 10 40 | 10 0 0 40 | #91969A | 145 150 154 | |
RAL 7046 Телегрей 2 | 30 10 10 40 | 31 18 14 25 | #82898E | 130 137 142 | |
RAL 7047 Телегрей 4 | 0 0 5 20 | 0 0 0 12 | #CFD0CF | 207 208 207 | |
RAL 7048 Жемчужный Глянец (Pearl Gloss) Перламутровый мышино-серый | 32 32 39 27 | 18 18 31 34 | #888175 | 136 129 117 | |
Коричневые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 8000 Зелёно-коричневый | 50 50 80 10 | 20 40 90 25 | #887142 | 136 113 66 | |
RAL 8001 Охра коричневая | 40 60 90 10 | 10 50 100 10 | #9C6B30 | 156 107 48 | |
RAL 8002 Сигнальный коричневый | 60 80 80 10 | 20 80 100 30 | #7B5141 | 123 81 65 | |
RAL 8003 Глиняный коричневый | 50 70 80 10 | 0 60 100 40 | #80542F | 128 84 47 | |
RAL 8004 Медно-коричневый | 40 80 80 10 | 0 70 100 25 | #8F4E35 | 143 78 53 | |
RAL 8007 Олень коричневый | 60 70 80 20 | 0 70 100 40 | #6F4A2F | 111 74 47 | |
RAL 8008 Оливково-коричневый | 50 60 70 20 | 30 60 100 10 | #6F4F28 | 111 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 | #673831 | 103 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 | #A65E2F | 166 94 47 | |
RAL 8024 Бежево-коричневый | 30 60 70 40 | 0 60 100 40 | #79553C | 121 85 60 | |
RAL 8025 Бледно-коричневый | 40 50 60 40 | 7 60 93 43 | #755C49 | 117 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 | #773C27 | 119 60 39 | |
Чёрные и белые тона | Цвет RAL | CMYK (C) | CMYK (U) | HTML | RGB |
RAL 9001 Кремово-белый | 0 0 10 5 | 0 0 10 0 | #EFEBDC | 239 235 220 | |
RAL 9002 Светло-серый | 5 0 10 10 | 3 3 10 7 | #DDDED4 | 221 222 212 | |
RAL 9003 Сигнальный белый | 0 0 0 0 | 0 0 0 0 | #F4F8F4 | 244 248 244 | |
RAL 9004 Сигнальный чёрный | 100 90 100 80 | 100 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 | #A5A8A6 | 165 168 166 | |
RAL 9007 Железный блеск (Iron Glimmer) Тёмно-алюминиевый | 0 0 0 60 | 17 14 17 29 | #8F8F8C | 143 143 140 | |
RAL 9010 Белый | 0 0 5 0 | 0 0 7 0 | #F7F9EF | 247 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 | #F7FBF5 | 247 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 | #CFD3CD | 207 211 205 | |
RAL 9022 Жемчужный Глянец (Pearl Gloss) Перламутровый светло-серый | 21 14 14 31 | 10 7 7 28 | #9C9C9C | 156 156 156 | |
RAL 9023 Жемчужный Глянец (Pearl Gloss) Перламутровый тёмно-серый | 8 6 6 57 | 20 10 10 40 | #7E8182 | 126 129 130 |
Палитра Tikkurila Symphony.
Таблица цветов от Тиккурила СимфонияПалитра цвета Tikkurila symphony Opus I и II
Цвет на экране монитора лишь приближенно воспроизводит реальный цвет и может служить только для контроля правильности выбранного кода.Для удобства поиска нужного цвета нажмите Ctrl + F |
Мы колеруем наш товар в любой, выбранный Вами, цвет! |
F300 | G300 | h400 | J300 | K300 | L300 | M300 | N300 | S300 | V300 | X300 | Y300 |
F301 | G301 | J301 | K301 | L301 | M301 | N301 | S301 | V301 | X301 | Y301 |
F302 | G302 | h402 | J302 | K302 | L302 | M302 | N302 | S302 | V302 | X302 |
F303 | G303 | h403 | J303 | K303 | L303 | M303 | N303 | S303 | V303 | X303 | Y303 |
F304 | G304 | h404 | J304 | K304 | L304 | M304 | N304 | S304 | V304 | X304 | Y304 |
F305 | G305 | h405 | J305 | K305 | L305 | M305 | N305 | S305 | V305 | X305 | Y305 |
F306 | G306 | h406 | J306 | K306 | L306 | M306 | N306 | S306 | V306 | X306 | Y306 |
F307 | G307 | h407 | J307 | K307 | L307 | M307 | N307 | S307 | V307 | X307 | Y307 |
F308 | G308 | h408 | J308 | K308 | L308 | M308 | N308 | S308 | V308 | X308 | Y308 |
F309 | G309 | h409 | J309 | K309 | L309 | M309 | N309 | S309 | V309 | X309 | Y309 |
F310 | G310 | h410 | J310 | K310 | L310 | M310 | N310 | S310 | V310 | X310 | Y310 |
F311 | G311 | h411 | J311 | K311 | L311 | M311 | N311 | S311 | V311 | X311 | Y311 |
F312 | G312 | h412 | J312 | K312 | L312 | M312 | N312 | S312 | V312 | X312 | Y312 |
F313 | G313 | h413 | J313 | K313 | L313 | M313 | N313 | S313 | V313 | X313 | Y313 |
F314 | G314 | h414 | J314 | K314 | L314 | M314 | N314 | S314 | V314 | X314 | Y314 |
F315 | G315 | h415 | J315 | K315 | L315 | N315 | S315 | V315 | X315 | Y315 |
F316 | G316 | h416 | J316 | K316 | L316 | M316 | N316 | S316 | V316 | X316 | Y316 |
F317 | h417 | J317 | K317 | L317 | M317 | N317 | S317 | V317 | X317 | Y317 |
F318 | G318 | h418 | J318 | K318 | L318 | M318 | N318 | S318 | V318 | Y318 |
F319 | G319 | h419 | J319 | K319 | L319 | M319 | N319 | S319 | V319 | X319 | Y319 |
F320 | G320 | h420 | J320 | L320 | M320 | N320 | S320 | V320 | X320 | Y320 |
F321 | G321 | h421 | J321 | K321 | L321 | M321 | N321 | S321 | V321 | X321 | Y321 |
F322 | G322 | h422 | J322 | K322 | L322 | M322 | N322 | S322 | V322 | X322 | Y322 |
F323 | G323 | h423 | J323 | K323 | L323 | M323 | N323 | S323 | V323 | X323 | Y323 |
F324 | G324 | h424 | J324 | K324 | L324 | M324 | N324 | S324 | V324 | X324 | Y324 |
F325 | G325 | h425 | J325 | K325 | L325 | M325 | N325 | S325 | V325 | X325 | Y325 |
F326 | G326 | h426 | J326 | K326 | L326 | M326 | N326 | S326 | V326 | X326 | Y326 |
F327 | G327 | h427 | J327 | K327 | L327 | M327 | N327 | S327 | V327 | X327 | Y327 |
F328 | G328 | h428 | J328 | K328 | L328 | M328 | N328 | S328 | V328 | X328 | Y328 |
F329 | G329 | h429 | J329 | K329 | L329 | M329 | N329 | S329 | V329 | X329 | Y329 |
F330 | G330 | h430 | J330 | K330 | L330 | M330 | N330 | S330 | V330 | X330 | Y330 |
F331 | G331 | h431 | J331 | K331 | L331 | M331 | N331 | S331 | V331 | X331 | Y331 |
F332 | G332 | h432 | J332 | K332 | L332 | M332 | N332 | S332 | V332 | X332 | Y332 |
F333 | G333 | h433 | J333 | K333 | L333 | M333 | N333 | S333 | V333 | X333 | Y333 |
F334 | G334 | h434 | J334 | K334 | L334 | M334 | N334 | S334 | V334 | X334 | Y334 |
F335 | G335 | h435 | J335 | K335 | L335 | M335 | N335 | S335 | V335 | X335 | Y335 |
F336 | G336 | h436 | J336 | K336 | L336 | M336 | N336 | S336 | V336 | X336 | Y336 |
F337 | G337 | h437 | J337 | K337 | L337 | M337 | N337 | S337 | V337 | X337 | Y337 |
F338 | G338 | h438 | J338 | K338 | L338 | M338 | N338 | S338 | V338 | X338 | Y338 |
F339 | G339 | h439 | J339 | K339 | L339 | M339 | N339 | S339 | V339 | X339 | Y339 |
F340 | G340 | h440 | J340 | K340 | L340 | M340 | N340 | S340 | V340 | X340 | Y340 |
F341 | G341 | h441 | J341 | K341 | L341 | M341 | N341 | S341 | V341 | X341 | Y341 |
F342 | G342 | h442 | J342 | K342 | L342 | M342 | N342 | S342 | V342 | X342 | Y342 |
F343 | G343 | h443 | J343 | K343 | L343 | M343 | N343 | S343 | V343 | X343 | Y343 |
F344 | G344 | h444 | J344 | K344 | L344 | M344 | N344 | S344 | V344 | X344 | Y344 |
F345 | G345 | h445 | J345 | K345 | L345 | M345 | N345 | S345 | V345 | X345 | Y345 |
F346 | G346 | h446 | J346 | K346 | L346 | M346 | N346 | S346 | V346 | X346 | Y346 |
F347 | G347 | h447 | J347 | K347 | L347 | M347 | N347 | S347 | V347 | X347 | Y347 |
F348 | G348 | h448 | J348 | K348 | L348 | M348 | N348 | S348 | V348 | X348 | Y348 |
F349 | G349 | h449 | J349 | K349 | L349 | M349 | N349 | S349 | V349 | X349 | Y349 |
F350 | G350 | h450 | J350 | K350 | L350 | M350 | N350 | S350 | V350 | X350 | Y350 |
F351 | G351 | h451 | J351 | K351 | L351 | M351 | N351 | S351 | V351 | X351 | Y351 |
F352 | G352 | h452 | J352 | K352 | L352 | M352 | N352 | S352 | V352 | X352 | Y352 |
F353 | G353 | h453 | J353 | K353 | L353 | M353 | N353 | S353 | V353 | X353 | Y353 |
F354 | G354 | h454 | J354 | K354 | L354 | M354 | N354 | S354 | V354 | X354 | Y354 |
F355 | G355 | h455 | J355 | K355 | L355 | M355 | N355 | S355 | V355 | X355 | Y355 |
F356 | G356 | h456 | J356 | K356 | L356 | M356 | N356 | S356 | V356 | X356 | Y356 |
F357 | G357 | h457 | J357 | K357 | L357 | M357 | N357 | S357 | V357 | X357 | Y357 |
F358 | G358 | h458 | J358 | K358 | L358 | M358 | N358 | S358 | V358 | X358 | Y358 |
F359 | G359 | h459 | J359 | K359 | L359 | M359 | N359 | S359 | V359 | X359 | Y359 |
F360 | G360 | h460 | J360 | K360 | L360 | M360 | N360 | S360 | V360 | X360 | Y360 |
F361 | G361 | h461 | J361 | K361 | L361 | M361 | N361 | S361 | V361 | X361 | Y361 |
F362 | G362 | h462 | J362 | K362 | L362 | M362 | N362 | S362 | V362 | X362 | Y362 |
F363 | G363 | h463 | J363 | K363 | L363 | M363 | N363 | S363 | V363 | X363 | Y363 |
F364 | G364 | h464 | J364 | K364 | L364 | M364 | N364 | S364 | V364 | X364 | Y364 |
F365 | G365 | h465 | J365 | K365 | L365 | M365 | N365 | S365 | V365 | X365 | Y365 |
F366 | G366 | h466 | J366 | K366 | L366 | M366 | N366 | S366 | V366 | X366 | Y366 |
F367 | G367 | h467 | J367 | K367 | L367 | M367 | N367 | S367 | V367 | X367 | Y367 |
F368 | G368 | h468 | J368 | K368 | L368 | M368 | N368 | S368 | V368 | X368 | Y368 |
F369 | G369 | h469 | J369 | K369 | L369 | M369 | N369 | S369 | V369 | X369 | Y369 |
F370 | G370 | h470 | J370 | K370 | L370 | M370 | N370 | S370 | V370 | X370 | Y370 |
F371 | G371 | h471 | J371 | K371 | L371 | M371 | N371 | S371 | V371 | X371 | Y371 |
F372 | G372 | h472 | J372 | K372 | L372 | M372 | N372 | S372 | V372 | X372 | Y372 |
F373 | G373 | h473 | J373 | K373 | L373 | M373 | N373 | S373 | V373 | X373 | Y373 |
F374 | G374 | h474 | J374 | K374 | L374 | M374 | N374 | S374 | V374 | X374 | Y374 |
F375 | G375 | h475 | J375 | K375 | L375 | M375 | N375 | S375 | V375 | X375 | Y375 |
F376 | G376 | h476 | J376 | K376 | L376 | M376 | N376 | S376 | V376 | X376 | Y376 |
F377 | G377 | h477 | J377 | K377 | L377 | M377 | N377 | S377 | V377 | X377 | Y377 |
F378 | G378 | h478 | J378 | K378 | L378 | M378 | N378 | S378 | V378 | X378 | Y378 |
F379 | G379 | h479 | J379 | K379 | L379 | M379 | N379 | S379 | V379 | X379 | Y379 |
F380 | G380 | h480 | J380 | K380 | L380 | M380 | N380 | S380 | V380 | X380 | Y380 |
F381 | G381 | h481 | J381 | K381 | L381 | M381 | N381 | S381 | V381 | X381 | Y381 |
F382 | G382 | h482 | J382 | K382 | L382 | M382 | N382 | S382 | V382 | X382 | Y382 |
F383 | G383 | h483 | J383 | K383 | L383 | M383 | N383 | S383 | V383 | X383 | Y383 |
F384 | G384 | h484 | J384 | K384 | L384 | M384 | N384 | S384 | V384 | X384 | Y384 |
F385 | G385 | h485 | J385 | K385 | L385 | M385 | N385 | S385 | V385 | X385 | Y385 |
F386 | G386 | h486 | J386 | K386 | L386 | M386 | N386 | S386 | V386 | X386 | Y386 |
F387 | G387 | h487 | J387 | K387 | L387 | M387 | N387 | S387 | V387 | X387 | Y387 |
F388 | G388 | h488 | J388 | K388 | L388 | M388 | N388 | S388 | V388 | X388 | Y388 |
F389 | G389 | h489 | J389 | K389 | L389 | M389 | N389 | S389 | V389 | X389 | Y389 |
F390 | G390 | h490 | J390 | K390 | L390 | M390 | N390 | S390 | V390 | X390 | Y390 |
F391 | G391 | h491 | J391 | K391 | L391 | M391 | N391 | S391 | V391 | X391 | Y391 |
F392 | G392 | h492 | J392 | K392 | L392 | M392 | N392 | S392 | V392 | X392 | Y392 |
F393 | G393 | h493 | J393 | K393 | L393 | M393 | N393 | S393 | V393 | X393 | Y393 |
F394 | G394 | h494 | J394 | K394 | L394 | M394 | N394 | S394 | V394 | X394 | Y394 |
F395 | G395 | h495 | J395 | K395 | L395 | M395 | N395 | S395 | V395 | X395 | Y395 |
F396 | G396 | h496 | J396 | K396 | L396 | M396 | N396 | S396 | V396 | X396 | Y396 |
F397 | G397 | h497 | J397 | K397 | L397 | M397 | N397 | S397 | V397 | X397 | Y397 |
F398 | G398 | h498 | J398 | K398 | L398 | M398 | N398 | S398 | V398 | X398 | Y398 |
F399 | G399 | h499 | J399 | K399 | L399 | M399 | N399 | S399 | V399 | X399 | Y399 |
F400 | G400 | h500 | J400 | K400 | L400 | M400 | N400 | S400 | V400 | X400 | Y400 |
F401 | G401 | h501 | J401 | K401 | L401 | M401 | N401 | S401 | V401 | X401 | Y401 |
F402 | G402 | h502 | J402 | K402 | L402 | M402 | N402 | S402 | V402 | X402 | Y402 |
F403 | G403 | h503 | J403 | K403 | L403 | M403 | N403 | S403 | V403 | X403 | Y403 |
F404 | G404 | h504 | J404 | K404 | L404 | M404 | N404 | S404 | V404 | X404 | Y404 |
F405 | G405 | h505 | J405 | K405 | L405 | M405 | N405 | S405 | V405 | X405 | Y405 |
F406 | G406 | h506 | J406 | K406 | L406 | M406 | N406 | S406 | V406 | X406 | Y406 |
F407 | G407 | h507 | J407 | K407 | L407 | M407 | N407 | S407 | V407 | X407 | Y407 |
F408 | G408 | h508 | J408 | K408 | L408 | M408 | N408 | S408 | V408 | X408 | Y408 |
F409 | G409 | h509 | J409 | K409 | L409 | M409 | N409 | S409 | V409 | X409 | Y409 |
F410 | G410 | h510 | J410 | K410 | L410 | M410 | N410 | S410 | V410 | X410 | Y410 |
F411 | G411 | h511 | J411 | K411 | L411 | M411 | N411 | S411 | V411 | X411 | Y411 |
F412 | G412 | h512 | J412 | K412 | L412 | M412 | N412 | S412 | V412 | X412 | Y412 |
F413 | G413 | h513 | J413 | K413 | L413 | M413 | N413 | S413 | V413 | X413 | Y413 |
F414 | G414 | h514 | J414 | K414 | L414 | M414 | N414 | S414 | V414 | X414 | Y414 |
F415 | G415 | h515 | J415 | K415 | L415 | M415 | N415 | S415 | V415 | X415 | Y415 |
F416 | G416 | h516 | J416 | K416 | L416 | M416 | N416 | S416 | V416 | X416 | Y416 |
F417 | G417 | h517 | J417 | K417 | L417 | M417 | N417 | S417 | V417 | X417 | Y417 |
F418 | G418 | h518 | J418 | K418 | L418 | M418 | N418 | S418 | V418 | X418 | Y418 |
F419 | G419 | h519 | J419 | K419 | L419 | M419 | N419 | S419 | V419 | X419 | Y419 |
F420 | G420 | h520 | J420 | K420 | L420 | M420 | N420 | S420 | V420 | X420 | Y420 |
F421 | G421 | h521 | J421 | K421 | L421 | M421 | N421 | S421 | V421 | X421 | Y421 |
F422 | G422 | h522 | J422 | K422 | L422 | M422 | N422 | S422 | V422 | X422 | Y422 |
F423 | G423 | h523 | J423 | K423 | L423 | M423 | N423 | S423 | V423 | X423 | Y423 |
F424 | G424 | h524 | J424 | K424 | L424 | M424 | N424 | S424 | V424 | X424 | Y424 |
F425 | G425 | h525 | J425 | K425 | L425 | M425 | N425 | S425 | V425 | X425 | Y425 |
F426 | G426 | h526 | J426 | K426 | L426 | M426 | N426 | S426 | V426 | X426 | Y426 |
F427 | G427 | h527 | J427 | K427 | L427 | M427 | N427 | S427 | V427 | X427 | Y427 |
F428 | G428 | h528 | J428 | K428 | L428 | M428 | N428 | S428 | V428 | X428 | Y428 |
F429 | G429 | h529 | J429 | K429 | L429 | M429 | N429 | S429 | V429 | X429 | Y429 |
F430 | G430 | h530 | J430 | K430 | L430 | M430 | N430 | S430 | V430 | X430 | Y430 |
F431 | G431 | h531 | J431 | K431 | L431 | M431 | N431 | S431 | V431 | X431 | Y431 |
F432 | G432 | h532 | J432 | K432 | L432 | M432 | N432 | S432 | V432 | X432 | Y432 |
F433 | G433 | h533 | J433 | K433 | L433 | M433 | N433 | S433 | V433 | X433 | Y433 |
F434 | G434 | h534 | J434 | K434 | L434 | M434 | N434 | S434 | V434 | X434 | Y434 |
F435 | G435 | h535 | J435 | K435 | L435 | M435 | N435 | S435 | V435 | X435 | Y435 |
F436 | G436 | h536 | J436 | K436 | L436 | M436 | N436 | S436 | V436 | X436 | Y436 |
F437 | G437 | h537 | J437 | K437 | L437 | M437 | N437 | S437 | V437 | X437 | Y437 |
F438 | G438 | h538 | J438 | K438 | L438 | M438 | N438 | S438 | V438 | X438 | Y438 |
F439 | G439 | h539 | J439 | K439 | L439 | M439 | N439 | S439 | V439 | X439 | Y439 |
F440 | G440 | h540 | J440 | K440 | L440 | M440 | N440 | S440 | V440 | X440 | Y440 |
F441 | G441 | h541 | J441 | K441 | L441 | M441 | N441 | S441 | V441 | X441 | Y441 |
F442 | G442 | h542 | J442 | K442 | L442 | M442 | N442 | S442 | V442 | X442 | Y442 |
F443 | G443 | h543 | J443 | K443 | L443 | M443 | N443 | S443 | V443 | X443 | Y443 |
F444 | G444 | h544 | J444 | K444 | L444 | M444 | N444 | S444 | V444 | X444 | Y444 |
F445 | G445 | h545 | J445 | K445 | L445 | M445 | N445 | S445 | V445 | X445 | Y445 |
F446 | G446 | h546 | J446 | K446 | L446 | M446 | N446 | S446 | V446 | X446 | Y446 |
F447 | G447 | h547 | J447 | K447 | L447 | M447 | N447 | S447 | V447 | X447 | Y447 |
F448 | G448 | h548 | J448 | K448 | L448 | M448 | N448 | S448 | V448 | X448 | Y448 |
F449 | G449 | h549 | J449 | K449 | L449 | M449 | N449 | S449 | V449 | X449 | Y449 |
F450 | G450 | h550 | J450 | K450 | L450 | M450 | N450 | S450 | V450 | X450 | Y450 |
F451 | G451 | h551 | J451 | K451 | L451 | M451 | N451 | S451 | V451 | X451 | Y451 |
F452 | G452 | h552 | J452 | K452 | L452 | M452 | N452 | S452 | V452 | X452 | Y452 |
F453 | G453 | h553 | J453 | K453 | L453 | M453 | N453 | S453 | V453 | X453 | Y453 |
F454 | G454 | h554 | J454 | K454 | L454 | M454 | N454 | S454 | V454 | X454 | Y454 |
F455 | G455 | h555 | J455 | K455 | L455 | M455 | N455 | S455 | V455 | X455 | Y455 |
F456 | G456 | h556 | J456 | K456 | L456 | M456 | N456 | S456 | V456 | X456 | Y456 |
F457 | G457 | h557 | J457 | K457 | L457 | M457 | N457 | S457 | V457 | X457 | Y457 |
F458 | G458 | h558 | J458 | K458 | L458 | M458 | N458 | S458 | V458 | X458 | Y458 |
F459 | G459 | h559 | J459 | K459 | L459 | M459 | N459 | S459 | V459 | X459 | Y459 |
F460 | G460 | h560 | J460 | K460 | L460 | M460 | N460 | S460 | V460 | X460 | Y460 |
F461 | G461 | h561 | J461 | K461 | L461 | M461 | N461 | S461 | V461 | X461 | Y461 |
F462 | G462 | h562 | J462 | K462 | L462 | M462 | N462 | S462 | V462 | X462 | Y462 |
F463 | G463 | h563 | J463 | K463 | L463 | M463 | N463 | S463 | V463 | X463 | Y463 |
F464 | G464 | h564 | J464 | K464 | L464 | M464 | N464 | S464 | V464 | X464 | Y464 |
F465 | G465 | h565 | J465 | K465 | L465 | M465 | N465 | S465 | V465 | X465 | Y465 |
F466 | G466 | h566 | J466 | K466 | L466 | M466 | N466 | S466 | V466 | X466 | Y466 |
F467 | G467 | h567 | J467 | K467 | L467 | M467 | N467 | S467 | V467 | X467 | Y467 |
F468 | G468 | h568 | J468 | K468 | L468 | M468 | N468 | S468 | V468 | X468 | Y468 |
F469 | G469 | h569 | J469 | K469 | L469 | M469 | N469 | S469 | V469 | X469 | Y469 |
F470 | G470 | h570 | J470 | K470 | L470 | M470 | N470 | S470 | V470 | X470 | Y470 |
F471 | G471 | h571 | J471 | K471 | L471 | M471 | N471 | S471 | V471 | X471 | Y471 |
F472 | G472 | h572 | J472 | K472 | L472 | M472 | N472 | S472 | V472 | X472 | Y472 |
F473 | G473 | h573 | J473 | K473 | L473 | M473 | N473 | S473 | V473 | X473 | Y473 |
F474 | G474 | h574 | J474 | K474 | L474 | M474 | N474 | S474 | V474 | X474 | Y474 |
F475 | G475 | h575 | J475 | K475 | L475 | M475 | N475 | S475 | V475 | X475 | Y475 |
F476 | G476 | h576 | J476 | K476 | L476 | M476 | N476 | S476 | V476 | X476 | Y476 |
F477 | G477 | h577 | J477 | K477 | L477 | M477 | N477 | S477 | V477 | X477 | Y477 |
F478 | G478 | h578 | J478 | K478 | L478 | M478 | N478 | S478 | V478 | X478 | Y478 |
F479 | G479 | h579 | J479 | K479 | L479 | M479 | N479 | S479 | V479 | X479 | Y479 |
F480 | G480 | h580 | J480 | K480 | L480 | M480 | N480 | S480 | V480 | X480 | Y480 |
F481 | G481 | h581 | J481 | K481 | L481 | M481 | N481 | S481 | V481 | X481 | Y481 |
F482 | G482 | h582 | J482 | K482 | L482 | M482 | N482 | S482 | V482 | X482 | Y482 |
F483 | G483 | h583 | J483 | K483 | L483 | M483 | N483 | S483 | V483 | X483 | Y483 |
F484 | G484 | h584 | J484 | K484 | L484 | M484 | N484 | S484 | V484 | X484 | Y484 |
F485 | G485 | h585 | J485 | K485 | L485 | M485 | N485 | S485 | V485 | X485 | Y485 |
F486 | G486 | h586 | J486 | K486 | L486 | M486 | N486 | S486 | V486 | X486 | Y486 |
F487 | G487 | h587 | J487 | K487 | L487 | M487 | N487 | S487 | V487 | X487 | Y487 |
F488 | G488 | h588 | J488 | K488 | L488 | M488 | N488 | S488 | V488 | X488 | Y488 |
F489 | G489 | h589 | J489 | K489 | L489 | M489 | N489 | S489 | V489 | X489 | Y489 |
F490 | G490 | h590 | J490 | K490 | L490 | M490 | N490 | S490 | V490 | X490 | Y490 |
F491 | G491 | h591 | J491 | K491 | L491 | M491 | N491 | S491 | V491 | X491 | Y491 |
F492 | G492 | h592 | J492 | K492 | L492 | M492 | N492 | S492 | V492 | X492 | Y492 |
F493 | G493 | h593 | J493 | K493 | L493 | M493 | N493 | S493 | V493 | X493 | Y493 |
F494 | G494 | h594 | J494 | K494 | L494 | M494 | N494 | S494 | V494 | X494 | Y494 |
F495 | G495 | h595 | J495 | K495 | L495 | M495 | N495 | S495 | V495 | X495 | Y495 |
F496 | G496 | h596 | J496 | K496 | L496 | M496 | N496 | S496 | V496 | X496 | Y496 |
F497 | G497 | h597 | J497 | K497 | L497 | M497 | N497 | S497 | V497 | X497 | Y497 |
F498 | G498 | h598 | J498 | K498 | L498 | M498 | N498 | S498 | V498 | X498 | Y498 |
F499 | G499 | h599 | J499 | K499 | L499 | M499 | N499 | S499 | V499 | X499 | Y499 |
F500 | G500 | H500 | J500 | K500 | L500 | M500 | N500 | S500 | V500 | X500 | Y500 |
F501 | G501 | H501 | J501 | K501 | L501 | M501 | N501 | S501 | V501 | X501 | Y501 |
F502 | G502 | H502 | J502 | K502 | L502 | M502 | N502 | S502 | V502 | X502 | Y502 |
Описание веера цвета Тиккурила Симфония:
Коллекцию цветов разделяют на два логичных сборника – Опус 1 и Опус 2, которые представляют собой два раздельных веера в алюминиевых футлярах. Цвета Опуса 1 яркие, насыщенные и чистые, а цвета Опуса 2 – спокойные, классические, пастельные. Такое разделение существенно облегчает подбор нужного цвета.На каждом листе веера 12 вариаций одного цвета. В середине листа, в отмеченном буквой “М” ряду находится исходный цвет. Вверх от исходного цвета 6 осветленных оттенков и вниз от него – 5 оттенков, тонированных по серой шкале. Кроме того, в конце Опуса 2 есть еще 15 листов тонированных черных и серых оттенков.
Возврат к списку
Oracal 641 — цветовая шкала
Самоклеющаяся пленка Oracal 641 серии обладает невысокой стоимостью и хорошими характеристиками. Пленка доступна в богатой цифровой гамме (60 цветов) и выдерживает большой диапазон температур. Ниже представлены характеристики и раскладка цветов пленки Oracal 641.
Технические характеристики ORACAL 641
ORACAL 641 Ecomony Cal – это мягкая каландрированная пленка из ПВХ толщиной 75 мкм с глянцевой (Oracal 641) или матовой (ORACAL 641M) поверхностью, доступная в 60-ти стандартных цветах.
Применение: эти хорошо зарекомендовавшие себя серии цветной самоклеящейся пленки применяются для рекламного оформления выставок, витрин, стендов, планшетов и любых видов краткосрочной наружной рекламы. Пленки серии 641 имеют идеальные характеристики для плоттерной резки, пригодны для трафаретной и УФ–офсетной печати. Для глянцевой поверхности также возможно нанесение изображений методом термотрансферной печати.
При хорошей размерной стабильности материала, пленка Oracal 641 устойчива к воздействиям воды, моющих агентов и к большинству обычных масел, смазок, слабых растворов кислот и солей. Серия Oracal 641 носит название Optimum – оптимальный выбор цветной пленки эконом-класса для производителей рекламы.
Срок службы Oracal 641 и 641M при наружном использовании — до 3–х лет (температура эксплуатации — от -40°С до +80°С). Белый и черный цвета— 4 года. Срок применения внутри помещения практически не ограничен.
Примечание. Для большей контрастности при плоттерной резке белый цвет пленки 641 имеет силиконизированную подложку голубого цвета.
Раскладка цветов ORACAL 641
Цвета пленки, отображенные на экране компьютера, являются приближенным представлением реального цвета пленки. При заказе рекомендуем согласовать цвет пленки по веерам в нашем офисе.
RGB составляющие каждого цвета были взяты из официальной палитры фирмы Orafol и могут заметно отличаться от реального цвета пленки. Используйте эти данные только для предварительного ознакомления. Здесь вы можете загрузить палитры для CorelDraw и Adobe Illustrator.
Для удобства вы можете скачать оффлайн версию цветовой палитры Oracal 641 Economy Cal в нашей открытой группе в контакте (откроется в новом окне). Формат печати А4. Превью палитры смотрите здесь.
Transparent 000 |
White 010 |
Signal Yellow 019 |
Golden Yellow 020 |
Yellow 021 |
||||
RGB: 217:214:219 #D9D6D8 |
RGB: 232:234:238 #E8EAEE |
RGB: 233:170:34 #E9AA22 |
RGB: 250:167:26 #FAA71A |
RGB: 255:200:8 #FFC808 |
Light Yellow 022 |
Brimstone Yellow 025 |
Purple Red 026 |
Burgundy 312 |
Dark Red 030 |
||||
RGB: 244:204:19 #F4CC13 |
RGB: 242:224:16 #F2E010 |
RGB: 99:7:22 #630716 |
RGB: 120:18:20 #781214 |
RGB: 151:27:30 #971B1E |
Red 031 |
Light Red 032 |
Orange Red 047 |
Orange 034 |
Light Orange 036 |
||||
RGB: 180:32:36 #B42024 |
RGB: 204:32:39 #CC2027 |
RGB: 216:52:39 #D83427 |
RGB: 224:73:38 #E04926 |
RGB: 239:105:35 #EF6923 |
Pastel Orange 035 |
Purple 404 |
Violet 040 |
Lavender 043 |
Lilac 042 |
||||
RGB: 243:113:33 #F37121 |
RGB: 64:42:114 #402A72 |
RGB: 95:43:103 #5F2B67 |
RGB: 121:96:162 #7960A2 |
RGB: 186:149:189 #BA95BD |
Pink 041 |
Soft Pink 045 |
Deep Sea Blue 562 |
Steel Blue 518 |
Dark Blue 050 |
||||
RGB: 202:42:105 #CA2A69 |
RGB: 243:137:183 #F389B7 |
RGB: 17:29:56 #111D38 |
RGB: 14:19:57 #0E1339 |
RGB: 28:49:94 #1C315E |
Cobalt Blue 065 |
King Blue 049 |
Brilliant Blue 086 |
Blue 067 |
Traffic Blue 057 |
||||
RGB: 36:43:101 #242B65 |
RGB: 40:52:116 #283474 |
RGB: 33:65:154 #21419A |
RGB: 32:61:118 #203D76 |
RGB: 29:69:139 #1D458B |
Gentian Blue 051 |
Gentian 098 |
Azure Blue 052 |
Sky Blue 084 |
Light Blue 053 |
||||
RGB: 25:70:130 #194682 |
RGB: 3:80:158 #03509E |
RGB: 14:95:173 #0E5FAD |
RGB: 4:115:187 #0473BB |
RGB: 8:135:195 #0887C3 |
Ice Blue 056 |
Turquoise Blue 066 |
Turquoise 054 |
Mint 055 |
Dark Green 060 |
||||
RGB: 64:161:211 #40A1D3 |
RGB: 1:129:144 #018190 |
RGB: 0:153:153 #009999 |
RGB: 98:197:182 #62C5B6 |
RGB: 1:60:36 #013C24 |
Forest Green 613 |
Green 061 |
Grass Green 068 |
Light Green 062 |
Yellow Green 064 |
||||
RGB: 1:81:56 #015138 |
RGB: 3:121:79 #03794F |
RGB: 0:118:65 #007641 |
RGB: 2:136:68 #028844 |
RGB: 18:154:72 #129A48 |
Lime-Tree Green 063 |
Brown 080 |
Nut Brown 083 |
Light Brown 081 |
Beige 082 |
||||
RGB: 105:166:67 #69A643 |
RGB: 86:53:28 #56351C |
RGB: 178:91:39 #B25B27 |
RGB: 169:135:89 #A98759 |
RGB: 204:191:158 #CCBF9E |
Cream 023 |
Black 070 |
Dark Grey 073 |
Grey 071 |
Telegray 076 |
||||
RGB: 234:210:148 #EAD294 |
RGB: 7:8:9 #070809 |
RGB: 74:76:76 #4A4C4C |
RGB: 116:126:123 #747E7B |
RGB: 127:134:136 #7F8688 |
Middle Grey 074 |
Light Grey 072 |
Silver Grey (metallic) 090 |
Gold (metallic) 091 |
Copper (metallic) 092 |
||||
RGB: 138:143:140 #8A8F8C |
RGB: 193:195:195 #C1C3C3 |
RGB: 111:114:117 #6F7275 |
RGB: 122:101:49 #7A6531 |
RGB: 108:65:28 #6C411C |
Разместить заказ или получить консультацию — легко
Выберите удобный способ связи с нами:
Позвоните и получите +7 (812) 903-82-19 |
Присылайте ваши макеты, prospero. [email protected] |
Подробная контактная информация здесь.
Купите Magic Keyboard с цифровой панелью серебр. цвета
Китайский (пиньинь)НемецкийАнглийский (международный)PусскийАнглийский (США) Язык
Информация о продукте
Обзор
У клавиатуры Magic Keyboard с цифровой панелью расширенная раскладка с дополнительными клавишами навигации для быстрой прокрутки документов и полноразмерными клавишами-стрелками для игр. Механизм «ножницы» повышает стабильность клавиш, а низкий профиль и оптимизированный ход обеспечивают удивительно точный и удобный ввод текста. Цифровая панель идеально подходит для электронных таблиц и финансовых приложений. Кроме того, клавиатура невероятно долго работает от аккумулятора. Вы сможете забыть о подзарядке как минимум на месяц.1
Комплект поставки
Клавиатура Magic Keyboard с цифровой панелью
Кабель Lightning/USB
Спецификации
Размеры и вес
Высота: 0,41–1,09 см
Ширина: 11,49 см
Основные
Мультимедийные клавиши
Возможности подключения и расширения
Беспроводное подключение
Системные требования
Компьютер Mac с поддержкой Bluetooth и установленной системой macOS 10. 12.4 или новее
Устройства iOS с системой iOS 10.3 или новее
Совместимость
Модели Mac
- MacBook Air (чип M1, модель 2020 года)
- MacBook Air (дисплей Retina, 13 дюймов, модель 2020 года)
- MacBook Air (дисплей Retina, 13 дюймов, модели 2018 и 2019 годов)
- MacBook Air (13 дюймов, модели с начала 2015 по 2017 год)
- MacBook Air (11 дюймов, модель начала 2015 года)
- MacBook Pro (13 дюймов, чип M1, модель 2020 года)
- MacBook Pro (13 дюймов, модель 2020 года)
- MacBook Pro (16 дюймов, модель 2019 года)
- MacBook Pro (13 дюймов, модели с 2016 по 2019 год)
- MacBook Pro (15 дюймов, модели с 2016 по 2019 год)
- MacBook Pro (дисплей Retina, 13 дюймов, модели с конца 2012 по 2015 год)
- MacBook Pro (дисплей Retina, 15 дюймов, модели с середины 2012 по 2015 год)
- MacBook (дисплей Retina, 12 дюймов, модели с начала 2015 по 2017 год)
- iMac (24 дюйма, чип M1, модель 2021 года)
- iMac (дисплей Retina 4K, 21,5 дюйма, модели 2019)
- iMac (дисплей Retina 5K, 27 дюймов, модели 2019)
- iMac (дисплей Retina 4K, 21,5 дюйма, модель 2017 года)
- iMac (дисплей Retina 5K, 27 дюймов, модель 2017 года)
- iMac (дисплей Retina 4K, 21,5 дюйма, модель конца 2015 года)
- iMac (дисплей Retina 5K, 27 дюймов, модели с конца 2014 по 2015 год)
- iMac Pro (2017 г. )
- Mac Pro (модель 2019 года)
- Mac Pro (модель конца 2013 года)
- Mac mini (чип M1, модель 2020 года)
- Mac mini (2018 г.)
- Mac mini (модель конца 2014 года)
\n У клавиатуры Magic Keyboard с цифровой панелью расширенная раскладка с дополнительными клавишами навигации для быстрой прокрутки документов и полноразмерными клавишами-стрелками для игр. Механизм «ножницы» повышает стабильность клавиш, а низкий профиль и оптимизированный ход обеспечивают удивительно точный и удобный ввод текста. Цифровая панель идеально подходит для электронных таблиц и финансовых приложений. Кроме того, клавиатура невероятно долго работает от аккумулятора. Вы сможете забыть о подзарядке как минимум на месяц.1\n
\nправильное сочетание цветов в оформлении, фото раскладок
Сочетание цвета в интерьере создает ту самую атмосферу уюта. Колористы уже давно разработали наиболее красивые пары цветов. Используя эти цветовые колористические гаммы в интерьере, возможно создать комфортный дизайн, в котором будет приятно находиться и отдыхать.
Наука совместимости оттенков заключается в соблюдении простых правил. Зная их, можно не заказывать услуги дизайнера при ремонте.
Оглавление статьи:
Таблицы сочетания цветов в интерьере
Цветовое сочетание влияет на психоэмоциональное состояние человека. На уровне биохимии могут произойти изменения в настроении, самочувствие и даже характере. При отсутствии солидарности между оттенками, находясь в комнате невозможно отдохнуть. Поэтому, для легкого определения есть таблица сочетания цветов в интерьере.
Таблица сочетания цветов в интерьере избавляет от изучения цветового круга.
Тёплые цвета
Если взять стандартный цветовой круг и провести вертикальную линию, то все оттенки можно разделить на теплые и холодные. Между ними образуются нейтральные.
К теплым относятся весь спектр обычного пламени костра: желтый, красный и промежуточные. На уровне подсознания они вызывают ощущения комфорта, удобства и гостеприимства. Появляется желание посидеть в компании с горячим чаем или глинтвейном.
Холодные цвета
Антагонистами к теплому спектру выступают холодные тона. Палитры сочетания этих цветов склоняют к ощущению зимы, холода, свежести. Оттенки льда чаще применяются для ванной комнаты и туалета. К ним относятся гамма синих и зеленых оттенков.
Нейтральные цвета
Нейтральные тона не вызывают никаких ассоциаций в сторону тепла или холода. Для интерьера они ценны, так как предназначены для морального отдыха. В спальне они помогают расслабиться после рабочего дня, не навивают воспоминаний, рутины и дискомфорта.
Нейтральная классификация условна, так как в него входят все промежуточные оттенки.
Сочетания цветов в интерьере
Комплексное сочетание
Под комплексом подразумевается ряд общепринятых распространенных цветовых сочетаний в интерьере, которые имеют универсальный характер:
- Бежевый;
- Серый;
- Белый.
Стилистически они нейтральны и не относятся к холодным или горячим. В интерьере они выступают полотном, на которое добавляется другие краски.
В интерьере серый, белый и бежевый сочетаются с разными оттенками, поэтому к ним может применяться любой вид определения цвета. В минимализме они сочетаются с черным, в лофте — с коричневым, а в поп-арте — с кислотными тонами.
В отличие от других сочетаний, где мебель выступает — основа дизайна, и при добавлении новых шкафов или комодов нужно изменять сам ремонт. При нейтральном фоне, даже разная мебель будет органично взаимодействовать друг с другом.
Эклектически комплексное сочетание цветов в интерьере гостиной или спальни воплощает атмосферу отдыха, даже при присутствии ярких цветов.
Триада или сочетание 3 цветов
Геометрически равноудаленные 3 отдельных оттенка создают триаду. Рассматривая цветовой круг, можно обнаружить, что все цвета соединяются в нем математически точно.
«Триада» отталкивается от доминантного оттенка, который будет заполнять стены, потолок, большую часть аксессуаров. Два остальных выполняют дополнительную функцию, акцентируют и контурируют аксессуары, выделяя их на фоне основы.
Равносторонний треугольник с центром на оси цветового круга позволит определить оттенки, которые нужны в дизайне. Зная, как правильно сочетать цвета в технологии «Триада», возможно применить следующие стили:
- Поп-арт. Резкий, контрастный, яркий дизайн, проявляющийся в творчестве и контркультуре. Приветствуется резкость краски, грубые переходы.
- Лофт. Основа сочетаемости лежит в доминантном грубом тоне и двух дополнительных, проявляющихся в аксессуарах и периферическом дизайне.
Триада рассчитывается по формуле пропорции, где основа занимает 50%, а два дополнительных оттенка по 25%. В схеме возможна замена основных тонов полутонами, небольшой отход от полученного соотношения. Но не допускается добавление дополнительного 3 компонента.
Аналогичное сочетание
Как сочетать цвета в интерьере, если нужно разнообразить однотонный дизайн? Для ценителей постоянства и сдержанности был разработан аналогичный метод соотношения. На цветовом колесе каждый оттенок имеет место. В зависимости от намеченного круга, нужно выбрать 2-5 тона, которые должны быть в комнате.
Важно, чтобы они располагались на одном кольце круга. Переходить на верхние или нижние уровни нельзя.
Их расположение таково, что сочетание не может быть неправильным. При этом в одной комнате могут находиться оттенки красного, синего и фиолетового одновременно. В то же время схема очень проста. Палитра сочетания цветов в интерьере аналоговое – вариант для спокойных комнат, как рабочих кабинет или спальня.
Красивые сочетания цветов аналогиями подходят для детской комнаты, кухни и гостиной. Применить схему можно во многих стилях интерьера, в том числе и в классицизме, барокко, рококо, различных формах модернизма и постмодернизма.
Раздельно комплементарное сочетание
Модификация комплементарной схемы. В стандартной схеме выбирается первичный тон, от которого определяется полностью противоположный. Эффект негатива хорошо уживается внутри одной комнаты и позволяет добиться результата. Противоположности сочетаются друг с другом, создают дуэт контраста и акцента.
Для дизайнера комбинация не всегда оправданна, так как предполагает жесткое ограничение палитры и контраст, который следует соблюдать, как в основе, так и периферии. Раздельно-комплементарная система предполагает выбор не противоположного, а 2 близлежащих оттенков. Компиляция получается менее контрастной, но свободной и цельной.
Переходные тона снимают напряжение, позволяют уместить больше предметов интерьера. Не нужно следовать точно палитре. Можно отходить от полученной схемы.
Тетрада или сочетание 4 цветов
Тетрада — схема 4 тонов одновременно. На круге, она выглядит в виде правильного четырехугольника производного размера.
Алгоритм состоит из:
- Доминирующий. Занимает 40% всей палитры дизайна. Именно он выбирается изначально, а потом устанавливаются остальные. Границ нет – нужно соотнестись со стилем.
- Дополнительные. Оба занимают по 20% в интерьере. Предназначены для окраски периферии, как мебель, подоконники, рамы окон. Сочетание двух цветов создает контраст, так как они на противоположной части, относительно доминанты.
- Акцент. Он необходим для яркого выделения на основном фоне. В нем воплощены вазы, светильники, декоративные журналы.
Геометрическая точность разработана так, что они будут сочетаться между собой, даже при условии полного контраста. В палитре есть одновременно холодные и теплые тона, что эклектически выделяет тетраду и делает ее ярче.
Комбинация подходит для ярких, быстрых людей, постоянно находящихся в движении. В качестве декора к тетраде выступают натуральные и пластиковые фрукты, светильники, яркие статуэтки, книги и журналы.
Квадрат
Цвет в интерьере определяется методом квадрата. 4 оттенка находятся на равноудаленном расстоянии друг от друга. В итоге, получается контрастное цветовое сочетание, легко регулируемое.
Квадрат позволяет значительно разбавить интерьер, добавить в него много деталей. Ограничений на цвет в интерьере нет, поэтому можно использовать бесконечное количество мебели и аксессуаров. В том числе можно работать с черным, белым и прочими оттенками.
Эффект градиента в интерьере
Градиент — цветовое сочетание, при котором предполагается перетекание из одного оттенка в другой. В интерьере такой подход используется в глобальном масштабе. Сочетающиеся тона образуют гармоничную композицию.
Часто используемые схемы: белый потолок, плавно взаимодействующий с черным полом. Посередине находятся переходящие тона, которые образуют серый интерьер. Какие цвета сочетаются с белым? Элементы интерьера могут быть любыми, в том числе и переходящие оттенки.
В интерьере таблица оттенков стандартная, приведенная выше. Для определения нужного тона можно воспользоваться колористическим кругом. Он позволяет определить нужный цвет в интерьере на колесе.
Сочетания цветов в интерьере: раскладки
Для определения цвета в интерьере можно воспользоваться готовыми планами, в зависимости от конкретной комнаты. Колористика говорит, с каким цветом ассоциируется конкретное помещение, что делает возможным установить нужную гамму.
То, как сочетать цвета в интерьере лучше рассмотреть на примере конкретных комнат.
Кухни
Кухня требует спокойных тонов. Цветовое сочетание должно вызывать аппетит, способствовать вкусу еду, не отвлекать и успокаивать.
Правильное сочетание цветов на кухне – пастель и яркость. Пол лучше сделать в лимонном оттенке. Он тепло-нейтральный, поэтому не отвлекает от еды и относится к тонам, вызывающим аппетит. Палитра сочетания цветов в интерьере кухни должно быть контрастирующей, поэтому нужно использовать оттенки синего. Бирюзовый создаст нужное акцентирование, на фоне лимонного.
Стены и потолок могут быть белыми, в качестве холста для композиции. Также цвет в интерьере может быть светло-серого тона.
Гостиной
Как сочетать цвета в интерьере гостиной? Эту комнату посещают абсолютно все, поэтому палитра для комнаты может быть произвольной. Гостиная может быть зонированой изменением тона.
Для усреднения, стоит использовать нейтральный цвет в интерьере с выделяющими яркими акцентами.
Спальни
Сочетаемость в спальне сугубо индивидуальная, но часто используются светлые цветовые сочетания. Они легко компилируются с тонами фиолетового. Белый и бежевый хорошо комбинируются с черным.
Так как это место для сна и отдыха, стоит избегать ярких, броских цветов в интерьере в пользу мягких градиентов, спокойных переходов и умиротворяющей атмосфере.
Примеры оформления спальни можно посмотреть на фото.
Фотогалерея
Цветовой стандарт RAL. Таблица цветов ral c названиями
krovli. club
RAL — это самый популярный и применяемый в мире цветовой стандарт. Имеет вид кодового обозначения, состоящий из префикса RAL и цифр. Имеет очень широкое применение и востребован практически во всех отраслях, где необходимо правильное и точное понимание цвета.
Первый стандарт RAL был разработан в далёком 1927 году в Германии и состоял из 40 цветов. С тех пор, институт RAL активно ведёт разработки добавляя новые образцы цветов, в соответствии с потребностями растущего рынка. В настоящее время, система RAL насчитывает несколько тысяч цветов.
Цвета RAL
На данный момент, стандарт RAL делится на 5-ть каталогов, каждый из которых имеет своё предназначение и применяется для конкретных целей.
RAL Classic — самый применяемый стандарт RAL. Полная таблица с цветами из этого каталога приведена немного ниже.
RAL Design — шкала для профессионального цветового дизайна, в которой цвета упорядочены согласно технологическим значениям тона, яркости и насыщенности цвета.
RAL Digital — это цифровая (компьютерная) версия всех каталогов RAL. Это программное обеспечение, в которое импортированы все каталоги и цвета RAL. Применяется для работ с дизайнерским программным обеспечением и в системах автоматического проектирования.
RAL Effect — это каталог для матовых оттенков, водно-дисперсионных красок и глянцевых оттенков для красок типа металлик, разработанный в 2007-ом году.
RAL Plastics — новый независимый цветовой стандарт для пластика. Был создан в связи с большим спросом в индустрии переработки пластмасс. Насчитывает 300 цветов применяемых для пластмасс.
Таблица RAL Classic
Состоит из 213-ти цветов. Все они разделены в группы на девять диапазонов:
Жёлтые тона
RAL 1000
Зелёно-бежевый
RAL 1002
Жёлтый песок
RAL 1003
Сигнальный жёлтый
RAL 1004
Золотисто-жёлтый
RAL 1005
Медово-жёлтый
RAL 1006
Кукурузно-жёлтый
RAL 1007
Нарциссово-жёлтый
RAL 1011
Коричнево-бежевый
RAL 1012
Лимонно-жёлтый
RAL 1013
Жемчужно-белый
RAL 1014
Слоновая кость
RAL 1015
Светлая слоновая кость
RAL 1016
Жёлтая сера
RAL 1017
Шафраново-жёлтый
RAL 1018
Цинково-жёлтый
RAL 1019
Серо-бежевый
RAL 1020
Оливково-жёлтый
RAL 1021
Рапсово-жёлтый
RAL 1023
Транспортно-жёлтый
RAL 1024
Охра жёлтая
RAL 1026
Люминисцентный жёлтый
RAL 1027
Карри жёлтый
RAL 1028
Дынно-жёлтый
RAL 1032
Жёлтый ракитник
RAL 1033
Георгиново-жёлтый
RAL 1034
Пастельно-жёлтый
RAL 1035
Перламутрово-бежевый
RAL 1036
Перламутрово-золотой
RAL 1037
Солнечно-жёлтый
Оранжевые тона
RAL 2000
Жёлто-оранжевый
RAL 2001
Красно-оранжевый
RAL 2003
Пастельно-оранжевый
RAL 2004
Оранжевый
RAL 2005
Люминисцентный оранжевый
RAL 2007
Люминисцентный ярко-оранжевый
RAL 2008
Яркий красно-оранжевый
RAL 2009
Транспортный оранжевый
RAL 2010
Сигнальный оранжевый
RAL 2011
Насыщенный оранжевый
RAL 2012
Лососёво-оранжевый
RAL 2013
Перламутрово-оранжевый
Красные тона
RAL 3000
Огненно-красный
RAL 3001
Сигнальный красный
RAL 3002
Каминно-красный
RAL 3003
Рубиново-красный
RAL 3004
Пурпурно-красный
RAL 3005
Винно-красный
RAL 3007
Чёрно-красный
RAL 3009
Оксид красный
RAL 3011
Коричнево-красный
RAL 3012
Бежево-красный
RAL 3013
Томатно-красный
RAL 3014
Розовый антик
RAL 3015
Светло-розовый
RAL 3016
Кораллово-красный
RAL 3018
Клубнично-красный
RAL 3020
Транспортный красный
RAL 3022
Лососёво-красный
RAL 3024
Люминисцентный красный
RAL 3026
Люминисцентный ярко-красный
RAL 3027
Малиново-красный
RAL 3031
Восточный красный
RAL 3032
Перламутрово-рубиновый
RAL 3033
Перламутрово-розовый
Фиолетовые тона
RAL 4001
Красно-сиреневый
RAL 4002
Красно-фиолетовый
RAL 4003
Фиолетовый вереск
RAL 4004
Бордово-фиолетовый
RAL 4005
Сине-сиреневый
RAL 4006
Транспортный пурпурный
RAL 4007
Пурпурно-фиолетовый
RAL 4008
Фиолетовый сигнальный
RAL 4009
Пастельный фиолетовый
RAL 4010
Телемагента
RAL 4011
Перламутрово-фиолетовый
RAL 4012
Перламутрово-ежевичный
Синие тона
RAL 5000
Фиолетово-синий
RAL 5001
Зелёно-синий
RAL 5002
Ультрамариновый синий
RAL 5003
Сапфирово-синий
RAL 5004
Чёрно-синий
RAL 5005
Сигнальный синий
RAL 5007
Бриллиантово-синий
RAL 5008
Серо-синий
RAL 5009
Лазурно-синий
RAL 5010
Горечавково-синий
RAL 5011
Стальной-синий
RAL 5013
Кобальтово-синий
RAL 5014
Голубино-синий
RAL 5015
Небесно-синий
RAL 5017
Транспортный синий
RAL 5018
Бирюзово-синий
RAL 5019
Капри синий
RAL 5020
Океановая синь
RAL 5021
Водная синь
RAL 5022
Ночной синий
RAL 5023
Отдалённо-синий
RAL 5024
Пастельный синий
RAL 5025
Перламутровый горечавково-синий
RAL 5026
Перламутровый ночной синий
Зелёные тона
RAL 6000
Патиново-зелёный
RAL 6001
Зелёный изумруд
RAL 6002
Лиственно-зелёный
RAL 6003
Оливково-зелёный
RAL 6004
Сине-зелёный
RAL 6005
Зелёный мох
RAL 6006
Оливково-серый
RAL 6007
Бутылочно-зелёный
RAL6008
Коричнево-зелёный
RAL 6009
Пихтовый зелёный
RAL 6010
Травяной зелёный
RAL 6011
Резедово-зелёный
RAL 6012
Чёрно-зелёный
RAL 6013
Тростниково-зелёный
RAL 6014
Жёлто-оливковый
RAL 6015
Чёрно-оливковый
RAL 6016
Бирюзово-зелёный
RAL 6017
Майский зелёный
RAL 6018
Жёлто-зелёный
RAL 6019
Бело-зелёный
RAL 6020
Хромовый зелёный
RAL 6021
Бледно-зелёный
RAL 6022
Коричнево-оливковый
RAL 6024
Транспортный зелёный
RAL 6025
Папоротниково-зелёный
RAL 6026
Опаловый зелёный
RAL 6027
Светло-зелёный
RAL 6028
Сосновый зелёный
RAL 6029
Мятно-зелёный
RAL 6032
Сигнальный зелёный
RAL 6033
Мятно-бирюзовый
RAL 6034
Пастельно-бирюзовый
RAL 6035
Перламутрово-зелёный
RAL 6036
Перламутровый опаловый зелёный
RAL 6038
Люминисцетный зелёный
Серые тона
RAL 7000
Серая белка
RAL 7001
Серебристо-серый
RAL 7002
Оливково-серый
RAL 7003
Серый мох
RAL 7004
Сигнальный серый
RAL 7005
Мышино-серый
RAL 7006
Бежево-серый
RAL 7008
Серый хаки
RAL 7009
Зелёно-серый
RAL 7010
Брезентово-серый
RAL 7011
Железно-серый
RAL 7012
Базальтово-серый
RAL 7013
Коричнево-серый
RAL 7015
Сланцево-серый
RAL 7016
Антрацитово-серый
RAL 7021
Чёрно-серый
RAL 7022
Серый умбра
RAL 7023
Серый бетон
RAL 7024
Графитовый серый
RAL 7026
Гранитный серый
RAL 7030
Каменно-серый
RAL 7031
Сине-серый
RAL 7032
Галечный серый
RAL 7033
Цементно-серый
RAL 7034
Жёлто-серый
RAL 7035
Светло-серый
RAL 7036
Платиново-серый
RAL 7037
Пыльно-серый
RAL 7038
Агатовый серый
RAL 7039
Кварцевый серый
RAL 7040
Серое окно
RAL 7042
Транспортный серый А
RAL 7043
Транспортный серый В
RAL 7044
Серый шёлк
RAL 7045
Телегрей 1
RAL 7046
Телегрей 2
RAL 7047
Телегрей 4
RAL 7048
Перламутровый мышино-серый
Коричневые тона
RAL 8000
Зелёно-коричневый
RAL 8001
Охра коричневая
RAL 8002
Сигнальный коричневый
RAL 8003
Глиняный коричневый
RAL 8004
Медно-коричневый
RAL 8007
Коричневый оленьевый
RAL 8008
Оливково-коричневый
RAL 8011
Орехово-коричневый
RAL 8012
Красно-коричневый
RAL 8014
Сепия коричневый
RAL 8015
Каштаново-коричневый
RAL 8016
Махагон коричневый
RAL 8017
Шоколадно-коричневый
RAL 8019
Серо-коричневый
RAL 8022
Чёрно-коричневый
RAL 8023
Оранжево-коричневый
RAL 8024
Бежево-коричневый
RAL 8025
Бледно-коричневый
RAL 8028
Терракотовый
RAL 8029
Перламутровый
Чёрные и белые тона
RAL 9001
Кремово-белый
RAL 9002
Светло-серый
RAL 9003
Сигнальный белый
RAL 9004
Сигнальный чёрный
RAL 9005
Чёрный янтарь
RAL 9006
Алюминиево-белый
RAL 9007
Тёмно-алюминиевый
RAL 9011
Графитно-чёрный
RAL 9016
Транспортный белый
RAL 9017
Транспортный чёрный
RAL 9018
Папирусно-белый
RAL 9022
Перламутровый светло-серый
RAL 9023
Перламутровый тёмно-серый
Похожие материалы:
Статьи
Цветовой стандарт RR
Цветовой стандарт RR (RaColor) считается основным стандартом цветовых оттенков на рынке…
RAL 1000 Green beige Зеленовато-бежевый | RAL 1001 Beige Бежевый | RAL 1002 Sand yellow Песочно-желтый | ||
RAL 1003 Signal yellow Сигнальный желтый | RAL 1004 Golden yellow Золотисто-желтый | RAL 1005 Honey yellow Медово-желтый | ||
RAL 1006 Maize yellow Кукурузно-желтый | RAL 1007 Daffodil yellow Бледно-желтый нарцисс | RAL 1011 Brown beige Коричнево-бежевый | ||
RAL 1012 Lemon yellow Лимонно-желтый | RAL 1013 Oyster white Белая устрица | RAL 1014 Ivory Слоновая кость | ||
RAL 1015 Light ivory Светлая слоновая кость | RAL 1016 Sulfur yellow зеленовато-желтый (сера) | RAL 1017 Saffron yellow Желтый шафрановый | ||
RAL 1018 Zinc yellow Желтый цинковый | RAL 1019 Grey beige Серо-бежевый | RAL 1020 Olive yellow Оливково-желтый | ||
RAL 1021 Rape yellow Грязно-желтый | RAL 1023 Traffic yellow Желтый транспортный | RAL 1024 Ochre yellow Желтая охра | ||
RAL 1026 Luminous yellow Лимонно-желтый | RAL 1027 Curry Карри | RAL 1028 Melon yellow Дынно-желтый | ||
RAL 1032 Broom yellow Щеточно-желтый | RAL 1033 Dahlia yellow Желтый георгин | RAL 1034 Pastel yellow Пастельный желтый | ||
RAL 2000 Yellow orange Желто-оранжевый | RAL 2001 Red orange Красно-оранжевый | RAL 2002 Vermilion Ярко-красный | ||
RAL 2003 Pastel orange Пастельный оранжевый | RAL 2004 Pure orange Чистый оранжевый | RAL 2005 Luminous orange Светящийся оранжевый | ||
RAL 2007 Luminous bright orange Светящийся светлый оранжевый | RAL 2008 Bright red orange Ярко-красно-оранжевый | RAL 2009 Traffic orange Транспортный оранжевый | ||
RAL 2010 Signal orange Сигнальный оранжевый | RAL 2011 Deep orange Глубокий оранжевый | RAL 2012 Salmon orange Оранжево-розовый | ||
RAL 3000 Flame red Огненно-красный | RAL 3001 Signal red Сигнальный красный | RAL 3002 Carmine red Красный кармин | ||
RAL 3003 Ruby red Рубиновый | RAL 3004 Purple red Пурпурный | RAL 3005 Wine red Красное вино | ||
RAL 3007 Black red Темно-красный | RAL 3009 Oxide red Оксидно-красный | RAL 3011 Brown red Красно-коричневый | ||
RAL 3012 Beige red Бежево-красный | RAL 3013 Tomato red Томатно-красный | RAL 3014 Antique pink Антично-розовый | ||
RAL 3015 Light pink Светло-розовый | RAL 3016 Coral red Кораллово-красный | RAL 3017 Rose Розовый | ||
RAL 3018 Strawberry red Клубнично-красный | RAL 3020 Traffic red Транспортный красный | RAL 3022 Salmon pink Розово-оранжевый | ||
RAL 3024 Luminous red Светящийся красный | RAL 3026 Luminous bright red Светящийся светло-красный | RAL 3027 Raspberry red Малиновый | ||
RAL 3031 Orient red Красный | RAL 4001 Red lilac Красно-сиреневый | RAL 4002 Red violet Красно-лиловый | ||
RAL 4003 Heather violet Лиловый вереск | RAL 4004 Claret violet Лилово-бордовый | RAL 4005 Blue lilac Сине-сереневый | ||
RAL 4006 Traffic purple Транспортный пурпурный | RAL 4007 Purple violet Лилово-бордовый | RAL 4008 Signal violet Сигнальный фиолетовый | ||
RAL 4009 Pastel violet Пастельный фиолетовый | RAL 4010 Telemagenta | RAL 5000 Violet blue Лилово-синий | ||
RAL 5001 Green blue Зеленовато-синий | RAL 5002 Ultramarine blue Ультрамариново-синий | RAL 5003 Sapphire blue Сапфирово-синий | ||
RAL 5004 Black blue Черно-синий | RAL 5005 Signal blue Сигнальный синий | RAL 5007 Brillant blue Бриллиантово-синий | ||
RAL 5008 Gray blue Серо-синий | RAL 5009 Azure blue Азурово-синий | RAL 5010 Gentian blue Генцианово-синий | ||
RAL 5011 Steel blue Синий стальной | RAL 5012 Light blue Голубой | RAL 5013 Cobalt blue Кобальтово-синий | ||
RAL 5014 Pigeon blue Голубинно-синий | RAL 5015 Sky blue Небесно-голубой | RAL 5017 Traffic blue Синий транспортный | ||
RAL 5018 Turquoise blue Сине-бирюзовый | RAL 5019 Capri blue Причудливо-синий | RAL 5020 Ocean blue Океаново-синий | ||
RAL 5021 Water blue Водянисто-синий | RAL 5022 Night blue Синий ночной | RAL 5023 Distant blue Слабовато-синий | ||
RAL 5024 Pastel blue Синий пастельный | RAL 6000 Patina green Патиново-зеленый | RAL 6001 Emerald green Изумрудная зелень | ||
RAL 6002 Leaf green Зеленый лист | RAL 6003 Olive green Оливково-зеленый | RAL 6004 Blue green Сине-зеленый | ||
RAL 6005 Moss green Зеленый плетеный | RAL 6006 Grey olive Синяя оливка | RAL 6007 Bottle green Зеленый бутылочный | ||
RAL 6008 Brown green Коричнево-зеленый | RAL 6009 Fir green Зеленая ель | RAL 6010 Grass green Зеленый травянистый | ||
RAL 6011 Reseda green Резеда | RAL 6012 Black green Черно-зеленый | RAL 6013 Reed green Зеленое бердо | ||
RAL 6014 Yellow olive Желто-оливковый | RAL 6015 Black olive Черно-оливковый | RAL 6016 Turquoise green Черепаший зеленый | ||
RAL 6017 Yellow green Желто-зеленый | RAL 6018 May green Майская зелень | RAL 6019 Pastel green Пастельный зеленый | ||
RAL 6020 Chrome green Зеленый хромовый | RAL 6021 Pale green Бледно-зеленый | RAL 6022 Olive drab | ||
RAL 6024 Traffic green Зеленый транспортный | RAL 6025 Fern green | RAL 6026 Opal green Опалово-зеленый | ||
RAL 6027 Light green Светло-зеленый | RAL 6028 Pine green Зеленая хвоя | RAL 6029 Mint green Мятно-зеленый | ||
RAL 6032 Signal green Зеленый сигнальный | RAL 6033 Mint turquoise Мятный черепаший | RAL 6034 Pastel turquoise Пастельно-черепаший | ||
RAL 7000 Squirrel grey Серая белка | RAL 7001 Silver grey Серебристо-серый | RAL 7002 Olive grey Оливково-серый | ||
RAL 7003 Moss grey Плетеный серый | RAL 7004 Signal grey Серый сигнальный | RAL 7005 Mouse grey Серый мышиный | ||
RAL 7006 Beige grey Бежево-серый | RAL 7008 Khaki grey Защитно-серый | RAL 7009 Green grey Зеленовато-серый | ||
RAL 7010 Tarpaulin grey Серый брезентовый | RAL 7011 Iron grey Серый железный | RAL 7012 Basalt grey Базальтовый серый | ||
RAL 7013 Brown grey Коричнево-серый | RAL 7015 Slate grey Серый шиферный | RAL 7016 Anthracite grey Серый антрацитовый | ||
RAL 7021 Black grey Черно-серый | RAL 7022 Umbra grey Серый с тенью | RAL 7023 Concrete grey Ярко-серый | ||
RAL 7024 Graphite grey Серый графитовый | RAL 7026 Granite grey Серый гранитовый | RAL 7030 Stone grey Серый каменный | ||
RAL 7031 Blue grey Голубовато-серый | RAL 7032 Pebble grey Серый галечный | RAL 7033 Cement grey Серый цементный | ||
RAL 7034 Yellow grey Желтовато-серый | RAL 7035 Light grey Светло-серый | RAL 7036 Platinum grey Серый платиновый | ||
RAL 7037 Dusty grey Серый пыльный | RAL 7038 Agate grey Серый шрифт | RAL 7039 Quartz grey Серый кварцевый | ||
RAL 7040 Window grey Серый оконный | RAL 7042 Traffic grey A Серый транспортный | RAL 7043 Traffic grey B Серый транспортный | ||
RAL 7044 Silk grey Серый шелковый | RAL 7045 Telegrey 1 Отдаленно-серый | RAL 7046 Telegrey 2 Отдаленно-серый | ||
RAL 7047 Telegrey 4 Отдаленно-серый | RAL 8000 Green brown Зеленовато-коричневый | RAL 8001 Ocher brown Коричневая охра | ||
RAL 8002 Signal brown Сигнальный коричневый | RAL 8003 Clay brown Коричневый глиняный | RAL 8004 Copper brown Медно-коричневый | ||
RAL 8007 Fawn brown Коричневый | RAL 8008 Olive brown Оливково-коричневый | RAL 8011 Nut brown Орехово-коричневый | ||
RAL 8012 Red brown Красно-коричневый | RAL 8014 Sepia brown Коричневая сепия | RAL 8015 Chestnut brown Коричневая скорлупа | ||
RAL 8016 Mahogany brown Махагон | RAL 8017 Chocolate brown Шоколадно-коричневый | RAL 8019 Grey brown Серо-коричневый | ||
RAL 8022 Black brown Черно-коричневый | RAL 8023 Orange brown Оранжево-коричневый | RAL 8024 Beige brown Бежево-коричневый | ||
RAL 8025 Pale brown Бледно-коричневый | RAL 8028 Terra brown Земельно-коричневый | RAL 9001 Cream Кремовый | ||
RAL 9002 Grey white Серо-белый | RAL 9003 Signal white Сигнальный белый | RAL 9004 Signal black Сигнальный черный | ||
RAL 9005 Jet black Черный реактивный | RAL 9006 White aluminium Алюминево-белый | RAL 9007 Grey aluminium Алюминево-серый | ||
RAL 9010 Pure white Чистый белый | RAL 9011 Graphite black Черный графитовый | RAL 9016 Traffic white Белый транспортный | ||
RAL 9017 Traffic black Черный транспортный | RAL 9018 Papyrus white Папирусно-белый |
Начало графического дизайна: Цвет
/ en / начало-графический-дизайн / типография / содержание /
Сила цвета
Цвет играет жизненно важную роль в дизайне и повседневной жизни . Он может привлечь ваше внимание к изображению. Иногда это может вызвать эмоциональную реакцию. Он даже может сообщить что-то важное, вообще не используя слов.
Итак, как мы узнаем, какие цвета хорошо смотрятся вместе, а какие нет? Ответ прост: Теория цвета .
Художники и дизайнеры веками следовали теории цвета , но каждый может узнать о ней больше. Это может помочь вам чувствовать себя уверенно в самых разных ситуациях, будь то , выбирая цвета для дизайна или , составляя идеальный наряд . Немного поняв, вы взглянете на цвет по-новому.
Посмотрите видео ниже, чтобы узнать больше о цвете.
Основы цвета
Давайте начнем с самого начала с напоминания об основах.Помните, как в школе выучили около основных и дополнительных цветов? Значит, у вас уже есть некоторые знания в области теории цвета.
Дополнительные цвета создаются путем объединения двух основных цветов . Красный и желтый составляют оранжевый; желтый и синий составляют зеленый; а синий и красный — фиолетовый.
Если мы смешаем этих цветов вместе, мы получим еще промежуточных оттенков , таких как красно-оранжевый и желто-зеленый. Все вместе они образуют так называемое цветовое колесо .(Вы, наверное, видите, откуда он получил свое название.)
Присмотритесь
Теперь, когда вы знаете о цветовом круге, давайте сделаем еще один шаг с оттенком , насыщенностью и значением . Это термины, с которыми вы, возможно, не встретитесь в повседневной жизни, но они ключ к пониманию более тонких цветов — как все эти маленькие кусочки краски в магазине товаров для дома.
оттенок
Hue — самый простой; это просто другое слово для цвет . В приведенном ниже примере вы можете описать оттенок как кораллово-розовый или светло-красный , в зависимости от вашей интерпретации.
Насыщенность
Насыщенность относится к интенсивности — другими словами, выглядит ли цвет более тонким или более ярким . Сильно насыщенные цвета становятся ярче или насыщеннее. Ненасыщенные цвета имеют меньше пигмента и, следовательно, меньше или .
Значение
Значение связано с тем, насколько темный или светлый цвет, в диапазоне от черного до белого.Как вы можете видеть ниже, это дает нам много разных оттенков, от глубокого красновато-коричневого до светло-пастельно-розового.
Создание цветовых схем
Итак, как нам собрать все это вместе, чтобы создать профессиональные цветовые схемы? На самом деле существуют проверенные формулы, основанные на так называемой цветовой гармонии , которая может помочь.
Color Harmony использует цветовое колесо для иллюстрации проверенных временем цветовых комбинаций. Ниже мы рассмотрим некоторые из наиболее распространенных типов гармонии.
Монохромный
Самая простая формула гармонии — монохроматический , потому что он использует только одноцветный или оттенок . Чтобы создать монохромную цветовую схему, выберите пятно на цветовом круге, затем используйте свои знания о насыщенности и значении для создания вариаций.
Самое лучшее в монохроматических цветовых схемах — это то, что они гарантированно соответствуют . Цвета идеально подходят друг другу, потому что все они из одной семьи.
Аналог
Аналогичная цветовая схема использует цвета, расположенные рядом друг с другом на колесе, например красный и оранжевый или синий и зеленый.
Не бойтесь играть с палитрой и создайте свою уникальную интерпретацию . Вот в чем суть цветовой гармонии; формулы — это просто отправные точки, которые помогут вам направить и вдохновить.
Дополнительные
Дополнительные цветов — это друг напротив друга на колесе; например, синий и оранжевый или классический красный и зеленый.
Чтобы избежать слишком упрощенных дополнительных цветовых схем, добавляет некоторое разнообразие , вводя более светлые, темные или ненасыщенные тона.
Дополняющая
Цветовая схема с дополнительным разделением использует цвета по по обе стороны от дополнительной .
Это дает вам тот же уровень контрастности , что и дополнительная цветовая схема, но с большим количеством цветов для работы (и потенциально более интересными результатами).
Триадический
Триадная цветовая схема использует трех цветов, которые равномерно распределены , образуя идеальный треугольник на колесе.
Эти комбинации, как правило, довольно поразительны, особенно когда они включают основных или дополнительных цветов, поэтому будьте внимательны, используя их в своей работе.
Тетрадик
Цветовые схемы Tetradic образуют прямоугольник на колесе, используя не одну, а две дополнительные пары цветов . Эта формула работает лучше всего, если вы позволяете одному цвету доминировать, а другие служат акцентом.
Как избежать типичных ошибок
Есть несколько классических правил, которые можно и нельзя, когда дело касается цвета.Например, вы когда-нибудь видели цвета, которые кажутся вибрирующими , когда их кладут рядом друг с другом?
Решение состоит в том, чтобы смягчить его — в буквальном смысле — и есть простой способ сделать это. Начните с одного цвета и попробуйте настроить его яркость , яркость или насыщенность . Иногда немного контраста — это все, что нужно вашей цветовой палитре.
Читаемость — важный фактор в любом дизайне. Ваши цвета должны быть , удобочитаемыми, и , удобными для глаз , особенно при работе с текстом.
Иногда это означает НЕ использование цвета — по крайней мере, не в , каждая маленькая деталь .
Нейтральные цвета, такие как черный, белый и серый, могут помочь вам сбалансировать ваш дизайн, поэтому когда вы используете цвет –, он действительно выделяется.
Правильный выбор цветов
Каждый цвет передает сообщение. Важно рассмотреть тон вашего проекта и выбрать подходящую цветовую палитру.
Например, ярких цветов имеют тенденцию иметь веселую или современную атмосферу.
Ненасыщенные цветов часто кажутся более серьезными или деловыми.
Иногда это просто зависит от контекста . Благодаря практике и творчеству у вас нет предела тому, что вы можете сделать.
В поисках вдохновения
Вы можете найти идей для цветовых схем во всевозможных интересных местах, от рекламы и брендинга до известных произведений искусства.
Вы даже можете использовать веб-ресурс для просмотра цветовых палитр или создания собственных.
Опытные дизайнеры часто черпают вдохновение в окружающем их мире. Нет ничего плохого в том, чтобы найти то, что вам нравится, и сделать своим собственным .
Собираем все вместе
Куда бы вы ни посмотрели, везде есть цвет, цвет и многое другое. Использование его в работе может показаться пугающим, но это не обязательно. Просто продолжайте экспериментировать , и вспомните, что вы узнали о теории цвета . Вскоре выбор красивых цветов станет вашей второй натурой.
Надеемся, вам понравилось изучать основы цвета!
Обязательно ознакомьтесь с остальными нашими темами о графическом дизайне, в том числе:
/ ru / начало-графический-дизайн / макет-и-композиция / содержание /
Окончательное руководство по цветам и цветовым палитрам
Следует помнить, что не все цвета в выбранной вами палитре должны быть представлены одинаково. Всегда есть доминирующий (или несколько) . Таким образом можно привлечь внимание к определенным частям страницы.Есть техника, известная как эффект изоляции, когда вы используете один цвет только для определенной цели. Например, кнопка «Добавить в корзину». Вы бы сделали их все в одном ярком цвете и не стали бы использовать этот цвет ни для чего другого.
Типы цветовых схем
Цветовые палитры можно разделить на типы в зависимости от используемых цветов. Итак, это типы цветовой палитры:
Монохроматическая цветовая схема использует вариации оттенков и оттенков одного и того же оттенка. Аналогичная цветовая схема использует цвета, расположенные рядом друг с другом на цветовом круге. Дополнительная цветовая схема использует цвета, противоположные друг другу на цветовом круге. Дополнительное разделение — это цветовая схема, в которой используется один цвет и два других, которые находятся по обе стороны от противоположного цвета. Дополнительный триадный (Триадный) — это цветовая схема, в которой используются цвета, равномерно распределенные по кругу. Tetradic (Double Complementary) использует два набора дополнительных цветов.Если вы чувствуете себя достаточно уверенно, вы всегда можете пойти на что-то совершенно нестандартное, но в большинстве случаев лучше всего просто, поэтому не старайтесь создавать что-то новое, когда хорошо известные и часто используемые палитры работают. так же, как и.
Генераторы цветовой палитры
Работайте умнее, а не усерднее. Отличный совет для жизни, и я думаю, что генераторы цветовой палитры — отличный способ работать умнее. Конечно, вы можете создавать свои собственные полностью настраиваемые цветовые палитры, но генераторы — отличный инструмент, чтобы сделать процесс быстрым и простым.Некоторые из них богаты функциями, которые позволяют настраивать каждую деталь, так что это будет так, как вы хотите.
youtube.com/embed/4Ox8L0UKzAE?feature=oembed&modestbranding=1&showinfo=0&rel=0″ frameborder=»0″ allow=»accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»»/>
Но для тех, кто просто хочет получить красивую цветовую палитру и не заморачиваться со всеми настройками — есть случайные варианты палитры, палитра из изображения, галереи готовых цветовых палитр и все такое. иначе, чтобы палитра была как можно быстрее. Я расскажу вам больше о некоторых из самых популярных генераторов цветовой палитры, чтобы вы могли выбрать, какой из них лучше всего соответствует вашим потребностям.
Adobe Color CC
- Генератор цветовых схем на основе типов цветовой палитры (монохроматическая, аналоговая и др.) ;
- Можно отдельно настраивать цвета в палитре;
- В разделе «Обзор» есть несколько палитр, а также цветовые палитры с соответствующими изображениями;
- Имеет возможность создавать палитру на основе изображения;
- Возможность сохранения созданных вами палитр.
Paletton
- Простота использования — перетаскивание круга в цветовом круге;
- Вы можете проверить, как каждая цветовая палитра будет выглядеть на реальной странице, с помощью опции «Примеры»;
- Имеет раздел с предустановками, которые вы можете использовать и настраивать при необходимости;
- Может экспортировать палитры в разные форматы.
Coolors
- Интуитивно понятный интерфейс, который создает палитру, просто щелкая пробел;
- В генераторе можно настроить всю палитру вместе или каждый оттенок отдельно;
- Coolors также имеет библиотеку готовых цветовых палитр;
- Вы также можете отфильтровать результаты, выбрав такой параметр, как, например, определенный цвет или «темный»;
- Расширение для Photoshop и иллюстратора;
- Особый вид для дальтонизма.
Canva
- Может создавать палитру из изображения;
- Простой генератор на основе цветового круга;
- Позволяет настроить каждый цвет палитры;
- Можно создать графику Canva с помощью созданной вами палитры;
- Не так много вариантов, как у других генераторов, но очень простые;
- Идеально для тех, кто не хочет тратить много сил на выбор цвета.
0to225
- Инструмент, который создает более темные и светлые цвета для определенного цвета, который вы выбрали;
- Простой интерфейс, в котором вы можете сразу щелкнуть по выбранному цвету;
- Есть возможность ввести определенный цвет;
- Когда вы щелкаете по любому из созданных цветов, он мгновенно копируется в буфер обмена.
Примеры цветовой палитры
Есть несколько цветовых схем, которые наиболее часто используются для определенных случаев и полей, поэтому позвольте мне рассказать, что это такое. Чтобы дать вам вдохновляющее направление, просмотрите витрину Visual Composer и найдите выдающиеся веб-сайты, подобные приведенным ниже.
Цветовые палитры для свадьбы
Свадебная страница обычно элегантна, легка и проста. Так что цветовая палитра должна отражать это ощущение. Пастель, розовый, белый, бежевый — они очень хорошо представлены.
Хелен и Джош
The Pittmans
Цветовые палитры для технологий
Технологии — это обычно область, где веб-сайты могут быть более драматичными и нестандартными. Вот почему цветовые палитры могут быть более экспериментальными и смелыми. Вы увидите более темные цвета, так как они ассоциируются с роскошью.
drawmote
JetStyle
Bloody
Цветовые палитры для окружающей среды
Веб-сайты, связанные с окружающей средой, часто используют «природные» цвета, такие как зеленый и коричневый, из-за ассоциаций, которые они вызывают.Поскольку «зеленый» является ключевым словом, тесно связанным с природой, здесь это отличный выбор. Помните эффект изоляции? Он очень часто используется на сайтах такого типа, на которых выделяется зеленый цвет.
HuffPost
Дикая тайга
Sooma
Цветовые палитры для бизнеса
Корпоративные веб-сайты просты и удобны для чтения. Обычное сочетание белого фона и однотонной цветовой гаммы. С точки зрения психологии синий очень популярен, так как это цвет, который нравится большинству людей.Это всегда безопасный выбор.
QAccount
notis
Zapare Technologies
Better Therapeutics
Цветовые палитры для продуктов питания
Веб-сайты, связанные с пищевыми продуктами (очень похожие на связанные с природой), хорошо работают с цветовыми схемами на основе ассоциаций. Так что черпать вдохновение в пищевых красителях, которые вы хотите добавить, — хорошая идея.
El Burro
Jude’s Ice Cream
Völlerei Restaurant & Bar
Заключение
Раскрасить очень много, поэтому непросто охватить все аспекты в одном посте (не тот, который вы выиграли по крайней мере, не нужно читать часами), но в контексте создания веб-сайта вы теперь должны обладать базовыми знаниями, чтобы принять хорошо продуманное решение.Примите во внимание психологию цвета, посмотрите несколько хороших примеров, попробуйте генераторы, и все будет хорошо.
Как выбрать эстетическую цветовую палитру [2021]
Глава 6
Цветовые схемы веб-сайта
В этой главе я сосредоточусь на цветовых схемах веб-сайтов. По этой причине я сначала объясню вам, что это такое. А затем я расскажу о том, где использовать цветовые схемы вашего веб-сайта, цвета кнопок CTA, которые преобразуются, и как использовать цвета кнопок CTA для преобразования.
После этого я покажу вам, как отслеживать и контролировать поведение пользователей с помощью цветовых схем вашего веб-сайта. Я расскажу вам все об оптимизации коэффициента конверсии с учетом поведения пользователей и о том, как улучшить UX с помощью цветовых схем вашего сайта.
В заключение этой главы я расскажу о примерах личных веб-сайтов и цветовых палитрах, а также о примерах бизнес-сайтов и цветовых палитрах. Готовый?
Какие цветовые схемы у веб-сайта?
Цветовые схемы веб-сайта относятся к комбинации цветов, которые вы используете на своем сайте.Обычно используют три основных цвета и их вариации. Если есть цвет, который вы используете в своем логотипе или цвет, который представляет ваш бренд, вы должны включить его в цветовую схему своего веб-сайта.
Цветовая схема вашего веб-сайта представляет ваш бренд. Итак, найдите время, чтобы принять правильное решение. То, как другие видят вас и что они думают о вас, может зависеть от выбранных вами цветов. Помните, что многие решения о покупке зависят только от цвета.
Источник: Томми ХилфигерТогда вам должно быть интересно, какие цвета лучше всего подходят для веб-сайта? Что ж, вам следует попробовать использовать те цвета, которые преобразуются больше всего.Тем не менее, необходимо учитывать и другие факторы. Прежде чем выбирать цвета для своего веб-сайта, очень важно провести некоторое исследование и принять во внимание, какие эмоции вызывают цвета.
Следует обратить внимание и на предпочтения вашей аудитории. И не забудьте проверить своих конкурентов. Не следует использовать одну и ту же цветовую схему веб-сайта, чтобы вас не перепутали с ними.
Кажется, что цвета вашего сайта имеют большое значение. Вы должны выбрать основной, второстепенный и акцентный цвета, а также цвет фона и цвета текста. Кроме того, очень важно применять правило 60-30-10 в своей цветовой комбинации.
То есть 60% пространства вашего веб-сайта должно быть отведено под основной цвет, а 30% — под цвет, имеющий контрастирующий эффект (вторичный или третичный цвет). Остальные 10% пространства предназначены для вашего акцентного цвета, чтобы выделить важную информацию.
Выбрать цветовую схему вашего сайта совсем не просто. Вот почему вам может понадобиться немного вдохновения. Итак, какие цветовые сочетания лучше всего подходят для веб-сайта? Их много; это будет зависеть от вашего бренда, отрасли, сообщения, которое вы хотите донести, и т. д.
Вот некоторые типичные цветовые схемы веб-сайтов: ваш основной цвет + белый + серый, желтый + зеленый + коричневый, зеленый + синий, красный + желтый + синий и т. Д.
Где использовать цветовые схемы вашего сайта?
После того, как вы изучили цвета своей отрасли и своих конкурентов, вы, вероятно, выбрали бы цветовую схему своего волшебного веб-сайта. Помните, что ваш выбор должен быть оригинальным, а не копией того, что делают ваши конкуренты.
У вас, вероятно, уже есть выбранные вами цвета.Но где их использовать? И какой процент будет работать лучше всего? Помните правило 60-30-10, о котором я упоминал ранее. Не следует использовать одинаковое количество каждого цвета, так как создать контраст будет сложнее.
Что касается того, где их использовать, ваш основной цвет должен использоваться для привлечения внимания пользователей к чрезвычайно важному контенту. В то время как второстепенные цвета нужно использовать для менее важных деталей, но все же актуальных.
Основной цвет на вашем сайте
Основные цвета — это те, которые можно использовать для выделения важной информации.Ваш основной цвет поможет вам привлечь внимание зрителей, чтобы вы могли направлять их по своему веб-сайту.
Вы можете использовать свой основной цвет всякий раз, когда есть что-то, что вы не хотите, чтобы ваши зрители пропустили, например, важный CTA. Тем не менее, вам не следует слишком часто использовать основной цвет, иначе он перестанет вызывать ожидаемый эффект. Я имею в виду, привлечь внимание вашей аудитории.
Источник: Home24- Логотип.
- Заголовок и заголовки.
- Призыв к действию.
- Заголовок.
- Выделите поле с важной информацией.
- Гиперссылки.
- Иконы.
- Графики.
Дополнительные / акцентные цвета на вашем сайте
С другой стороны, чаще используются второстепенные или акцентные цвета, потому что вы можете использовать их для выделения второстепенной информации. Например, вы можете использовать их, чтобы подчеркнуть актуальность вспомогательного контента, такого как отзыв или вторичный призыв к действию.
Источник: Carhartt- Субтитры и подзаголовки.
- Призыв к действию.
- Выделите поле вторичной информации.
- Нижний колонтитул.
- Иконы.
- Графики.
Цвета кнопок с призывом к действию, которые конвертируют
Есть тысяча причин, почему цвет вашей кнопки CTA имеет значение. Среди многих других из-за лидогенерации и решений о покупке. Но какой цвет выбрать для призывов к действию?
Что ж, если вы хотите, чтобы ваши кнопки CTA генерировали больше потенциальных клиентов и влияли на решения о покупке, ваши CTA должны выделяться на фоне остальной части веб-страницы.Большой контраст с фоном — это здорово.
Но если вам удастся выделить его, чтобы он контрастировал со всем остальным, вы, несомненно, увеличите его видимость. Таким образом, это повлияет на количество потенциальных клиентов.
Источник: РонкатоОчень известный способ создать контраст в ваших призывах к действию — выбрать дополнительные или триадные цвета. Таким образом вы убедитесь, что ваша кнопка CTA отличается от остальных.
Неудивительно, что вы должны использовать цвета бренда в своих призывах к действию или, по крайней мере, цвета, с которыми ваша аудитория отождествляет себя.Например, если вы выберете розовый цвет для кнопки CTA на веб-сайте, аудитория которого в основном мужчины, это может быть не очень полезно. Таким образом, это не принесет много лидов.
Еще один аспект, который следует учитывать, — это последовательное использование цветов. То есть постарайтесь не вводить пользователей в заблуждение. Если вы используете один и тот же цвет для CTA, а не для интерактивных элементов, ваши CTA, несомненно, будут менее продуктивными.
И последнее, но не менее важное: выберите цвет, который сделает ваш CTA более заметным. Не используйте тот же цвет для кнопок CTA и других элементов на вашем веб-сайте.
Важное примечание:
Если вы добавите ощущение срочности в свои призывы к действию, они будут значительно более эффективными. Так что попробовать стоит. Помните, что то, что работает для некоторых веб-сайтов, не должно работать для всех сайтов. Итак, проводите A / B-тест, пока не найдете то, что вам подходит.
Лучшие и худшие цвета CTA
Какие цвета являются лучшими и худшими для кнопок с призывом к действию, остается предметом обсуждения. Тем не менее, большинство маркетологов согласны с тем, что лучшие цвета для ваших призывов к действию — это те, которые, несомненно, контрастируют с остальными цветами вашего веб-сайта.
Я имею в виду, какие цвета лучшие или худшие, зависит от веб-сайта и цветов, используемых на этом сайте. Например, если вы использовали зеленый цвет для фона своего сайта, зеленый цвет не подойдет для вашего призыва к действию. Почему? Потому что не было бы такого большого контраста.
Источник: Джек и ДжонсМногие исследователи говорят, что лучшие цвета для кнопок CTA — красный, зеленый и оранжевый. Вы можете подумать, а почему именно эти трое? Что ж, это правда, что они привлекают внимание пользователей и легко контрастируют со многими другими цветами.
Red выделяется на большинстве веб-сайтов. Кроме того, красный — это цвет, который вызывает волнение и создает срочность.
Зеленый не только оказывает успокаивающее действие, но и ассоциируется с «маневренностью» при вождении. Таким образом, это тоже хороший вариант.
Оранжевый — теплый и волнующий цвет. Это также связано с энергией. Таким образом, он просит людей действовать незамедлительно.
Источник: Том ФордЧто касается худших цветов для ваших призывов к действию, стоит упомянуть черный, белый и коричневый.Любой из этих трех цветов — не лучший вариант. Вообще говоря, потому что они не выделяются на большинстве веб-сайтов.
Действительно, черный цвет темный и мрачный, поэтому его сложно выделить на большинстве фонов веб-сайтов.
Точно так же белый цвет слишком светлый. Это сложно, потому что бросается в глаза на большинстве фонов. Более того, как цвет CTA, он ужасен, потому что белый не передает много эмоций и не создает ощущения срочности.
Многие люди не любят коричневый цвет.Многие думают, что это скучный и некрасивый цвет. Таким образом, это не мотивирует обычного покупателя нажимать на призывы к действию.
Совет:
Чтобы повысить конверсию с помощью кнопок с призывом к действию, вам необходимо сообщить посетителям вашего веб-сайта следующие логические шаги. Другими словами, чем конкретнее ваше сообщение с призывом к действию, тем больше конверсий вы получите с ним.
Цвета имеют значение, но важно и то, что вы говорите. Итак, вам нужно будет найти идеальную комбинацию, если вы хотите, чтобы ваши кнопки CTA были более эффективными и успешными.
Как выбрать цвета кнопок CTA для конвертации?
Как я уже упоминал выше, цвета оказывают сильное психологическое влияние на ваши процессы принятия решений. Таким образом, выбор правильных цветов кнопок CTA влияет на ваши коэффициенты конверсии и пользовательский опыт.
Ознакомьтесь с этими важными советами по выбору цвета кнопок CTA:
1. Используйте контрастный цвет на основных кнопках CTA, чтобы выделиться по сравнению с фоном.
Неудивительно, что вам следует выбирать цвет CTA, который выделяется на остальной части вашей веб-страницы.Вам также нужно будет прояснить, что ваша кнопка CTA интерактивна, иначе она будет менее мощной.
Думайте о своих кнопках CTA как о том, чем они являются. Они должны быть как-то прямоугольными и с бордюрами. Чтобы они выглядели интерактивными, они должны иметь форму кнопки. И тогда, чем более контрастный эффект они создают, тем эффективнее они будут.
2. Подберите цвет к вашему бренду
Неудивительно, что цвет вашей кнопки CTA должен соответствовать цветам вашего бренда.Если вы выберете цвет CTA, который не подходит к цветам вашего бренда, ваш CTA не будет таким эффективным.
Или, что еще хуже, вы можете сбить с толку посетителей своего веб-сайта, и они не поймут, что ваш призыв к действию является следующим логическим шагом. Таким образом, это сильно повлияет на ваш CTR.
3. Стратегически добавьте пустое пространство
Нельзя недооценивать важность белого пространства. Правда в том, что пустое пространство актуально, потому что оно вызывает успокаивающий эффект среди пользователей веб-сайта.
Действительно, если вы решите добавить белую область вокруг кнопок CTA, вы заметите увеличение количества кликов.
Если вы используете правильное количество белого пространства на своем сайте, это повлияет на эффективность ваших CTA. Как? Потому что правильное использование белого сделает ваши кнопки CTA более заметными.
Чем более заметны ваши призывы к действию, тем они более продуктивны. Белый помогает сделать веб-сайты не только надежными в долгосрочной перспективе, но и более успешными.
Тем не менее, где использовать белый цвет и в какой степени он будет зависеть от вашего веб-сайта, его цветовой схемы и любых других элементов, которые на нем могут быть.Хотя использование белого, несомненно, увеличивает успех ваших призывов к действию. Не бойтесь его использовать!
4. Используйте дополнительные кнопки CTA
Большинство веб-сайтов используют только одну кнопку CTA. Таким образом, если сайт использует правильные цвета, его кнопка CTA будет выделяться среди остального контента. Однако на некоторых веб-страницах необходимо использовать два призыва к действию, поскольку на них есть больше вещей, которые они хотят выделить.
Проблема в том, что во втором сценарии с двумя CTA оба они не могут быть одинаково важными.Это вызовет большую нерешительность, и многие пользователи не будут нажимать на них, поскольку не будут знать, что им делать.
Итак, если вы используете несколько CTA (не используйте больше двух), один должен быть более заметным, чем другой. Таким образом, большинство пользователей будут нажимать на более заметный призыв к действию.
Другая тактика, которая обычно хорошо работает, — сделать текст вторичного или приглушенного CTA неудобным, например «Да, я хочу больше X, пожалуйста» (основной CTA) или «Нет, у меня достаточно X» (приглушенный CTA).
Большинству людей никогда не бывает достаточно X, если то, что вы предлагаете, разумно.Таким образом, очевидным щелчком будет вариант «Да».
5. Не забудьте учесть размер кнопок CTA
.Наконец, очень важно учитывать размер кнопки CTA. Если ваша кнопка слишком маленькая, она не будет достаточно заметна для пользователей вашего сайта. Тем не менее, если ваша кнопка слишком большая, это будет раздражать или единственное, что ваши пользователи будут воспринимать на вашем веб-сайте.
Итак, вам следует искать достаточно большой размер по сравнению с остальными элементами на вашем веб-сайте. Но размер кнопки не мешает посетителям вашего сайта.
Кроме того, не забудьте оптимизировать кнопки призыва к действию на своем веб-сайте как для настольных, так и для мобильных пользователей. В настоящее время большинство людей просматривают Интернет со своих мобильных телефонов, и размеры кнопок различаются.
Например, кнопки на мобильном устройстве должны быть достаточно большими, чтобы на них можно было нажимать большим пальцем.
Важное примечание:
Чем проще и короче ваше CTA-сообщение, тем лучше. Таким образом, вы всегда должны стараться, чтобы ваши призывы к действию были простыми. Более того, полезные слова делают ваши призывы к действию более привлекательными и вызывают ощущение срочности, необходимое для повышения их эффективности.
Не забывайте использовать первое лицо в своих призывах к действию. Если вы это сделаете, вы заметите, что они более привлекательны для вашей аудитории и более личны. Таким образом, это повышает доверие и вызывает волнение из-за ответственности за действие, которое они собираются предпринять.
Отслеживание и мониторинг поведения пользователей с помощью цветовых схем веб-сайта
Когда все готово и ваш веб-сайт уже работает, важно отслеживать и наблюдать за поведением своей аудитории. Понимание поведения посетителей вашего сайта необходимо для оптимизации вашего сайта.
Но каково поведение пользователей? Что ж, это означает привлечь ваше внимание к своей аудитории и попытаться узнать их получше. Вам нужно сосредоточить свое внимание на том, как они взаимодействуют с вашим сайтом.
Вы должны знать, где они нажимают и где пытаются щелкнуть, но ссылки нет. Что касается ваших призывов к действию, проверьте, эффективны ли они, A / B протестируйте различные варианты, играя с цветами, глаголами действий и т. Д.
Вы должны понимать поведение своих пользователей. А затем внесите необходимые изменения, чтобы сделать их путешествие по вашему сайту более приятным.
Важность понимания поведения пользователей на веб-сайте
Нет никаких сомнений в том, что если вы знаете, как цветовые схемы вашего веб-сайта влияют на ваших пользователей, вы сможете использовать эти данные для улучшения дизайна своего веб-сайта. Таким образом, ваши конверсии.
Но с чего начать? Во-первых, вы должны придумать те цветовые схемы, которые, как вы знаете, понравятся большей части вашей аудитории и соответствуют идентичности вашего бренда. И тогда вам просто нужно набраться терпения и наблюдать.
Когда вы замечаете, что что-то можно улучшить, не бойтесь изменить это, если это соответствует предпочтениям ваших пользователей.
Что такое Lucky Orange
от Lucky Orange
Действительно, вы можете использовать такие инструменты, как Lucky Orange, которые сделают вашу жизнь намного проще. Он предлагает такие функции, как записи посетителей, тепловые карты, чат, опросы посетителей, информационные панели и т. Д. По довольно разумной цене.
Кроме того, с этой задачей вам может помочь Google Analytics, причем совершенно бесплатно. С помощью этого инструмента вы сможете проверять такие показатели, как активные пользователи, когорты, события, специальные параметры и многое другое.
Независимо от того, решите ли вы использовать одно или другое, важно следить за тем, что происходит, и принимать во внимание поведение пользователей. Таким образом, вы не только сможете оптимизировать цветовые схемы своего веб-сайта, но также добьетесь успеха и получите больше потенциальных клиентов.
Запись сеанса
Источник: HotjarЗапись сеанса — это ресурс, который маркетологи используют для записи сеансов посетителей своего веб-сайта. Информация, которую вы можете получить из записей сеанса, чрезвычайно ценна.Он может показать вам, возникают ли у ваших посетителей какие-либо проблемы при просмотре вашего веб-сайта.
Эта функция дает вам данные о том, когда ваши пользователи прокручивают, нажимают на ваши CTA, взаимодействуют с элементами вашего веб-сайта и т. Д. Например, если ваши пользователи не взаимодействуют с вашими призывами к действию, вы можете попробовать изменить цвет, сообщение или размер и проверить, эффективнее ли это.
В любом случае, записи сеансов помогут вам улучшить ваш UX и не дать посетителям покидать ваш сайт.Вы также можете использовать его для анализа коэффициентов конверсии и многих других аспектов.
Записи сеансамогут предоставить вам множество данных, которые вы впоследствии сможете проанализировать и использовать в своих интересах. Без сомнения, это отнимает много времени, но стоит затраченных усилий.
Тепловая карта
Аналогичным образом тепловые карты очень важны для понимания поведения пользователей. На тепловой карте используется цветовое кодирование, чтобы показать, как посетители взаимодействуют с вашим сайтом. Он учитывает клики, то, насколько ваши пользователи прокручены вниз, и многое другое.
Среди его преимуществ стоит упомянуть, что тепловые карты не только обеспечивают простой для понимания анализ поведения пользователей, но и более наглядны, чем другие отчеты. Таким образом, они широко используются из-за легкости понимания.
Тем не менее, если вы не хотите, чтобы они вводили в заблуждение, вам придется подождать, пока не наберется достаточно данных для интерпретации. Они не учитывают, сколько времени люди тратят на одно действие, а только то, где они нажимают. Итак, информация, которую они предоставляют, является приблизительной.Тем не менее, все еще очень полезно для понимания поведения пользователей.
Оптимизация коэффициента конверсии с учетом поведения пользователя
Оптимизация коэффициента конверсии (CRO) — это процедура, с помощью которой вы улучшаете свой веб-сайт в соответствии с поведением пользователей вашего веб-сайта. Это процесс оптимизации. Итак, вы должны выполнить это.
Действительно, такой процесс CRO, несомненно, будет выгоден не только вам, но и вашей аудитории. Он заключается в улучшении вашего веб-сайта в соответствии с поведением его пользователей.Тогда ваши пользователи и ваша аудитория получат лучший путь.
Что такое оптимизация коэффициента конверсии (CRO) в цифровом маркетинге?
by Fountain
Вам следует оптимизировать домашнюю страницу и целевые страницы. Также важно обращать внимание на ваши CTA, навигацию по вашему веб-сайту, его формы и время загрузки вашего сайта.
Если вы улучшите свой веб-сайт в соответствии с тем, как с ним взаимодействуют пользователи, вы повысите рентабельность инвестиций и улучшите UX.Это означает, что если вы персонализируете свой сайт в соответствии с предпочтениями пользователей, у них будет больше шансов вернуться. А также больше конверсий.
Ниже перечислены ключевые функции для оптимизации цветовых схем веб-сайта:
A / B-тест цветов кнопок CTA
Если вы хотите узнать, какие цвета лучше всего подходят для кнопок с призывом к действию, нет другого выхода, кроме как запустить A / B-тест, чтобы проверить их влияние на вашу аудиторию. Цвет ваших призывов к действию будет по-разному влиять на людей из-за цвета фона вашего сайта и цвета других элементов.
Но стоит проверить, какие цвета призыва к действию более убедительно влияют на вашу аудиторию. Помните, что сообщение, которое вы пишете в своих призывах к действию, тоже имеет значение. Если вы проведете A / B-тестирование эффективности вашей кнопки CTA, вам придется сменить один цвет на другой. А затем используйте тот, у которого больше CTR.
A / B тест размеров вашей кнопки CTA
Точно так же вы можете поэкспериментировать с размерами ваших CTA. Какой размер подойдет лучше всего? Как и цвет, это будет зависеть от остальных элементов, которые у вас есть.Если остальные элементы не очень большие, вы можете использовать более крупный призыв к действию, чтобы он был более заметным.
Но, если на вашем сайте уже слишком много элементов значительного размера, изменение размера CTA может оказаться не таким эффективным. Что критично для CTA, так это то, что он контрастирует с остальными элементами.
Вы должны быть осторожны с размером ваших CTA, так как они должны быть оптимизированы как для мобильных, так и для настольных пользователей, иначе ваши конверсии сильно пострадают.
A / B-тест ваших изображений
Изображения необходимы на веб-сайте. Большинство людей запоминают изображения намного лучше, чем текст. Так что выбирать их придется с умом. Не забывайте, что изображениями на вашем сайте вы также посылаете сообщение своей аудитории.
Таким образом, они будут судить о вас по идее, которую вы им передаете. Изображения бывает сложно оптимизировать. Вы должны учитывать множество элементов. Например, вам нужно комбинировать цветовые схемы вашего веб-сайта с цветами ваших изображений или наоборот.
Размер изображения, качество, количество изображений и т. Д. — вот аспекты, на которые вы должны обратить внимание. Следовательно, A / B-тестирование с вашими изображениями намного сложнее, чем с CTA.
Тем не менее, это необходимо. Но помните, что нельзя менять все сразу. Лучше внести небольшие изменения в соответствии с предпочтениями вашей аудитории и посмотреть, как это пойдет.
A / B-тест ваших ссылок на места, по которым люди нажимают
Что такое A / B-тестирование и как его использовать
by GrowthLab
Вы должны проверить, правильно ли работают ваши существующие ссылки, и направить людей туда, куда вы хотите, чтобы они переходили.Кроме того, вы должны знать, переходят ли люди в места, где нет ссылки, но они верят, что она есть.
Что это вам говорит? Посетители вашего сайта считают, что вы должны разместить там ссылку. Если это ваш случай, вам нужно их выслушать и создать там соответствующую ссылку.
То же верно и для тех ссылок, которые ваша аудитория не использует. Если посетители вашего веб-сайта не обращают внимания на ваши ссылки, это потому, что они не нужны там, где вы их разместили.Или, может быть, ваши ссылки недостаточно видны или имеют неправильный цвет.
Итак, вам нужно будет следить за тем, как люди взаимодействуют с вашими ссылками. А затем A / B-тест для внесения необходимых изменений. Таким образом, ваш сайт, несомненно, получит больше кликов.
Как улучшить взаимодействие с пользователем с помощью цветовых схем веб-сайта?
Пользовательский опыт веб-сайта — это то, что посетители вашего сайта чувствуют, когда они просматривают ваш сайт. Таким образом, вы должны обратить на это внимание. Идея состоит в том, что чем лучше воспринимаются ваши пользователи, тем больше времени они проводят на вашем веб-сайте.
Более того, если вы не убедите свою аудиторию с самого начала, они не вернутся на ваш сайт. Или, что еще хуже, они отказались бы от этого, не взаимодействуя с вами. Итак, вы должны сделать их опыт как можно более приятным.
Если ваш UX достаточно хорош, они, вероятно, загрузят файл, подпишутся на ваш информационный бюллетень, купят продукт, позвонят по телефону, нажмут на ваши CTA и т. Д. Хотя, если ваш сайт не предлагает отличного UX, вы потеряете перспективы, клиентов, деньги и т. д.
Если вы хотите, чтобы посетители вашего веб-сайта взаимодействовали с вашим сайтом, вы должны предложить им что-то ценное. Очень важно, чтобы вы предоставляли им высококачественный контент, грамотно размещенные призывы к действию, привлекательные и актуальные изображения и т. Д.
Есть много вещей, на которых вы должны сосредоточиться, чтобы улучшить взаимодействие с пользователем:
Убедитесь, что вы используете единообразные цвета.
Цвета, которые вы используете, должны быть одинаковыми. В основном потому, что, если нет регулярности в том, как вы используете цвета, вы запутаете пользователей.
Итак, если вы не хотите, чтобы они чувствовали себя потерянными или отправляли им неправильное сообщение, вы должны последовательно использовать цвета веб-сайта.
Вы должны использовать одни и те же цвета для одних и тех же функций, потому что они должны вызывать одни и те же эмоции. Если вы всегда используете красный цвет для заголовков и черный для подзаголовков, вам следует и дальше так делать.
Допустим, вы решили использовать черный цвет для заголовков и красный для подзаголовков; вы, несомненно, запутаете пользователей вашего сайта, поскольку они привыкли видеть все наоборот.
Кроме того, эмоции, вызываемые красным, отличаются от эмоций, вызываемых черным. Итак, если вы замените одно на другое, ваша аудитория будет по-другому чувствовать, когда они будут взаимодействовать с вашим сайтом.
Использовать пробел; это твой лучший союзник
Настоятельно рекомендуется, если не обязательно, использовать белый цвет на вашем веб-сайте. Хотя белый цвет не вызывает быстрых реакций, он действительно хорошо сочетается с большинством цветов. Белый, смешанный с другими цветами, делает второй более заметным.
Действительно, белый цвет не только выделяет другие цвета, но также делает текст вашей веб-страницы более разборчивым. То есть, если ваш фон белый, а текст любого другого цвета, кроме, может быть, желтого, цвет текста будет легко читаться.
Поскольку белый цвет создает впечатление, что там много пустого места, если вы поместите что-то на белый фон, это поможет пользователям сосредоточить свое внимание на содержании. Так что нет сомнений в том, что белые — могущественный союзник.
Большинство маркетологов также используют его, чтобы сделать свои призывы к действию более заметными. Какого бы цвета ни были ваши призывы к действию, они, вероятно, будут сильно контрастировать с белым.
Проверьте читаемость своего сайта
Читаемость важна. Вам необходимо проверить удобочитаемость вашего контента и убедиться, что его легко читать и понимать. Но вы также должны проверить читаемость ваших цветов. Некоторые цвета легче читать друг над другом.
По идее, чем больше контраст, тем лучше.Тем не менее, убедитесь, что это не раздражает глаз. Существуют инструменты для анализа цветового контраста, которые вы можете использовать для проверки читабельности вашего сайта.
Не бойтесь выделять цвета ссылок и текста на фоне. Таким образом вы скажете своим пользователям, что они являются ключевым контентом, и вы хотите подчеркнуть их.
Будьте осторожны с цветами ваших гиперссылок
Вы должны последовательно использовать цвета ваших гиперссылок. Цвета, которые вы используете, должны быть подходящими.Например, синий подчеркнутый текст обычно связан с гиперссылками.
Итак, если вы используете синий цвет в качестве цвета текста, но этот текст не является интерактивным, ваши пользователи, несомненно, будут разочарованы, поскольку они попытаются щелкнуть что-то, что не является интерактивным.
То же самое и с красным. Считается, что этот цвет сообщает о предупреждении. У большинства это ассоциируется именно с этим. Таким образом, нет смысла использовать его для передачи чего-то приятного, не имеющего отношения к предупреждениям, сигналам тревоги, предостережениям и т. Д.
Кроме того, люди ожидают, что вы измените цвет посещенных ссылок. Представьте, что у вас есть несколько ссылок; ваши посетители будут признательны, если узнают, на какие из них они уже нажимали.
Вам нужно изменить цвета ваших CTA из-за зависания пользовательского интерфейса. Если пользователи вашего веб-сайта намерены нажать на кнопку, вы должны сделать ее видимой. Неважно, сделаете ли вы его темнее или светлее. Что нужно, так это чтобы он показывал контраст.
Все больше и больше людей выходят в Интернет со своих мобильных телефонов.Так что будьте осторожны с мобильным дизайном своего сайта. Очень важно сделать гиперссылки доступными для просмотра на всех устройствах.
Выделите кнопку с призывом к действию
Ваша главная и самая важная кнопка CTA должна выделяться над сгибом. Учитывая, что от этого зависят ваши конверсии, вы должны придать ему актуальность, которой он заслуживает.
Что касается вашего вторичного CTA, то он тоже должен быть видимым. Тем не менее, основной призыв к действию должен быть ярче и заметнее. Обычно другого цвета.
Нет сомнений в том, что ваш основной призыв к действию должен быть заметным и контрастировать с остальной частью вашей веб-страницы. Так что окружить его белым — отличная идея. Белый — это цвет, который обеспечивает высокий контраст по сравнению с остальными цветами. Таким образом, он идеально подходит для того, чтобы сделать ваш основной призыв к действию более мощным.
Неудивительно, что здесь должна быть иерархия. Если на вашем сайте более одного призыва к действию, оба они не могут быть одинаково важными. Если вы это сделаете, они будут соревноваться друг с другом.И вы потеряете клиентов.
Итак, вы должны сделать одно не только более актуальным, но и более привлекательным, чем другое. Таким образом, большинство кликов пойдет на ваш основной призыв к действию.
Примеры персональных веб-сайтов и цветовые палитры
Персональные веб-сайты — это те, которые люди, например юристы, архитекторы, программисты, писатели и т. Д., Используют для демонстрации своей работы. У некоторых людей или семей также есть личный веб-сайт, на котором они могут поделиться своим жизненным опытом.
В наши дни многие люди также используют личные веб-сайты, чтобы показать свою квалификацию, историю работы, навыки и опыт.Многие из них включают резюме на свои личные веб-сайты, чтобы повысить доверие.
Кроме того, личные сайты, как правило, создаются владельцем сайта. Так что в целом они не очень сложные. Кроме того, содержание и дизайн этих сайтов могут меняться чаще, чем бизнес-сайты.
Что касается примеров личных веб-сайтов, вы можете просмотреть эту ссылку «Персональные сайты». Там вы легко заметите, что на личных веб-сайтах используются очень разные цветовые палитры.Некоторые люди используют насыщенные цвета на своих личных сайтах, а другие предпочитают использовать остальные.
Точно так же нейтральные цвета, то есть черный, белый и серый, довольно популярны среди личных веб-сайтов. Все зависит от того, что вы хотите донести до своего сайта. При выборе цветовой схемы веб-сайта не забудьте принять во внимание цветовую психологию и чувства, которые вызывают цвета.
Вот список хорошо продуманных личных сайтов:
- Данило де Марко
Как вы можете видеть на изображении выше, на веб-сайте Данило Де Марко используется неоново-зеленый цвет и палитра серых, которые являются ключевыми, чтобы подчеркнуть важность зеленого и его символическое значение.
Этот сайт является прекрасным примером личных веб-сайтов, поскольку неоново-зеленый цвет и его типографика, несомненно, привлекают внимание аудитории Данило Де Марко.
Как только вы пролистаете сайт, вы увидите его проекты. Я имею в виду, что есть зеленая зона, а сразу после нее — изображения его предыдущей работы.
- Алекс Вандерлит
На этом сайте портфолио Алекса выделено черным цветом. Как вы можете видеть на изображении, на этом веб-сайте для привлечения внимания используются несколько ухудшенных цветов.
Более того, насыщенный синий цвет тоже используется, но только на мелких элементах, чтобы он не раздражал глаз, но привлекал внимание.
- Владимир Груев
На сайте Владимира Груева используется квадратная цветовая схема. На этом сайте все цвета ненасыщенные, кроме синего. Более того, ненасыщенные цвета используются на больших площадях.
Действительно, преобладающий цвет этого сайта — ненасыщенный розовый.Черный и розовый служат вспомогательными цветами для остальных цветов на этом сайте.
Стоит отметить, что цвет играет важную роль здесь, на этом веб-сайте, поскольку на нем почти нет белых пятен.
- Владим Тюрин
Этот последний пример личных веб-сайтов отображает аналогичную цветовую палитру. Красный — преобладающий цвет, хотя он не используется на больших площадях. Таким образом, это не так бросается в глаза и не раздражает глаз.
Фон этого сайта использует ненасыщенный оранжевый цвет, который больше подходит для большей площади. И черный используется только для того, чтобы выделить мелкие детали на фоне.
Примеры бизнес-сайтов и цветовые палитры
Деловые веб-сайты — это веб-сайты, которые предприятия и организации используют для рекламы своих товаров и услуг в Интернете. В настоящее время люди могут покупать или арендовать услуги прямо на бизнес-сайтах. Вы даже можете скачать брошюры и другие материалы.
Неудивительно, что бизнес-сайты чаще всего разрабатываются профессиональными разработчиками и веб-дизайнерами. Так. на создание бизнес-сайта уходит больше времени.
Более того, эти сайты не часто меняют содержание и дизайн из-за единообразия. Как вы знаете, последовательность является ключом к узнаваемости бренда.
Вы можете найти примеры этого типа веб-сайтов по следующей ссылке Бизнес-сайты. Надеюсь, они послужат вам источником вдохновения.Компаниям требуется больше времени, чтобы выбрать цветовую схему. Многие люди используют цвета, которые обычно ассоциируются с их отраслью.
Например, большинство экологичных брендов используют зеленый цвет в цветовой гамме своих веб-сайтов. Однако те, кто занимается финансами, обычно используют синий цвет. В то же время для розницы чаще встречается красный цвет. Деловые веб-сайты должны выбирать цветовую схему, которая помогает им поддерживать интерес аудитории.
Тем не менее, не все бизнес-сайты включают цвета в цветовую схему своих сайтов только потому, что они обычно связаны с их отраслью.Все зависит от того, какое сообщение вы хотите отправить своей аудитории. Существует огромное количество разнообразных цветовых схем бизнес-сайтов.
Вот список хорошо продуманных бизнес-сайтов:
- Ferrumpipe
Ferrumpipe используется палитра дополнительных цветов (зелено-оранжевый) вместе с монохромными (зеленый).
Кроме того, стоит отметить, что на этом сайте широко используется белый цвет, так как все его элементы имеют достаточно места.Преобладающий цвет — темно-зеленый.
- Oracle
Oracle используется раздельная дополнительная цветовая палитра. Более того, он использует цвета, которые напоминают вам о природе и земле, а также органические формы, чтобы проиллюстрировать эту тенденцию.
Это хорошо подобранная цветовая палитра для брендов, цель которых — ассоциироваться с природой, экологией и людьми.
- NBC
NBC используется монохромная цветовая палитра.Фактически, он использует только палитру, образованную оттенками серого. Два оттенка серого — это круто, так как они синего цвета, а два других — черного.
Это отличный выбор цвета, учитывая, что бренд использует множество разнообразных цветов. Это помогает их аудитории сосредоточиться на изображениях их шоу. Черный фон относится к кино, как и к другим платформам, таким как Netflix или HBO.
- Samsung
На сайте Samsung используется монохромная цветовая палитра.В них используется только фирменный черный цвет и несколько деталей, выделенных серым.
Как видно из изображения выше, на этом веб-сайте делается акцент на фотографиях, и на нем много белого пространства.
- Группа сплайнов
На этом веб-сайте используются и красный, и черный цвета, чтобы вызвать драматический эффект, как только вы зайдете на их веб-сайт. Типографика большая и заглавными буквами, что делает сообщение более убедительным.
Хотя красный цвет играет важную роль и занимает много места, он меняется на черный, а затем на белый, как только вы прокручиваете.
Кажется, они хотят передать ясное и сильное сообщение, поэтому они используют цвет вместе с большой топографией, чтобы помочь им. Несомненно, они отличаются от своих конкурентов.
И это все, что касается цветовых схем веб-сайтов. Теперь вы знаете, как выбрать цветовую схему своего сайта. В следующей главе я расскажу о том, что такое генератор цветовой схемы, и приведу несколько примеров. Взгляните на них!
50 великолепных цветовых схем с потрясающих веб-сайтов
Цвет является такой важной частью нашего восприятия мира, что мы часто принимаем это как должное.Подумайте об этом: от молодого и ярко-оранжевого на чьей-то одежде до серого и мрачного неба над нами — цвета могут формировать наше восприятие других и даже обстоятельства, в которых мы находимся.
Вот почему один из самых мощных инструментов в арсенале дизайнера — это цвет. Это может либо создать, либо разрушить дизайн; это может быть определяющим фактором в привлечении зрителей или их быстрой отправке в путь.
Как не дизайнер, мне часто бывает трудно подобрать подходящие цвета для своих любительских проектов.Независимо от того, создаю ли я простое изображение для поддержки своего контента или более сложные проекты, такие как слайд-колода или инфографика, я часто трачу много времени на поиск идеальной цветовой схемы. Я задаю себе такие вопросы: хочу ли я, чтобы мой дизайн был привлекательным? Провокационно и дерзко? Или умно и элегантно?
Если вы не опытный дизайнер, вам потребуется время и усилия, чтобы найти цветовую комбинацию, которая соответствует принципам дизайна вашего веб-сайта, поэтому команда дизайнеров Visme решила предоставить нашим пользователям удобный список красивых цветовых схем с веб-сайтов. которые были признаны Awwwards, самой престижной наградой для веб-дизайнеров и разработчиков.
Получив множество положительных отзывов о нашем первом руководстве по сочетанию цветов, мы поняли, что наша аудитория оценит еще один раунд великолепных палитр на выбор.
Вы можете легко применить их к любому из ваших проектов Visme, используя шестнадцатеричные коды, указанные справа от каждого изображения, как показано на GIF-изображении выше.
СВЯЗАННО: 50 красивых цветовых комбинаций (и как их применить к вашим дизайнам)
1 Красочный и сбалансированный
Активная теория
В этой красочной, но не подавляющей палитре сочетаются теплые и холодные оттенки.Эта цветовая гамма от привлекательного и яркого голубовато-зеленого до землисто-терракотового оттенка хорошо подходит для молодежного и современного дизайна.
2 ярких акцентных цвета
Paypr
В этой комбинации оттенки синего и фиолетового сочетаются с красными и оранжевыми акцентами. Обратите внимание, как контраст между ярким синим фоном и красно-оранжевыми акцентами сразу же привлекает внимание именно к нужным местам, от верхней части страницы до видео внизу.
3 Натуральный и землистый
Resn
Чувство окружения умиротворяющим голубым небом и умиротворяющей сценой на природе сразу же вызывает эта очень «приземленная» цветовая схема.Эта приятная цветовая комбинация идеально подходит для проектов, связанных с природой и экологичностью, и может пригодиться для проектов, которые подчеркивают экологическое сознание.
4 Прохладный и свежий
Grosse Lanterne
Темно-синий и изумрудно-зеленый сочетаются в этой схеме, чтобы создать чистую и освежающую палитру. Эта комбинация, напоминающая океан или любую обстановку, связанную с водой, идеально подходит для дизайнов, призванных передать спокойный и надежный образ.
5 Смелый и яркий
W&CO
Эта привлекательная комбинация кораллово-красного и бирюзового цветов, а также других оттенков синего, яркая и смелая.Более прохладный синий цвет прекрасно сочетается с ярким цветовым оформлением, что делает эту цветовую схему идеальной для любого стильного и современного дизайна.
6 вермиллионов и русская зелень
Stinkdigital
Эта страница, часто используемая на современных сайтах, создает привлекательный контраст, комбинируя черный фон с яркими акцентными цветами. При этом вариации красного цвета, такие как киноварь и каштановый, дополняются уникальным русским зеленым.
7 Стильный и изысканный
Bordel Studio
В этой элегантной цветовой гамме сочетаются темные приглушенные тона, чтобы создать чистый и изысканный вид.Его оттенки серого и синего идеально подходят для более консервативных дизайнов.
8 фиолетовых оттенков и тонов
ReedBe
Оттенки темно-красновато-коричневого в сочетании с глубоким тосканским красным и старой лавандой создают уникальную палитру, которая привлекает вас своей теплотой и глубиной. Эта схема идеально подходит для элегантных вещей, которые хотят добавить энергии и богатства.
9 Deep Purple и Blues
Самсы
Эта темная и загадочная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами.
10 Современный и жирный
Брайан Джеймс
Очаровательная комбинация розового, красного, черного и серого цветов. Эта современная палитра вызывает ощущение роскоши, изысканности и минимализма.
11 Живые и манящие
Антон и Ирен
Это прекрасное сочетание конфетно-розового, зелено-желтого, лавандово-серого и пастельно-коричневого цветов идеально подходит для создания яркого и привлекательного образа.
12 Поразительно и просто
Берт
Трудно отвести взгляд, столкнувшись с таким минималистичным, но ярким дизайном, как этот.Темный дымчато-черный фон в сочетании с ярким электрическим синим цветом делают эту цветовую схему выигрышной, полезной для множества проектов.
13 Красный и живой
BrightMedia
Этот привлекательный веб-сайт, использующий красный польский флаг в качестве основы для своей цветовой схемы, сочетает темно-алый красный с темно-розовым на светло-сером фоне. Он живой и креативный, и в то же время изысканный в использовании минималистской цветовой схемы с разными оттенками одного и того же оттенка.
14 Вычурное и креативное
Джули Флогак
Это красочное сочетание золотарника, киновари, темно-синего и голландского белого воплощает в себе этот вычурный и креативный дизайн для онлайн-архива музыкальных произведений.
15 Элегантный, но доступный
Эпический
Это уникальное сочетание телесных тонов и более элегантных цветов, таких как темно-синий и рубиновый, делает эту цветовую схему идеальной для дизайнов с тонкими сообщениями. Зарезервировано, но доступно; сложные, но забавные: это типы серых сообщений, которые эффективно отправляются с помощью этой приятной для глаз комбинации.
16 Элегантный и футуристический
MediaMonks
Это привлекательное сочетание синего сапфира, бронзового серого и платины, с одной стороны, и персиково-оранжевого и коричневого, с другой, создает современную и элегантную цветовую гамму.Используемые здесь для создания футуристического образа, холодные металлические цвета эффективно смягчаются более человечными, землистыми тонами.
17 Новаторский и смелый
Интерактивный дизайн eDesign
Эта яркая комбинация портлендского апельсина, ярко-желтого и нефрита на темно-сером, почти черном фоне требует вашего внимания. Смелая и полная энергии, эта цветовая комбинация идеально подходит, если вы хотите создать современный и смелый образ.
18 Текстурированный и динамический
HAUS
Темная сиена, древесный уголь и вспышка бледно-красно-фиолетового делают эту цветовую схему незаменимой для тех, кто ищет элегантный, футуристический, но динамичный вид.Эта цветовая комбинация достаточно универсальна, ее можно использовать в проектах, начиная от современных корпоративных отчетов и заканчивая журналами и редакционным контентом в целом.
19 Минимальный, но теплый
Идентификаторы удовольствия
Белая яичная скорлупа, темная ваниль и серо-коричневый с оттенками красного мармелада — все вместе в этом минималистском, но теплом и уютном месте. Всплеск ярких красок по всему дизайну делает этот сайт одновременно элегантным и привлекательным.
20 Яркие и четкие
FCINQ
Темно-вишневый, королевский пурпурный и темно-сланцево-синий гармонично сочетаются в этом красивом и привлекательном месте.Темно-вишневый цвет выступает в качестве акцентного цвета на темно-фиолетовом фоне, приводя взгляд зрителей к меню навигации, как только они попадают на сайт.
21 Чистота и энергия
Изменить цифровой
Оттенки синего и фиолетового на этом сайте особенно приятны для глаз и вызывают одновременно энергию и умиротворение. Черника и небесно-голубой искусно сочетаются с аметистом, создавая освежающую и приятную для глаз цветовую комбинацию, подходящую для любого дизайна, призванного вызвать положительные эмоции.
22 Корпоративные и традиционные
Уотсон / ДГ
Если вы ищете более приглушенный и корпоративный вид, эта цветовая схема сочетает в себе оттенки зеленого, синего и коричневого, которые передают профессионализм и надежность. Фтало-зеленый, темно-сланцево-серый и оловянно-синий — лишь некоторые из используемых здесь цветов.
23 Синий и освежающий
Supremo
Диапазон синего, от яркого лазурита до голубого, делает эту цветовую схему сдержанной, но красивой.Его можно использовать в самых разных визуальных эффектах, от приглушенных корпоративных проектов до связанных с дизайном, как в данном случае.
24 Чистый и современный
Umwelt A / S
Красивый зеленый мирт и кеппель сочетаются здесь с лазурно-белым и однотонным белым в простой, но эффектной комбинации.
25 Яркий и элегантный
Waaark
В этой яркой и элегантной цветовой гамме очень насыщенный светло-холодный синий сочетается с другими оттенками, такими как темно-синий и бледно-васильковый.Это сочетание элегантно дополняет яркий и яркий оттенок розового.
26 Молодость и веселье
Пятьсот
Эта игривая и красочная композиция сочетает в себе несколько ярких оттенков: яркую бирюзу, желтый мандарин и темную орхидею.
27 Великолепный контраст
Иммерсивный сад
Этот элегантный и ультрасовременный сайт может похвастаться элегантным и привлекательным сочетанием с эффективным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном.
28 эффективных акцентных цветов
SMFB
Это еще один пример сайта, на котором эффективно используется яркий цветовой акцент, чтобы очертить путь для глаз зрителей. В этом случае ярко-желтый цвет привлекает внимание сначала к заголовку, затем к тропе в гору и, наконец, к кнопкам с призывом к действию внизу страницы.
29 Современность в полном расцвете
Nurture Digital
Это сочетание зелени океана, аквамарина и морской зелени прекрасно передает концепцию современности и в то же время жизни и плодородия, что полностью соответствует некоторым словам в центральном послании сайта: цифровой, воспитание и цветение.
30 Близость к природе
Родился 05
Эта землистая комбинация зеленого с диапазоном синего, от бледно-лазурного до бирюзово-синего, идеально подходит для консервативных дизайнов, призванных создать образ стабильности, надежности и изобилия.
31 Ярко-розовый и пастель
Stinkdigital
Этот оживленный сайт сочетает ярко-розовый малиновый с более мягкими цветами, такими как пастельный синий и светло-пастельный фиолетовый. Результат — чудесно свежая и беззаботная цветовая гамма.
32 Уникальная комбинация
AILOVE
Это невероятное сочетание темно-розового с синим делает эту уникальную и привлекательную комбинацию, которую можно использовать для множества проектов в разных областях.
33 ярких цитрусовых цвета
Чизкейк супергероя
Эта свежая и цитрусовая смесь светлых зеленовато-желтых, зеленовато-зеленого и черного цветов является фаворитом среди брендов, связанных со спортивными напитками с высоким уровнем адреналина и энергетическими напитками.
34 Яркие синие и оранжевые
Бюрократик
Яркий бирюзовый фон и оранжевая кнопка с призывом к действию на этом сайте могут показаться немного громкими для некоторых посетителей, но комбинация определенно передает энергичные эмоции, которые сочетаются с изображением на заднем плане.
35 Красная роза и черника
Google Brand Studio
Эта серия розовых и красных цветов с ярко-синей кнопкой с призывом к действию создает большой визуальный интерес и сразу привлекает к себе внимание.
36 Смелый и уникальный
Детали
Смелое и уникальное сочетание королевского синего и золотого цветов с яркими голубыми бликами привлекает внимание. Его неожиданное и несколько нестандартное мышление помогает сделать этот сайт победителем.
37 Веселая и энергичная
Шер Ами
Голубой, синий и оранжевый на этой странице делают этот дизайн особенно привлекательным и энергичным, который можно применять в проектах с оптимистичным и вдохновляющим посланием.
38 Снежный, но теплый
Оставляющий камень
Эта зимняя комбинация красного и синего вызывает одновременно прохладу и тепло, как и изображения, связанные с зимними праздниками.
39 Богатство и красочность
Elespacio
Эта яркая и насыщенная цветовая комбинация объединяет яркий желтый, синий и розовый в этом красивом минималистском дизайне, который можно использовать в ярких, но профессиональных проектах.
40 Модерн и минимализм
SFCD
Этот сайт обладает привлекательным дизайном с несколькими элементами и хорошо подобранной цветовой схемой.Турецкая роза, средние зеленые и желтые геометрические фигуры на черном и сером фоне достаточно, чтобы привлечь внимание зрителя.
41 Бесстрашный и бесстрашный
Great Works Копенгаген
В этой эффектной цветовой комбинации используются оттенки синего и красного, чтобы создать ощущение смелости и пылкого профессионализма, что идеально подходит для дизайна, стремящегося передать силу и компетентность.
42 цвета Flat Design
Resn
Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, видели его раньше: веб-сайты без теней, градиентов и фаски; Короче говоря, никаких трехмерных элементов.
Хотя сайт выше добавляет немного теневого эффекта мальчику справа, технически его можно квалифицировать как плоский дизайн 2.0, который является не чем иным, как добавлением нескольких очень тонких трехмерных эффектов.
Как видно здесь, цвета плоского дизайна имеют тенденцию быть очень яркими и перенасыщенными.
43 Эклектичный и мирный
Играть
Это уникальное сочетание кофейного тона с небесно-голубым и различными оттенками коричневого делает эту цветовую схему успокаивающей и успокаивающей: чем-то напоминающим вашу любимую кофейню или гостиную.
44 Классный и традиционный
details.ch
Эта комбинация камео-розового, синего UCLA и гранитно-серого напоминает одежду, которую используют состоятельные, опрятные студенты колледжей. Хотя это имеет смысл с учетом целевой аудитории сайта, эту схему также можно использовать в любом дизайне, который требует серьезности и немного живости.
45 ярких акцентных цветов
stinkdigital
Этот сайт Spotify идеально использует акцент виноградного цвета на фоне очень темного ненасыщенного фиолетового.Эту цветовую схему можно использовать для любого дизайна, где у вас есть несколько элементов или центральное сообщение, которое вы действительно хотите показать.
46 Корпоративное и серьезное
EPIC
Оксфордский синий с несколькими ярко-синими и красными акцентами делает этот сайт очень традиционным и корпоративным. Синий и зеленый, которые говорят о профессионализме и стабильности, обычно используются в корпоративных отчетах.
47 Гламурно и модно
Апартаменты
Эта смесь золота, пурпурного и черного напоминает такие слова, как богатство и экстравагантность.Соответственно, эта комбинация может быть применена к дизайнам, связанным с модой, роскошью и высококачественными товарами.
48 Привлекающий внимание и гладкий
ФУТУРАМО
Это прекрасное сочетание ярко-зеленого и телемагенты на темном фоне создает повышенный визуальный интерес и привлекает зрителя с первого взгляда. Смелая, но профессиональная, эта цветовая комбинация при правильном использовании может быть применена даже к корпоративному дизайну.
49 Громко и прямо в лицо
Паника
В то время как предыдущая цветовая схема была привлекательной — но не слишком яркой — эта комбинация намеренно громкая до такой степени, что может оттолкнуть некоторых зрителей.Однако, если вы хотите сделать смелое заявление, эта комбинация может хорошо работать, если все сделано правильно, как в этом случае.
50 Живой, но успокаивающий
Мадео
Это расслабляющее, но веселое сочетание лимона, желтого, мяты и темно-голубого делает эту цветовую схему идеальной для любого послания, которое призвано передать энергию, оптимизм и в то же время гармонию и рост.
IBM Design Language — Color
Наша цветовая палитра расширяет нашу уникальную эстетику и представляет современную и постоянно меняющаяся IBM.Уравновешивая человечество и машину, цвета гармоничны с природой, но выбранными из-за их яркости в цифровом мире.
Яркие синие тона — центральная часть цветовой палитры. В сочетании Благодаря простоте черного и белого цветов создается освежающий и неповторимый вид. IBM.
Полная палитра простирается от синего семейства до краев синего. спектр — даже красные содержат намек на синий. Полученная палитра представляет собой набор цвета, изображающие особую IBM.Мирового и цифрового. Полезно и рассудительный.
Наличие нескольких серых семейств дает каждому дизайну возможность для нюансов и значимые моменты цвета. В каждом опыте должны преобладать серые цвета. и основные цвета из семейства черного, белого и синего, что позволяет другим раскрасьте семьи, чтобы они были яркими и целеустремленными.
Каждое из 10 цветовых семейств разделено на 10 образцов в диапазоне от от светлого к темному. Для цифровых приложений предусмотрены значения RGB и HEX. со значениями Pantone® и CMYK для печати.
красного 1002d0709
красного
408
красного 80750e13
красных 70a2191f
красного 60da1e28
красного 50fa4d56
красного 40ff8389
красного 30ffb3b8
красного 20ffd7d9
красного 10fff1f1
пурпурного 1002a0a18
пурпурный
224
пурпурного 80740937
пурпурного 709f1853
пурпурного 60d02670
пурпурного 50ee5396
пурпурного 40ff7eb6
пурпурного 30ffafd2
пурпурного 20ffd6e8
пурпурного 10fff0f7
фиолетовый 1001c0f30
фиолетовый35e
фиолетовый 80491d8b
фиолетовый 706929c4
фиолетовый 608a3ffc
пурпурный 50a56eff
пурпурный 40be95ff
пурпурный 30d4bbff
пурпурный 20e8daff
пурпурный 10f6f2ff
синий 100001141
синийd6c
синий
0002d9cсиний
d9c 2-синий 504589ff
синяя 4078a9ff
синяя 30a6c8ff
синяя 20d0e2ff
синяя 10edf5ff
циан 100061727
циан
749
циан 80003a6d
циан 7000539a
циан 600072c3
циан 501192e8
циан 4033b1ff
циан 3082cfff
циан 20bae6ff
циан 10e5f6ff
бирюзовых 100081a1c
бирюзовых b30
бирюзовых 80004144
бирюзовых 70005d5d
бирюзовых 60007d79
бирюзовых 50009d9a
бирюзовых 4008bdba
бирюзовых 303ddbd9
бирюзовых 209ef0f0
бирюзовых 10d9fbfb
зеленый 100071908
зеленый d0d
зеленый 80044317
зеленый 700e6027
зеленый 60198038
зеленый 5024a148
зеленый 4042be65
зеленый 306fdc80000 9000a70002
черный 306fdc80000 9000de7000
0002
черный 1619
холодный серый 72a
холодный серый 80343a3f
холодный серый 704d5358
холодный серый 60697077
холодный серый 50878d96
холодный серый 40a2a9b0
c Coolff
c Coolff серый
c
c coolff
c Coolff
c Coolff
c Coolff
c Coolff серый
ffdff 9000ff
black000000
серых 100161616
серых 626
серых 80393939
серых 70525252
серых 606f6f6f
серых 508d8d8d
серых 40a8a8a8
серых 30c6c6c6
серых 20e0e0e0
серых 10f4f4f4
whiteffffff
black000000
теплый серый 100171414
теплый серый
525
теплый серый 803c3838
теплый серый 70565151
теплый серый 60726e6e
теплый серый 508f8b8b
теплый серый 40ada8a8
ac50003теплый серый wh iteffffff
Цветовая палитра разделена на четыре отдельных 4-цветных семейства, каждое содержащий синее ядро IBM.При создании цветовых групп для вашего конкретного использования и применения, вы можете комбинировать любые цвета из этих семейств. Если требуется меньшее количество цветов, вы можете дополнительно разделить любой из 4-х цветных семьи на 1, 2 или 3 цветных семейства. Смотрите возможные комбинации ниже.
Следующие цветовые комбинации были исключены из цветовых семейств. и его следует избегать, если это не требуется для конкретных приложений, таких как Data Визуализация.
Избегайте смешивания зеленого с красным, пурпурным или пурпурным.
Избегайте смешивания бирюзового с красным или пурпурным.
Используйте комбинации в пределах любого из допустимых двухцветных семейств при смешивании градиенты. Значения от 30 до 60 используются для создания ярких градиентов, которые хорошо работают как на темном, так и на светлом фоне. Для большего контраста или тонкости, смешайте более темные или более светлые цвета. Не смешивайте цвета которые находятся более чем в двух шагах друг от друга.
Не смешивайте цвета, не входящие в допустимые двухцветные семейства.
Избегайте смешивания цветов, находящихся на расстоянии более 2 шагов, например, от синего 60 до бирюзового 20.
Избегайте создания градиентов с более чем двумя цветами.
Применение цветовой палитры IBM обеспечивает единую и узнаваемую соответствие огромному количеству цифровых продуктов и интерфейсов IBM. Этот последовательность основана на наборе четко определенных правил работы с нашими библиотека компонентов в контексте темной и светлой тем.
Семейство нейтральных серых доминирует в нашем пользовательском интерфейсе, используя небольшие изменения в значение, чтобы помочь организовать контент в отдельные зоны.Семья Core Blue имеет был обозначен как основной цвет действия для всех продуктов и впечатлений, обеспечение того, чтобы наша эстетика цвета была частью каждого взаимодействия. Дополнительные цвета используются экономно и целенаправленно.
black000000
синих 100001141
синегоd6c
синего 80002d9c
синего 700043ce
синего 600f62fe
синего 504589ff
синего 4078a9ff
синего 30a6c8ff
синий 20d0e2ff
синий 10edf5ff
whiteffffff
black000000
серое 100161616
серых 626
серого 80393939
серых 70525252
серого 606f6f6f
серых 508d8d8d
серого 40a8a8a8
серых 30c6c6c6
серых 20e0e0e0
серого 10f4f4f4
whiteffffff
оповещение 60da1e28
оповещения 5024a148
alert 40ff832b
alert 30f1c21b
Цвет играет ключевую роль в удобочитаемости независимо от носителя и приложения — подумайте анимированной графики в видеороликах, социальном контенте, диаграммах визуализации данных, пользовательских интерфейсы и многое другое.Когда цвета недостаточно различимы, яркость или различие в оттенках, пользователи с ослабленным зрением могут испытывать трудности с распознаванием буквы и графические элементы. Не позволяйте плохому выбору цвета стоять между вашими послание дизайна и удобство для пользователей.
Контрастность — это разница яркости между любыми двумя элементами. Паутина Рекомендации по доступности контента (WCAG) устанавливают определенные коэффициенты, которые позволяют минимально необходимый контраст для разборчивости. Вообще говоря, мелкий текст — это любой размер меньше 24 пикселей и требуется размер 4.Коэффициент контрастности 5: 1. Крупный текст — это все, что указано выше 24px и требует коэффициента контрастности 3: 1. Графические элементы, например диаграммы в визуализации данных, также требуется коэффициент контрастности 3: 1.
Палитра IBM состоит из двенадцати цветовых категорий: черного, белого и десяти. значения для каждого оттенка. При определении коэффициентов контрастности полезно оценить, насколько многие цветовые градации или «ступеньки» находятся между передним планом и фоном цвета. Шаги подразумевают расстояние между любыми двумя цветами при их расположении. последовательно.Например, градация цвета 60 находится в пяти шагах от цвета. оценка 10. В следующей таблице указано минимальное количество ступеней. требуется для достижения обычно используемых коэффициентов контрастности между любыми двумя цветами.
Цвет 1 | Цвет 2 (контраст 4,5: 1) | Цвет 2 (контраст 3: 1) |
---|---|---|
Черный | от 50 до белого (6 шагов) | от 60 до белого (5 шагов) ) |
100 | от 50 до белого (5 шагов) | 60 до белого (4 шага) |
90 | от 50 до белого (4 шага) | 60 до белого (3 шага) |
80 | от 40 до белого (4 ступени) | от 50 до белого (3 ступени) |
70 | 30 до белого (4 ступени) | от 40 до белого (3 ступени) |
60 | От 20 до белого (4 ступени) | от 20 до белого (4 ступени) |
50 | от 90 до черного (4 ступени) | от 80 до черного (3 ступени) |
40 | от 80 до черного ( 4 ступени) | от 70 до черного (3 шагов) |
30 | от 70 до черного (4 ступени) | от 70 до черного (4 ступени) |
20 | от 70 до черного (5 ступеней) | 60 до черного (4 ступени) |
10 | 60 через черный (5 шагов) | от 50 до черного (4 шага) |
белый | 60 через черный (6 шагов) | 50 через черный (5 шагов) |
фиолетовый Текст 90 доступен на Purple 50.
Текст Teal 20 доступен на Teal 80.
Черный текст доступен на Blue 50 и Teal 40.
Текст Blue 60 недоступен на черном.
Белый текст недоступен для Gray 50.
Белый текст недоступен для Blue 50 и Teal 40.
Не полагайтесь только на цвет для передачи смысла. Это правило включает передачу информация, указывающая на действие, запрашивающая у пользователя ответ или различение одного визуального элемента от другого.
Люди с протанопией, дальтонизмом, менее чувствительны к красному цвету. свет, в то время как у людей, страдающих дейтеранопией, такая же проблема с зеленым.Для Например, люди с протанопией будут путать синий и фиолетовый, потому что они не может распознать красный элемент пурпурного цвета. Третий тип цвета дефицит, тританопия, является наименее распространенным и относится к пациентам, которые борются различать синий или желтый свет. На этом изображении показано, как может выглядеть радуга нравится людям с каждой из этих форм дальтонизма, по сравнению с нормальное зрение.
Посмотрите, как действует цветовая палитра IBM Design в различных бизнес-подразделениях и Приложения.Сознательные цветовые акценты сочетаются с насыщенными нейтральными оттенками. хорошо сбалансированный и сплоченный опыт.
Цветовых палитр и цветовых схем пользовательского интерфейса
Дизайн — это коммуникация. Так же, как писатели используют слова для общения со своими читателями, дизайнеры используют визуальный язык, чтобы предоставить нужный опыт. У дизайнеров есть множество различных инструментов для создания правильного визуального языка и цвет — один из самых мощных инструментов в их арсенале.
Отличные цветовые палитры могут создать правильный настроения и мотивации посетителей действие.Но при разработке нового продукта часто бывает трудно определиться с цветовую схему, потому что существует очень много возможных цветовых комбинаций. В этом статью, я расскажу об основах того, что учитывайте при выборе цветовой палитры для вашего продукта.
Прежде чем углубляться в детали того, как выбрать цветовую палитру для вашего следующего проекта, важно понять основы теории цвета UX.
Оттенок
Оттенок — одно из основных свойств цвета. Это означает и цвет, и оттенок цвета (цвет, смешанный с черным).Например, синий, зеленый, оранжевый и желтый — каждый из них является оттенком.
Шкала цветовых оттенковНасыщенность
Насыщенность цвета — это интенсивность цвета. По мере увеличения насыщенности цвета кажутся чище.
Насыщенность цветаТон
Тон получается путем смешивания цвета с серый.
Пример цветового тона. Изображение по шестнадцатеричному цвету.Оттенок
Оттенок представляет собой смесь цвета с белым, который уменьшает темноту.
Пример цветового оттенкаВот как все элементы работают вместе:
График терминологии смешения цветовОсновная цветовая схема
Цветовой круг — обязательный инструмент для создание цветовых палитр.Всем, кто хочет создать свою цветовую схему, следует воспользуйтесь цветовым кругом.
Цветовой кругНиже приведены три основных стандарта цветовой схемы. которые упрощают создание новых схем, особенно для начинающих:
Монохроматическая
Монохромная цветовая схема — самая простая создать, потому что он создан из разных оттенков одного оттенка. Цвета в эта схема хорошо сочетается друг с другом, оказывая успокаивающее действие. Но несмотря на это простота, легко создать скучный интерфейс, используя монохроматическую схему, так что будьте осторожный!
Монохроматическая цветовая схемаАналог
Аналогичные цвета представляют собой группы из трех цветов которые находятся рядом друг с другом на цветовом круге.Как следует из названия, аналогичный цветовые палитры создаются с использованием аналогичных цветов. Обычно используется один цвет в качестве доминирующего цвета, в то время как другие используются для обогащения схемы.
Аналогичная цветовая схемаДополнительные
Дополнительные цвета противоположны каждому другой на цветовом круге. Высокая контрастность дополнительных цветов создает яркий вид. В своей основной форме дополнительные цветовые схемы состоят из только два цвета, которые сильно контрастируют. Эта схема используется для привлечения внимание зрителя.
Дополнительная цветовая схема6 вещей, которые следует помнить при создании цветовой палитры для вашего пользовательского интерфейса
Многие дизайнеры подбирайте цвета на основе своей интуиции. Хотя этот подход сам по себе неплох, результат зависит от вашего личного вкуса, а также от интуиции, которую сложно стандартизировать. В этом раздел, я хочу поделиться более системным подходом к выбору и использованию цвета. Вот несколько основных правил, которые нужно помнить при работе с цветом.
1. Всегда начинайте с оттенков серого
Выбирать цвета — это весело, и именно поэтому дизайнеры уделяют этому занятию много времени.Но прежде пробуя различные цветовые комбинации для вашего пользовательского интерфейса, важно помнить состояние вашего пользовательского интерфейса. Если вы только в начале процесса проектирования, лучше начать с черно-белого или оттенков серого. Почему? Потому что это будет помочь вам сохранить концентрацию. Ваше внимание будет направлено на создание отличного визуального иерархия вашего макета, а не выбор цвета для призыва к действию кнопки.
2. Будьте проще
Применение цвета в дизайне имеет много дел с балансом, и чем больше цветов вы используете, тем сложнее достичь баланса.Использование слишком большого количества цветов — распространенная ошибка дизайна. Это обычная ошибка для неопытные дизайнеры, потому что они часто выбирают цвета случайным образом и в конечном итоге создание эффекта радуги (когда продукты имеют столько цветов, что они становятся крайне отвлекает).
Обычно рекомендуется использовать максимум 3 основных цвета в вашей цветовой схеме. Согласно исследованию, проведенному в Университете Торонто, о том, как люди использовали Adobe Color, большинство людей заявили, что предпочитают простые цветовые комбинации, основанные только на двух или трех цветах.
3. Правило 60-30-10
Теперь мы знаем, что наша цветовая схема должна иметь максимум три цвета, пора узнать, как выбрать эти три цвета. В этом нам поможет известное правило декорирования. 60-30-10 — это правило дизайна интерьера. В нем говорится, что для создания визуально стабильной композиции вы необходимо использовать 60% для вашего доминирующего оттенка, 30% для вашего вторичного цвета и 10% для акцентного цвета. Основная идея этого правила заключается в том, что вторичный цвет поддерживает основной цвет, но достаточно отличается, чтобы выделить их.И акцентный цвет используется для создания фокусных точек. В дизайне пользовательского интерфейса акцентные цвета используется для выделения ключевого сообщения или функционального элемента (например, вызова кнопка действия).
Фотография в масштабе 60/30/10. Изображение предоставлено UxPlanet.4. Учитывайте эмоциональное воздействие цветов.
Хорошо известно, что цвета могут вызывать эмоции. Эмоции, которые вызывают цвета, определяют, как пользователи воспринимают ваш продукт. Вот почему, когда вы выбираете цветовую палитру для своего продукта, важно не только думать о том, как все выглядит, но и думать о том, как они тоже чувствуют.
Вот как обычно воспринимаются цвета в Западный мир:
- Красный. Сила, страсть, опасность, важность
- Апельсин. Резвая, энергичная, дешевая
- Жёлтый. Веселый, доброжелательный, внимательный
- Зеленый. Натуральный, безопасный, свежий
- Синий. Спокойный, надежный, заслуживающий доверия
- Purple. Роскошно, романтично, духовно
- Розовый. Женственность, молодость, невинность
- Черный. Утонченный, резкий, загадочный
- Белый. Чистота, чистота, здоровье
- Серый.Нейтральный, формальный, изысканный
Стоит отметить, что это общие ассоциации, и точное значение может варьироваться в зависимости от контекста. Значение цветов также существенно различается в зависимости от культуры. Если вы хотите узнать больше о значении цвета в разных частях мира, ознакомьтесь со статьей «Символизм цветов и значения цветов во всем мире».
4. Найдите вдохновение
Создание цветовой схемы может быть трудным, особенно если вы пытаетесь сделать это с нуля.Чтобы упростить задачу, искать вдохновение. Попробуйте просмотреть изображения, чтобы найти тот, который вам нравится:
- Фотографии природы. Это общеизвестный факт, что природа — лучшее вдохновение. Так что ты можешь взять свой любимый снимок и получить из него цветовую схему с помощью одного из этих инструментов.
- Видео. Музыкальные клипы и фильмы являются отличным источником вдохновения для визуальных дизайнеров.
После того, как вы найдете нужное изображение, вы можете использовать инструмент Coolors, чтобы выбрать из него цвета.
Выбор цвета из изображенияКроме того, вы можете посетить Dribbble Colors, где вы можете фильтровать работы дизайнера по цвету.
Dribble упрощает поиск и фильтрацию по цвету. Изображение предоставлено Dribble.5. Используйте готовые цветовые палитры
Что делать, если вы знаете, какие цвета вы должны быть в вашей цветовой схеме, но не знаете, как выбрать эти цвета? Ты можете искать готовые цветовые палитры.
Adobe Color — отличный инструмент как для создания, так и для поиска цветовых схем.
Adobe Color поможет вам найти цветовую схему в несколько кликов.Вы также можете ознакомиться с рекомендациями по материальному дизайну.
Образцы цветов материального дизайна5. Учитывайте доступность
Примерно 8% мужчин и 0,5% женщин страдают той или иной формой дальтонизма. Это 1 из 12 мужчин и 1 из 200 женщин. Хотя существует несколько форм этого состояния, наиболее распространенным является дальтонизм на красный / зеленый цвет. Человек, страдающий этой формой дальтонизма, обычно не видит изменений как красного, так и зеленого цветов.
Цветовой круг при недостатке красно-зеленогоУбедитесь, что выбранная вами схема будет удовлетворить потребности пользователей с дальтонизмом или дефицитом цветового зрения (ССЗ). Дальтонизм принимает разные формы (в том числе красно-зеленый, сине-желтый и монохромный), поэтому важно использовать несколько визуальных подсказок, чтобы сообщать о важных состояниях в вашем продукте. Помимо цвета используйте элементы, такие как штрихи, индикаторы, узоры, текстура или текст для описания действия и содержание.
Не используйте только красный и зеленый цвета для передачи информации, потому что это может вызвать затруднения у людей, которые не могут различать красный / зеленый цвета.Чтобы избежать проблем с доступностью при проектировании, рекомендуется самостоятельно испытывать дальтонизм во время проектирования. NoCoffee Vision Simulator для Chrome можно использовать для моделирования нарушений цветового зрения и состояний слабовидения. Например, используя параметр «Дефицит цвета», параметр «Дейтеранопия», вы можете просматривать веб-страницы в оттенках серого. Это поможет вам сделать ваш дизайн доступным для пользователей с нарушениями зрения.
Снимок экрана nocoffee visionНаличие достаточного цветового контраста — еще одна вещь, о которой вам нужно помнить при работе над своим пользовательским интерфейсом.Когда вы используете цвета в тексте, имейте в виду, что размещение двух цветов с низким контрастом рядом друг с другом может затруднить чтение вашей копии.
Цветовой контраст в текстеВыработайте привычку проверять контрасты, чтобы цвета фона и переднего плана отображались с достаточным контрастом для дальтоника или человека с ослабленным зрением. Это не так сложно, все, что вам нужно сделать, это проверить коэффициент контрастности. Коэффициенты контрастности показывают, насколько цвет отличается от другого цвета (обычно обозначаемого как 1: 1 или 21: 1).Чем выше разница между двумя числами в соотношении, тем больше разница в относительной яркости между цветами. W3C рекомендует следующие коэффициенты контрастности для основного текста и текста изображения:
- Мелкий текст должен иметь контрастность не менее 4,5: 1 на его фоне.
- Крупный текст (14 пунктов полужирный / 18 пунктов обычный и выше) должен иметь коэффициент контрастности не менее 3: 1 по сравнению с задний план.
И хорошая новость в том, что вам не нужно проверять коэффициент контрастности вручную.Вы можете использовать такой инструмент, как Color Contrast Checker, чтобы проверить свои цветовые комбинации всего за несколько кликов.
Заключение
Цвет — чрезвычайно мощный инструмент в арсенале дизайнеров, но это также непростой инструмент для освоения. Надеюсь, приведенные выше правила помогут вам подобрать правильную цветовую схему. Пришло время опробовать эти правила на практике. Помните, что лучший способ достичь совершенства в цветовых схемах — это создать их.
Изображение любезно предоставлено Авалон Ху.
Руководство по созданию цветовых схем
Введение
Цветовые схемы — это аранжировки или комбинации цветов, используемые в иллюстрациях и дизайне. При использовании в дизайне цветовые схемы в основном используются для описания локальных цветов (цветов объектов или материала при нейтральном освещении). Между тем, цветовые схемы в иллюстрациях используются для выражения настроения или атмосферы. Все локальные цвета на иллюстрации зависят от окружающих цветов. Например, сине-серая юбка Риен на дизайне ее персонажа (слева) выглядит темно-бирюзовой на иллюстрации (справа), потому что на нее влияет зеленый окружающий свет.
Цифровые художники наделены тысячами цветов, доступных одним щелчком мыши. И не забывайте о всемогущих корректирующих слоях, которые, как мы все думаем, могут решить любую проблему с раскраской. Хотя для повышения эффективности рекомендуется использовать эти удобные функции, на самом деле существуют правила, которым следует следовать и игнорировать. Здесь я объясню некоторые базовые знания о цветах, которые помогут вам выбрать лучшие цветовые схемы для вашего искусства.
ИспользованиеИспользование гармоничных цветовых схем помогает нам показать приятное сочетание цветов.Цветовые схемы также могут помочь нам описать определенное настроение зрителю.
Можете ли вы почувствовать разные настроения в этих похожих панно с комиксами?
Теория цвета
Теория цвета — это понимание того, как работают цветовые комбинации и почему цвета не всегда такие, какими мы их воспринимаем.
При размещении близко друг к другу цвета взаимодействуют друг с другом. Некоторые из них дополняют друг друга, некоторые заставляют другие цвета выделяться, а некоторые цвета не сочетаются друг с другом, в результате чего оба кажутся тусклыми.Теория цвета показывает нам, что в цветовом круге есть определенные сочетания цветов, которые могут стать гармоничными, если их объединить в произведение искусства или дизайн. Ниже приведен знакомый рисунок, показывающий гармоничные сочетания цветов, основанные на теории цвета.
Глядя на этот рисунок, гармоничные цветовые комбинации кажутся довольно ограниченными.
Но не забывайте, что цветовые схемы состоят не только из комбинаций оттенков , но также из комбинаций разных значений и интенсивности .Эти три переменные известны как три свойства цвета .
ОТТЕНОК — это традиционное «название» цвета, например «синий» или «желтый». Оттенки в спектре традиционно обозначаются как ROYGBIV (красный, оранжевый, желтый, зеленый, синий, индиго, фиолетовый)
ИНТЕНСИВНОСТЬ относится к чистоте оттенка. Мы также называем это насыщением или цветностью .
ЗНАЧЕНИЕ — степень светлоты или темноты.Каждый цвет имеет значение, например высокоценный красный цвет будет отображаться как ярко-красный или розовый (если он имеет меньшую интенсивность)
Теперь с этими тремя переменными кажется бесконечной возможность создания различных цветовых схем. Но так ли это на самом деле?
Это несколько цветовых схем, которые я использовал в своей иллюстрации с различными гармоничными цветовыми комбинациями, основанными на графике теории цвета выше.
Как видите, помимо различных цветовых комбинаций, я также играл с интенсивностью и значениями цвета.Но есть определенные правила, которым я всегда следую, играя с этими переменными. Вы видите закономерность, прежде чем я о ней упомяну?
# 1 Это необязательно, но я всегда настраиваю цветовую схему в зависимости от уровня их значений. Таким образом, проще применить цвета к иллюстрации или дизайну. Например, темные акцентные цвета используются для линейного рисунка, а светлые тона используются для неба, источников света или, ну, в общем, для бликов.
# 2 Я склонен (но не всегда) снижать интенсивность / насыщенность каждый раз, когда цвет движется в сторону светлого или темного.Таким образом, полутоновые цвета в большинстве случаев являются самыми насыщенными цветами в моих цветовых схемах.
# 3 Наконец, это главное правило цвета, это закон, а не необязательный:
«Если вы измените значение, сместите температуру (оттенок)!»
Чтобы понять этот закон цвета, давайте попробуем составить аналогичную цветовую схему!
● Начнем с зеленого цвета в полутонах (значение 50%).
● Цвета рядом с ним будут иметь более высокие и более низкие значения
● Вот положение зеленого цвета на цветовом круге и шкале оттенков.Согласно закону цвета, если есть изменение значения, мы должны сместить температуру / оттенок. Но в каком направлении?
● В каком бы направлении ни смещался оттенок, убедитесь, что направления света и тени противоположны друг другу. Если вы сместите оттенок для более высокого значения вправо, обязательно сместите оттенок для более низкого значения влево и наоборот.
● Это оставляет нам два варианта: более теплый свет с более холодной тенью ИЛИ более холодный свет с более теплой тенью .
, на этот раз выберем более теплый свет с более прохладной тенью . Из полутона увеличьте значение, сдвигая оттенок вправо (цветовое колесо) или в сторону желтого (на ползунке оттенка), и мы получим светлый полутон . Уменьшите интенсивность для естественного вида.
● Сделайте то же самое, чтобы получить светлых тона и выделите цвет
● Из полутона уменьшите значение, сдвигая оттенок влево, и мы получим темный полутон .
● Остальное проделайте тем же способом, пока не получите полную цветовую схему.
● Значение, интенсивность и изменение оттенка, как показано на цветовом круге CSP:
● Это сравнение цветовой схемы с более теплым светом и более холодным светом с тем же полутоном цвета. Цветовые схемы с более холодным светом больше подходят для темных помещений.
● Дополнительные цвета: просто замените один цвет дополнительным цветом в этой аналогичной цветовой схеме, и получится хорошая дополнительная цветовая схема.Дополнительный зеленый цвет — пурпурный.
● Пробелы в значениях: я использую постоянные пробелы в значениях для шаг за шагом, описанного выше, но не стесняйтесь добавлять вариации в пробелы, чтобы получить другое настроение.
# 1 Используйте цветовое колесо RYB при выборе цветовых схем. Теорию цвета лучше всего использовать с традиционным цветовым кругом RYB. Большинство цветовых кругов в программах для рисования — это RGB.
RYB цветов создаются путем смешивания трех основных цветов: красного, желтого и синего.Этот цветовой круг используется в традиционной живописи для смешивания цветов.
RGB цветов создаются путем смешивания красного, зеленого и синего света, эти цвета часто используются в лампах, мониторах и телевизорах.
CMYK цветов основаны на смешивании цветов чернилами, используемыми в цифровой печати.
# 2 Не используйте цвета (оттенки) в равных количествах; Выберите цвет, который будет основным окружающим, а другие — в качестве акцентов или дополнительных цветов.
Образцов:
# 3 Рассматривайте цвета как голоса в комнате, если все они громкие и много, это не будет гармонично.