| Жёлтые тона | Цвет 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 |
33 красивых цветовых сочетания для вашего следующего дизайна
Независимо от того, создаете ли вы новый бренд с нуля или создаете захватывающий новый продукт, цвет может оказать огромное влияние на его общий смысл и эффективность. Определенные цветовые комбинации способны привлечь наше внимание, вызвать эмоции и в конечном итоге сделать устойчивое утверждение.
В этом руководстве мы рассмотрим некоторые великолепные цветовые схемы, которые могут помочь вашему бренду оказать большое влияние.
Содержание статьи
- 1 Сочетание цветов на цветовом круге: краткий обзор —
- 2 33 красивых цветовых сочетания для вашего следующего дизайна —
- 2.1 1. Розовый и изюм
- 2.2 2. Красный, морской пены, нефрита и фиалки
- 2.3 3. Желтый, пурпурный, голубой и черный
- 2.4 4. Горчица и черный
- 2.5 5. Пурпурный, золотарник, бирюза и кирпич
- 2.6 6. Оттенки розового и коричневого
- 2.7 7. Золото, уголь и серый
- 2.8 8. Военно-морской флот, миндаль, красно-оранжевый и манго
- 2.9 9. Загар, глубокий бирюзовый и черный
- 2.10 10. Военно-морской флот, охра, сожженная сиена и светло-серый
- 2.11 11. Сиреневый, сапфировый и пудрово-синий
- 2.12 12. Синий, бордовый и индиго
- 2.13 13. Малина и оттенки синего
- 2.14 14. Глубокий сосново-зеленый, оранжевый и светло-персиковый
- 2.15 15. Морская пена, лосось и флот
- 2.16 16. Руж, зеленый и пурпурный
- 2.17 17. Чирок, коралл, бирюза и серый
- 2.18 18. Фуксия, сепия, ярко-розовый и темно-фиолетовый
- 2.19 19. Светло-розовый, шалфей, голубой и виноград
- 2.20 20. Бежевый, черно-коричневый и желто-коричневый
- 2.21 21. Сепия, чирок, беж и шалфей
- 2.22 22. Желто-зеленый, оливковый и лесной зеленый
- 2.23 23. Фуксия, желтый и пурпурный
- 2.24 24. Горчица, шалфей и зеленый лес
- 2.25 25. Бежевый, шифер и хаки
- 2.26 26. Бирюзовый и фиолетовый
- 2.27 27. Светло-розовый, зеленый и морской пены
- 2.28 28. Алый, светло-оливковый и светло-бирюзовый
- 2.29 29. Красный, желтый, голубой и ярко-фиолетовый
- 2.30 30. Оливковое, бежевое и коричневое
- 2.31 31. Оттенки синего и зеленого
- 2.32 32. Бирюзовый, горчичный и черный
- 2.33 33. Персик, лосось и чирок
- 3 Создайте свой бренд с помощью летающих цветовых комбинаций —
Сочетание цветов на цветовом круге: краткий обзор
—
Цветовое колесо состоит из трех основных цветов (красный, желтый, синий), трех вторичные цвета (цвета, созданные при смешивании основных цветов: зеленый, оранжевый, фиолетовый) и шесть третичных цветов (цвета, изготовленные из первичных и вторичных цветов, таких как сине-зеленый или красно-фиолетовый).
Проведите линию через центр колеса, и вы отделите теплые цвета (красные, оранжевые, желтые) от холодных (синие, зеленые, пурпурные).
Теплые цвета ассоциируются с энергией, яркостью и действием, в то время как холодные цвета часто отождествляются со спокойствием, миром и безмятежностью. Когда вы узнаете, что цвет имеет температуру, вы можете понять, как их использование может повлиять на ваше сообщение.
Когда цвета работают вместе, они создают цветовую схему или цветовую комбинацию.
Дополнительные цвета являются противоположностями на цветовом круге. Поскольку между этими двумя цветами существует резкий контраст, они действительно могут сделать изображение популярным, но чрезмерное их использование может стать утомительным.
Аналогичные цвета
Триадные цвета равномерно распределены вокруг цветового круга и имеют тенденцию быть очень яркими и динамичными. Они создают визуальный контраст и гармонию, выделяя каждый элемент, в то же время создавая общее изображение.
Используя цветовое колесо, вы можете создавать всевозможные великолепные цветовые схемы. Все дело в том, чтобы найти правильное соединение для подходящего случая.
33 красивых цветовых сочетания для вашего следующего дизайна
—
1. Розовый и изюм
Высокая контрастность между этими двумя цветами создает смелую, динамическую энергию. Выбор ярко-розового цвета вызывает веселье и молодость с оттенком женственности.
2. Красный, морской пены, нефрита и фиалки
Эта комбинация на основе триады представляет приглушенные цветочные цвета, которые напоминают о мире и обновлении со старинным стилем.
3. Желтый, пурпурный, голубой и черный
Почти каждый проект печати основан на этих четырех цветах чернил. Вместе они могут составить любой цвет, какой только можно вообразить. Отдельно они создают яркую, современную и насыщенную жизнь цветовую схему.
4. Горчица и черный
Желтый и черный цвета создают ощущение мужского, современного, но доступного. Эта комбинация также имеет культурное значение, означающее «опасность» или «предупреждение».
5. Пурпурный, золотарник, бирюза и кирпич
Эта разноцветная комбинация объединяет много индивидуальности в одну палитру. Как наиболее заметный цвет, желтый указывает на дружелюбие и доступность, а акцентные цвета добавляют тон игривости и зрелости.
6. Оттенки розового и коричневого
Розовый современный, молодой и роскошный, а использование разных оттенков вместе добавляет еще больше движения и глубины дизайну. Сочетание розового с темно-коричневым добавляет важный уровень контрастности и серьезности.
7. Золото, уголь и серый
Идеальное сочетание солнечного света и серьезности. Золото вызывает природу и жизнерадостность, которые прекрасно сочетаются с двумя различными оттенками черного и серого, которые добавляют слой зрелости.
8. Военно-морской флот, миндаль, красно-оранжевый и манго
Против нейтрального миндаля эта цветовая схема военно-морского флота в сочетании с огненными акцентами передает надежность и энергичный удар.
9. Загар, глубокий бирюзовый и черный
На естественной основе мужского загара эта комбинация выдвигает бирюзовый цвет на первый план, чтобы продемонстрировать свою универсальность как цвет, который вызывает природу и возрождение .
10. Военно-морской флот, охра, сожженная сиена и светло-серый
Нейтральные фоны помогают естественным цветам этой землистой схемы исходить из их упаковки.
11. Сиреневый, сапфировый и пудрово-синий
Вместе насыщенный сиреневый и нежный пудровый синий этой цветовой комбинации вопят о женственности. Яркий сапфир добавляет второй слой современного шика.
12. Синий, бордовый и индиго
В качестве основного цвета этой цветовой схемы синий передает доверие и ответственность. По мере того, как градиент движется в сторону индиго и бордового, мы испытываем передовую страсть.
13. Малина и оттенки синего
Подобно палитре выше, доверчивый синий образует основу этой комбинации, в то время как розовато-пурпурное добавление малины добавляет роскошную женственность.
14. Глубокий сосново-зеленый, оранжевый и светло-персиковый
Как один из наименее используемых фирменных цветов, оранжевый действительно выделяется в толпе. Этот цвет бодрит и оживляет. Светлый персик добавляет немного молодости, а глубокие сосново-зеленые акценты придают тепло и естественный комфорт.
15. Морская пена, лосось и флот
Идеальная пляжная палитра. Это пастельное сочетание морской пены, лосося и морского флота демонстрирует всеми любимые прибрежные цвета и вызывает умиротворение и тепло, которое исходит от дня в океане.
16. Руж, зеленый и пурпурный
Яркая женственность, богатая роскошь и акцент смелой жизни. Эта блестящая комбинация объединяет всего три простых цвета и оживляет любой простой черно-белый дизайн.
17. Чирок, коралл, бирюза и серый
Эта бесплатная комбинация сочетает миролюбие сине-зеленых с небольшими всплесками коралловой страсти. Элегантный серый завершает палитру.
18. Фуксия, сепия, ярко-розовый и темно-фиолетовый
Яркое тепло оживляет золотой часовой закат в этой потрясающей комбинации. Три оттенка разного розового и фиолетового вызывают роскошь, а сепия добавляет винтажного дружелюбия.
19. Светло-розовый, шалфей, голубой и виноград
Еще одна красивая тропическая палитра: эти четыре цвета напоминают о лучшем из пляжной жизни. Их пастельные оттенки сохраняют их молодость, современность и беззаботность.
20. Бежевый, черно-коричневый и желто-коричневый
Три оттенка в семействе коричневых цветов объединяются в винтажную палитру, классическую и серьезную, а также теплую и прием.
21. Сепия, чирок, беж и шалфей
Идеально подходящий для пищевых продуктов или ресторанов, эта органическая цветовая схема сочетает в себе четыре пастельных оттенка земли, чтобы подчеркнуть природу и окружающую среду.
22. Желто-зеленый, оливковый и лесной зеленый
Эти три оттенка зеленого цвета являются идеальной палитрой для этого мятно-лаймового напитка. Вместе они объединяются в блестящую смесь волнения и молодости.
23. Фуксия, желтый и пурпурный
Модерн: чек. Янг: проверить. Жирный: проверить, проверить, проверить. Это динамическое сочетание цветов не должно усердно работать, чтобы произвести первое впечатление.
24. Горчица, шалфей и зеленый лес
25. Бежевый, шифер и хаки
Два дополнительных оттенка коричневого постного мужского. Акцент цвета хаки добавляет нотку элегантности и зрелости.
26. Бирюзовый и фиолетовый
Холодные тона не обязательно должны означать приглушенные тона. Это сочетание бирюзового и фиолетового цветов создает контрастную волну восторга.
27. Светло-розовый, зеленый и морской пены
Триада мягких оттенков: эта комбинация сочетает натуральный зеленый и синий с женским, розовым акцентом для ощущения безмятежности, тепло и роскошь.
28. Алый, светло-оливковый и светло-бирюзовый
Эта комбинация чрезвычайно умиротворяет основные цвета, в ней добавлено много серого, чтобы сохранить индивидуальность палитры серьезной и таинственной.
29. Красный, желтый, голубой и ярко-фиолетовый
Эта палитра — вечеринка! С основными цветами, удобными для детей, вы получаете комбинацию, которая полна радости, молодости и оптимизма.
30. Оливковое, бежевое и коричневое
Прекрасное сочетание коричневого цвета предлагает серьезный профессионализм. Оливка предлагает намек на природу. Вместе это цветовая схема, которая передает обоснованную зрелость.
31. Оттенки синего и зеленого
Наполненная яркими естественными цветами, эта прохладно-тонированная комбинация по-прежнему способна передать ощущение движения и жизни благодаря высокому контрасту.
32. Бирюзовый, горчичный и черный
Это классическое сочетание холодного и теплого тона вызывает спокойствие и бодрость. Черный добавляет смелый, современный акцент.
33. Персик, лосось и чирок
Лосось и персик — два оттенка, которые идеально дополняют друг друга. Бирюзовый акцент обеспечивает второй слой глубины.
Создайте свой бренд с помощью летающих цветовых комбинаций
—
От теории цвета до классических комбинаций, мы рассмотрели великолепные цветовые схемы со всего спектра. Правильная цветовая палитра, будь то гладкая и простая, либо резкая, и эклектичная, будет поддерживать ваш бренд всеми возможными способами, повышая его узнаваемость и значимость.
Давай, погони за радугой.
| Название цветов HTML | Сочетание цветов html | Цвета HTML | Название цветов HTML | Сочетание цветов html | Цвета HTML | |
|---|---|---|---|---|---|---|
| Кармин | #960018 | Желто-зеленый | #adff2f | |||
| Кардинал | #c41e3a | Салатовый | #99ff99 | |||
| Тициановый | #d53e07 | Зеленой мяты | #98ff98 | |||
| Красный | #ff0000 | Зеленого чая | #d0f0c0 | |||
| Алый | #ff2400 | Темного зеленого чая | #badbad | |||
| Карминово-красный | #ff0033 | Зеленого мха | #addfad | |||
| Киноварь | #ff4d00 | Серо-зеленый | #ace1af | |||
| Международный оранжевый | #ff4f00 | Бледно-зеленый | #77dd77 | |||
| Ализариновый | #e32636 | Зелено-морской | #2e8b57 | |||
| Малиновый | #dc143c | Темно-зеленый | #013220 | |||
| Каштановый | #cd5c5c | Красного моря | #1f4037 | |||
| Темно-коралловый | #cd5b45 | Темный весенне-зеленый | #177245 | |||
| Морковный | #f36223 | Нефритовый | #00a86b | |||
| Сиена жженая | #e97451 | Изумрудный | #50c878 | |||
| Коралловый | #ff7f50 | Темный пастельно-зеленый | #03c03c | |||
| Лососевый | #ff8c69 | Малахитовый | #0bda51 | |||
| Темно-лососевый | #e9967a | Весенне-зеленый | #00ff7f | |||
| Оранжево-розовый | #ff9966 | Аквамариновый | #7fffd4 | |||
| Сомон | #efaf8c | Панг | #c7fcec | |||
| Розовый | #ffc0cb | Лягушки в обмороке | #7b917b | |||
| Бледно-розовый | #fadadd | Маренго | #4c5866 | |||
| Розовато-лавандовый | #fff0f5 | Серой спаржи | #465945 | |||
| Бледно-песочный | #fdeaa8 | Аспидно-серый | #2f4f4f | |||
| Циннвальдитовый | #ebc2af | Темно-бирюзовый | #116062 | |||
| Бледно-коричневый | #987654 | Мурена | #1c6b72 | |||
| Темно-каштановый | #986960 | Зеленой сосны | #01796f | |||
| Красновато-коричневый | #755a57 | Cине-зеленый | #008080 | |||
| Кофейный | #442d25 | Яйца дрозда | #00cccc | |||
| Бистр | #3d2b1f | Бирюзовый | #30d5c8 | |||
| Темно-коричневый | #654321 | Ярко-бирюзовый | #08e8de | |||
| Коричный | #7b3f00 | Циан | #00ffff | |||
| Медвежьего ушка | #834d18 | Электрик | #7df9ff | |||
| Сепия | #704214 | Бледно-синий | #afeeee | |||
| Умбра | #734a12 | Серебристый | #c0c0c0 | |||
| Кирпичный | #884535 | Светло-серый | #bbbbbb | |||
| Терракотовый | #904d30 | Кварцевый | #99958c | |||
| Коричневый | #964b00 | Серого шифера | #708090 | |||
| Камелопардовый | #a25f2a | Серый | #808080 | |||
| Краснобуро-оранжевый | #cd5700 | Мокрого асфальта | #505050 | |||
| Выгоревший оранжевый | #cc5500 | Антрацитовый | #464451 | |||
| Шоколадный | #d2691e | Черный | #000000 | |||
| Охра | #cc7722 | Берлинской лазури | #003153 | |||
| Медный | #b87333 | Сапфировый | #082567 | |||
| Светло-коричневый | #cd853f | Полуночно-синий | #003366 | |||
| Ванильный | #d5713f | Темно-синий | #000080 | |||
| Рыжий | #d77d31 | Ультрамариновый | #120a8f | |||
| Бронзовый | #cd7f32 | Синей пыли | #003399 | |||
| Темно-золотой | #b8860b | Темно-лазурный | #08457e | |||
| Золотисто-березовый | #daa520 | Черного моря | #1a4780 | |||
| Гуммигут | #e49b0f | Синий | #0000ff | |||
| Сиена | #e28b00 | Кобальтовый | #0047ab | |||
| Темно-мандариновый | #ea7500 | Лазурно-синий | #2a52be | |||
| Тыквенный | #ff7518 | Джинсовый | #1560bd | |||
| Последний вздох Жако | #ff9218 | Королевский синий | #4169e1 | |||
| Мандариновый | #ff8800 | Лазурно-серый | #007ba7 | |||
| Сигнальный оранжевый | #ff9900 | Синий Клейна | #3a75c4 | |||
| Оранжевый | #ffa500 | Синей стали | #4682b4 | |||
| Отборный желтый | #ffba00 | Воды пляжа Бонди | #0095b6 | |||
| Янтарный | #ffbf00 | Лазурный | #007fff | |||
| Яндекса | #ffcc00 | Морской волны | #008cf0 | |||
| Желтого школьного автобуса | #ffd800 | Защитно-синий | #1e90ff | |||
| Золотистый | #ffd700 | Голубой | #42aaff | |||
| Горчичный | #ffdb58 | Васильковый | #6495ed | |||
| Песочный | #fcdd76 | Сизый | #79a0c1 | |||
| Кожи буйвола | #f0dc82 | Ниагара | #9db1cc | |||
| Старого льна | #eedc82 | Небесный | #7fc7ff | |||
| Оранжево-персиковый | #ffcc99 | Бледно-васильковый | #abcdef | |||
| Белый навахо | #ffdead | Барвинковый | #ccccff | |||
| Темно-персиковый | #ffdab9 | Гридеперлевый | #c7d0cc | |||
| Желто-персиковый | #fadfad | Бороды Абдель-Керима | #d5d5d5 | |||
| Пшеничный | #f5deb3 | Лавандовый | #e6e6fa | |||
| Персиковый | #ffe5b4 | Чертополоховый | #d8bfd8 | |||
| Желто-розовый | #ffe4b2 | Сиреневый | #c8a2c8 | |||
| Побега папайи | #ffefd5 | Глициниевый | #c9a0dc | |||
| Морской пены | #fff5ee | Аметистовый | #9966cc | |||
| Белый | #ffffff | Серобуромалиновый | #735184 | |||
| Бежевый | #f5f5dc | Фиолетовый | #8b00ff | |||
| Льняной | #faf0e6 | Персидский синий | #6600ff | |||
| Бедра испуганной нимфы | #faeedd | Темно-фиолетовый | #423189 | |||
| Сливочный | #f2e8c9 | Темный индиго | #310062 | |||
| Пергидрольной блондинки | #eee6a3 | Индиго | #4b0082 | |||
| Желто-коричневый | #d2b48c | Темно-пурпурный | #660099 | |||
| Шамуа | #a08040 | Сливовый | #660066 | |||
| Темный желто-коричневый | #918151 | Фиолетово-баклажанный | #991199 | |||
| Хаки | #806b2a | Орхидеевый | #da70d6 | |||
| Темный хаки | #4c3c18 | Гелиотроповый | #df73ff | |||
| Оливковый | #808000 | Фиалковый | #ea8df7 | |||
| Нежно-оливковый | #6b8e23 | Бледно-пурпурный | #f984e5 | |||
| Латунный | #b5a642 | Фуксии | #f754e1 | |||
| Темно-грушевый | #d8a903 | Звезды в шоке | #ff47ca | |||
| Старого золота | #cfb53b | Пурпурный | #ff00ff | |||
| Шафрановый | #f4c430 | Ярко-розовый | #fc0fc0 | |||
| Грушевый | #efd334 | Ярко-фиолетовый | #cd00cd | |||
| Желтый | #ffff00 | Баклажановый | #990066 | |||
| Лимонный | #fde910 | Вишневый | #911e42 | |||
| Детской неожиданности | #f7f21a | Розовато-лиловый | #993366 | |||
| Кукурузный | #fbec5d | Фиолетово-красный | #c71585 | |||
| Вердепешевый | #dad871 | Светло-вишневый | #de3163 | |||
| Лимонно-кремовый | #fffacd | Темно-розовый | #e75480 | |||
| Слоновой кости | #fffddf | Лиловый | #db7093 | |||
| Кремовый | #f2ddc6 | Бледно-каштановый | #ddadaf | |||
| Серого зеленого чая | #cadaba | Пюсовый | #cc8899 | |||
| Болотный | #acb78e | Розовый Маунтбэттена | #997a8d | |||
| Cпаржи | #7ba05b | Бледный розовато-лиловый | #996666 | |||
| Защитный | #78866b | Умбра жженая | #8a3324 | |||
| Темно-оливковый | #556832 | Блошиного брюшка | #4e1609 | |||
| Зеленого папоротника | #4f7942 | Бурый | #45161c | |||
| Травяной | #5da130 | Темно-алый | #560319 | |||
| Влюбленной жабы | #3caa3c | Бургундский | #900020 | |||
| Вердепомовый | #34c924 | Коричнево-малиновый | #800000 | |||
| Зеленый | #00ff00 | Сангиновый | #92000a | |||
| Ярко-зеленый | #66ff00 | Бисмарк-фуриозо | #a5260a | |||
| Ядовито-зеленый | #7fff00 | Бордовый | #9b2d30 | |||
| Лаймовый | #ccff00 | Бледно-карминный | #af4035 | |||
| Фисташковый | #bef574 | Ржаво-коричневый | #b7410e |
Правильные сочетания и подбор цвета для сайта: рекомендации для новичков
80% всей информации из внешнего мира мы воспринимаем с помощью зрения. При виде какого-либо объекта, оценке его внешнего вида, формы и цвета мы создаем первое впечатление о нем. Человек может за доли секунды понять, что хочет купить товар только потому что ему нравится его цвет, их красивое сочетание, выбранная палитра. Согласитесь, вряд ли вы решитесь купить желто-зеленые брюки в красный горох и пойти в них на важное совещание, ведь цвета абсолютно не сочетаются и вы будете выглядеть, мягко говоря, нелепо.
Аналогичное восприятие цвета происходит у пользователя при виде сайта. Дизайн ресурса — первое, что бросается в глаза человеку, а его цвет — первое, что оценивается. Моментально подсознательно пользователь принимает решение останется ли он на странице или закроет ее, нравится ли ему цвета сайта, вызывают ли они у него приятные и правильные ассоциации или же, наоборот, отталкивают и формируют негативные эмоции.
Именно поэтому важно знать какие цвета подобрать для вашего сайта, как их комбинировать, чтобы формировать у пользователя правильные ассоциации и впечатления — те, которые станут мотиватором к просмотру сайта и дальнейшим целевым действиям.
В этой статье мы расскажем как работать с цветовой палитрой, как подбирать цветовое решение в веб-дизайне, а также подскажем какими сервисами можно воспользоваться, если вы — новичок в этом вопросе.
Зависимость цвета сайта и его стиля от ЦА
Выбор стиля сайта с точки зрения его цветового исполнения должен напрямую зависеть от целевой аудитории, ее возрастной категории, рода занятий, предпочтений и интересов. Представьте ситуацию. Сайт продает новые марки автомобилей. Соответственно, целевая аудитория у него — состоятельные мужчины возрастом от 35 лет. А теперь подумайте, захочет ли посетитель вашего сайта просмотреть предложения, если сайт будет исполнен в розовом цвете? Очень сомнительно. В данном случае ресурс и сама компания-продавец будет восприниматься несерьезно, отсюда и будет сформирована репутация компании. Вот вам яркий пример сайта по продаже вязаных изделий, где ЦА, в основном, женщины. Не впечатляет, правда?
Суть ясна — сочетание цветов на сайте должно соответствовать ЦА. Следовательно, перед тем, как окончательно выбрать цветовое решение, необходимо детально изучить своего потенциального покупателя.
Цветовая гамма для сайта: как выбрать?
Мы уже определились с тем, что цвета сайта должны соответствовать целевой аудитории. Теперь поговорим о том какую конкретно цветовую гамму следует выбрать для каждой группы и как это сделать.
Принцип выбора цветовой палитры в соответствии с ЦА
Если говорит обобщенно о цветовых решениях, то рекомендуем опираться на следующие рекомендации:
- Для сайтов на детскую тематику лучшие цвета для сайта — яркие, контрастные и позитивные;
- Для ресурсов, где ЦА — девушки и женщины — нежные, светлые;
- Для сайтов, где целевая аудитория — мужчины — темные или нейтральные.
Конечно, каждый нюанс нужно продумывать. Если у сайта целевая аудитория и мужчины, и женщины (например, компания продает товары общего потребления), то в таких случаях следует опираться на нейтральность. Не малое значение имеет и фирменный стиль компании. Если он уже существует и укреплен на рынке (например, логотип или бренд всем знаком), то преобладающими цветами на сайте должны быть «фирменные». Но, все же, о правилах контрастности и мотивации к действию с помощью цвета забывать не стоит.
Сочетание цветов для сайта
На самом деле процесс выбора сочетающихся между собой цветов не такой уж и сложный. Главное, придерживаться принципа простоты — не использоваться более 3-4 разных цветов, подбирать сочетающиеся между собой оттенки. В этом случае поможет цветовое кольцо, созданное Ньютоном еще в начале 18 века. Конечно, этот пример уже устаревший, так как дизайнерам и архитекторам представлена возможность выбирать среди тысячи оттенков с помощью специальных сервисов в режиме онлайн, о которых мы расскажем дальше.
С момента его появления художники и ученые развили идею, создав широкое разнообразие оттенков. Изначально идея была такова, что существует только три основного цвета: синий, красный и желтый. При смешивании двух цветов появлялся оттенок. При смешивании оттенка с основным цветом, появлялся новый оттенок. С помощью сочетаний оттенков в разных пропорциях насыщенности, появился современный круг цветовой палитры. Благодаря этому кругу можно выбирать основные и дополнительные цвета, используя различные методы совмещения, воздействуя тем самым на правильное восприятие сайта пользователем.
При группировке цветов можно создавать собственные оттенки, используя инструмент насыщенности и светосилы. Насыщенность отвечает за чистоту выбранного тона (чем больше его насыщенность, тем меньше вхождение серого цвета в него), а светосила за яркость.
Цветовые контрасты
У каждого цвета есть свой противоположный цвет. Оттенками, контрастными основному выбранному цвету, чаще всего делают акценты на сайте — выделяют триггеры, заголовки, подзаголовки, текст. Контрастные цвета привлекают внимание человека и создают своеобразную мотивацию к действию. Определить два цвета, контрастные друг другу, очень легко. Для этого нужно выбрать один цвет из круга и провести линию к другому, расположенному на противоположной стороне.
Создавать контрасты цветов можно несколькими способами.
Цветовые тоны
Использование высококонтрастных цветов (например, черного и белого, синего и желтого) создает оптимальный акцент. Это практичный и эффективный метод выделять самую важную информацию.
Светлота тона
При выборе контрастных цветов не обязательно использовать классические варианты. Использование более светлого и более темного оттенка одного цвета создаст гармоничную композию, позволив выделить необходимые части дизайна.
Температура тона
Все существующие цвета можно разделить на три группы с точки зрения температуры: теплые (красный, оранжевый, желтый), холодные (зеленый, синий) и нейтральные (черный, белый). Использование нескольких тонов, различных по температуре (например, красный и белый) позволит создать достаточно динамический, но логически комбинированный контраст.
Интенсивность цвета
Чем меньше в цвете серого, тем он более насыщенный. Применение менее интенсивных цветов в качестве фоновых с акцентами из более насыщенных создают идеальный тандем. При этом более насыщенные цвета привлекают внимание в первую очередь — отличный способ создать акцент на триггере.
Цветовое распространение
Комбинация ярких вставок на нейтральном фоне создает очень привлекательный дизайн сайта. Лаконичное внедрение контрастных оттенков создают очень эффективные акценты, от которых невозможно отвести взгляд.
Как воспринимается цветовая палитра сайта пользователем?
Каждый цвет вызывает определенные ассоциации у человека. Тон или оттенок может вызвать как положительное восприятие сайта, так и отрицательное. Поэтому при подборе палитры, очень важно знать и понимать какие чувства могут они вызвать у вашего пользователя.
Перед тем, как мы интерпретируем восприятие основных цветов человеком, стоит сказать, что в зависимости от темперамента и настроения пользователя зависит его восприятие сайта. Немалое значение имеет место проживание человека. Например, православный человек может ассоциировать бежевый цвет с предельной простотой, а человек, следующий буддизму, с элегантностью и спокойствием. Мы же опишем наиболее распространенные ассоциации с цветом, присущие западной культуре.
Красный
Эмоции: страсть, любовь или опасение, важность.
Самым стимулирующим и привлекающим к себе внимание считается красный. Именно его чаще всего используют дизайнеры для выделения конверсионных элементов: лидогенерирующих кнопок, форм призыва к действию и т.д.
Но не забывайте, что красный — эмоциональный цвет. Поэтому не стоит им увлекаться. Использовать этот цвет в качестве основного следует только в тех случаях, когда пользователя необходимо предупредить. В остальном, он должен оставаться лишь акцентом, к которому хочется привлечь внимание.
Оранжевый
Эмоции: позитив, дружелюбие, движение, энергия, молодость.
Как самый теплый оттенок красной палитры, оранжевый может вызывать большой ассоциативный ряд. Однако все ассоциации будут положительные. Если взять оранжевый в качестве основного фона, то он создаст ощущение «молодежности» и вызовет положительные впечатления. Вот яркий пример тому.
Так как оранжевый — яркий цвет, его можно задействовать в качестве акцентов. Он справится со своей задачей не хуже, чем красный.
Желтый
Эмоции: радость, счастье, энтузиазм.
Желтый вызывает бодрость и добавляет энергии сайту. Его восприятие можно сравнить с красным, но ассоциации будут несколько мягче. Следовательно, и сайт будет восприниматься пользователем по-другому. Желтый — цвет солнца и детства, но, в зависимости от тематики сайта, может играть отнюдь не детскую роль. Наоборот, он позволит показать потребителю, что такой сайт принадлежит профессионалам. Судите сами, этот пример показывает как яркий и позитивный цвет вызывает доверие к компании.
Зеленый
Эмоции: спокойствие, благополучие, рост, стабильность.
Зеленый цвет находится между синим (расслабляющим цветом) и желтым (цветом энергии), а значит создает идеальный баланс. В зависимости от насыщенности оттенка, цвет может восприниматься по-разному. Например, самые светлые оттенки скажут о легкости, а насыщенные, наоборот, создадут тяжелую атмосферу. Вместе с тем, на примере мы видим как насыщенный зеленый создает ощущение престижности.
Синий
Эмоции: спокойствие, открытость, безопасность.
В зависимости от насыщенности цвета, его можно воспринимать по-разному. Например, как знак доверия, используются светлые тона (обратите внимание, социальные сети Твиттер, ВКонтакте и Facebook используют именно светло-синий цвет). Темно-синие оттенки создают ощущение надежности. В этом примере сайт компании идеально отображает и профессионализм, и надежность. Синий цвет смотрится богато и роскошно.
Фиолетовый
Эмоции: богатство, помпезность, роскошь или тайна, мистика.
Испокон веков фиолетовый считался цветом богатства, ассоциировался с королевством и роскошью. Светлые тона (пурпурный, лиловый) создают чувства помпезности, стиля.
Темные цвета на сайте навевают романтику и таинственность.
Белый
Эмоции: добро, чистота, доступность.
Белый цвет считается нейтральным и часто используется в качестве основного фона. Он сочетается с любыми темными тонами и позволяет с их помощью делать акценты.
Белый цвет создает эффект минимализма, но, вместе с тем, делает сайт стильным. На сегодняшний день подобное решение — самое модное и трендовое.
Черный
Эмоции: изысканность, власть.
Черный ассоциируется с величием, доминантностью. Нередко крупные компании прибегают к использованию черного в качестве основного фона. Он прекрасно сочетается со всеми светлыми и пастельными тонами, создавая с их помощью акценты. Черный, как и белый, может сказать о минимализме, но, вместе с тем, вызывать исключительно положительные эмоции. Вот яркий пример тому, как сайт автомобилей Роллс Ройс создает неуклонное впечатление роскоши при абсолютном минимализме.
Однако стоит понимать, что с черным цветом в дизайне следует быть осторожным. Очень важно не переусердствовать, чтобы из роскошного цветового оформления сайт не превратился в траурный, вызывая негативные эмоции у посетителя.
Как выбрать цвет для сайта: определяемся между основным, вторичным и фоновым
Выбирая цветовую палитру для своего сайта, подбирайте каждый цвет поэтапно:
- Для начала следует определить основной цвет. Этот цвет, как правило, используется в большей мере, им могут выделяться основные заголовки или важная информация;
- Выбираем вторичный цвет — цвет, которым будет выделяться второстепенная по важности информация;
- Акцентирующий цвет — самый важный инструмент для привлечения внимания посетителя. Он должен быть контрастным, выделяющемся и на основном, и на фоновом цвете;
- Фоновый — цвет, который преобладает на сайте, заполняя свободное пространство. Должен взаимодействовать со всеми выбранными оттенками, не привлекать на себя внимание.
Рассмотрим на примере использование всех цветов
В качестве основного цвета выбран белый. Как видим, белым цветом выделены названия категорий, заголовок и другая информация. Вторичным цветом стал голубой, акцентирующим — красный, фоновым — коричневый. Несмотря на то, что коричневый — достаточно тяжелый для восприятия цвет, в данном случае он уместен. Став «невидимым», он не привлекает к себе внимания, лишь подчеркивая остальные выбранные цвета. Таким образом, информация воспринимается сразу, и лишь акценты красного не позволяют отвлечься.
Лучшие цветовые схемы для сайта: несколько примеров для вашего вдохновения
Рассмотрим на нескольких примерах цветовые схемы сайтов, которые создают правильные впечатления у своей целевой аудитории.
Пример 1
Простая и эффективная схема, которая складывает впечатление высокого интеллекта. В качестве основного цвета взят черный, акцентирующего — белый, фонового — желтый. Отличное сочетание цветов, которое повышает читабельность и восприятие информации.
Пример 2
Нежные, пастельные тона позволяют выделять акценты на предложениях. Универсальное решение для целевой аудитории, в которую входят и мужчины, и женщины любой возрастной категории. Цвета дизайна навевают спокойствие и умиротворение, но, в то же время, подталкивают к действию с помощью более контрастных штрихов.
Пример 3
Несмотря на то, что серый — достаточно унылый цвет, в умелых руках он может стать эффективным инструментом. Как видно на примере, светлый серый прекрасно сочетается со всеми цветами разной теплоты и тонов, собирая их воедино и создавая единую логичную картину.
Пример 4
Пример того, как белый, несмотря на свою нейтральность, создает ощущение высокого стиля. Каждый цветной элемент привлекает внимание, рассказывает о творчестве и вдохновении. Минималистский фон в сочетании с крутой цветной графикой создают великолепный тандем.
Пример 5
Черный цвет никогда не выйдет из моды, это классика. Обратите внимание, как сочетание всего двух цветов способны раскрыть полную картинку сайта. Использование метода контрастных пятен (в роли которых использованы фотографии) создается впечатление роскоши. Здесь нет ничего лишнего, абсолютный минимализм. Но, вместе с тем, сайт вызывает положительные ассоциации.
Популярные сервисы для подбора цветовой палитры сайта
Мы собрали для вас 4 самых популярных сервиса, с помощью которых вам удастся правильно подобрать цветовую палитру вашего ресурса.
Colorscheme
В режиме онлайн в цветовом круге можно подобрать или генерировать один или несколько вариантов сочетания цветов. Сервис позволяет сочетать цвета по дополнению друг друга и контрастам, предоставляет возможность «прикинуть» как выбранная палитра будет смотреться на сайте (с помощью шаблона), а также посмотреть как будут видеть палитру пользователи с различным отклонениями в восприятии цвета.
In Color Balance
Сервис вобрал в себя все возможные сочетания цветов и демонстрирует их примеры. Можно сортировать примеру по холодным и теплым тонам, выбирать их по определенным цветам, а также по контрастности.
Design Palette
Очень удобный сервис для подбора сочетающихся между собой цветов. Просто выбираете один или несколько цветов, которые хотите видеть в дизайне своего сайта, и сервис автоматически подбирает оттенки, подходящие к вашему выбору, с указанием их кодов. Также вы можете посмотреть готовый шаблон сайта, где демонстрируется выбранная палитра.
Paletton
Простое управление позволяет быстро найти лучшее для себя цветовое решение. Просто выбирайте основной цвет и двигайтесь по цветовому кругу в выборе дополнительных.
Какой должна быть палитра цветов для сайта?
К выбору цветовой палитры для сайта следует подходить очень серьезно. Не стоит опираться на собственные желания. Думайте о своей целевой аудитории, с помощью цветов сочетайте их потребности со своим предложением. Используйте контрастные цвета для создания читабельного текстового содержимого, применяйте яркие и контрастные цвета, если необходимо привлечь внимание потенциального клиента. Не используйте одновременно много цветов и подбирайте сочетающиеся между собой оттенки. При затруднении в выборе гармоничной палитры, обращайтесь к специальным сервисам или просматривайте оформление дизайнов сайтов для новых и свежих идей. Не игнорируйте наши рекомендации и не забывайте о том, что цветовая схема вашего интернет-сайта создает общее настроение подачи ресурса, и, как следствие, влияет на конверсию, продажи и вашу прибыль.
Понравилась статья? Ставьте лайки и подписывайтесь на наш блог!
Следующий проект:17 примеров лучших сайтов ресторанов и кафеПредыдущий проект:Правильная структура веб сайта под SEO: примеры, виды и 15+ рекомендации по разработке структурыПримеры идеального сочетания цветов в веб — дизайне
Приветствую Вас, дорогие читатели блога. Сегодня хотелось бы представить необычный пост, а именно сайты, с идеально подобранным сочетанием цветов.
Безусловно, что цвет это один из самых важных элементов в оформлении сайта. Подбирать их нужно тщательно и не спеша, потому что он способен влиять на человека как осознано, так и не осознано, психологически.
Вот по этому представляю Вам данную подборку, так сказать, для вдохновения. Здесь идеальное сочетание веб цветов, такие сайты хочется посещать опять и опять.
И конечно же тут присутствуют коды цветов, которые доминируют на каждом сайте. Наслаждайтесь друзья.
- #DC3D24
- #232B2B
- #FFFFFF
- #E3AE57
- #221E1D
- #ECEAE0
- #63AA9C
- #E9633B
- #AC2832
- #000000
- #DFD297
- #FFFFFF
- #F2EFE4
- #CB8C1D
- #4C3327
- #BD3632
www.atticuspetdesign.com
- #B94629
- #E3DEC1
- #E89F65
- #47AFAF
www.redbowlchallenge.org
- #FFD500
- #FFFFFF
- #38300A
- #E9C92D
- #000000
- #E4DBBF
- #DC5B21
- #70AB8F
- #383127
- #191919
- #DFE2DB
- #FFF056
- #FFFFFF
- #2B2B2B
- #DE1B1B
- #F6F6F6
- #E9E581
- #00ACE9
- #D43F3F
- #6A9A1F
- #F6F6E8
- #404040
www.halfofus.com.au
- #8A0651
- #FFFFFF
- #000000
- #424242
- #99CD4E
- #FFFFFF
- #343434
- #E1E1E1
- #222222
- #D11250
- #DB5800
- #006899
- #008F68
- #BDBAB4
- #FF6766
- #97CE68
- #6BCBCA
- #FF9900
Цвета HTML Color схемы
Цвета HTML Color схемы HTML5CSS.ruЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
Цветовые схемы представляют собой логические сочетания цветов на цветном колесе.
Цель цветовой гаммы – создать эстетическое чувство стиля и привлекательности.
Ахроматические цветовые схемы
Черный текст на белом фоне.
Белый текст на черном фоне.
Черно-белая ахроматические цветовая схема является цветовой схемой по умолчанию для веб-страницы.
Белизна на черноте ахроматические цветовая схема часто предпочитаема для более малых приспособлений.
Белизна на черноте требует меньше энергии (улучшает жизнь батареи) на большинств технологиях дисплея.
Монохромные цветовые схемы
Монохромные цветовые схемы легко создавать, потому что они используют только один цвет.
Монохромные схемы используют разные тона от одного и того же угла на цветном колесе (тот же оттенок).
Экспериментируйте и изучайте больше, используя наш генератор монохромной цветовой схемы.
Аналогичные цветовые схемы
Аналогичные цветовые схемы также легко создавать.
Аналогичные цветовые схемы создаются с помощью цветов, которые находятся рядом друг с другом на цветовом колесе.
Экспериментируйте и изучайте больше, используя аналогичный генератор цветовой схемы.
Дополнительные цветовые схемы
Дополнительные схемы создаются путем комбинирования цветов с противоположных сторон цветового колеса.
Экспериментируйте и изучайте больше, используя наш генератор цветовых схем.
Триада
Триадные схемы составлены из оттенков, одинаково разместных вокруг цветового колеса.
Экспериментируйте и изучайте больше, используя наш генератор триадной цветовой схемы.
Соединение (ака Сплит комплементарной) цветовая схема
Составные схемы почти такие же, как и взаимодополняющие схемы.
Вместо того, чтобы использовать цвета, которые являются противоположными, он использует цвета с обеих сторон противоположного оттенка.
Поэкспериментируйте и Узнайте больше, используя комбинированный генератор цветовой схемы.
PHP\CSS\JS\HMTL Editor
| Код | цвет |
|---|---|
| #000000 | черный |
| # 0C090A | Ночь |
| # 2C3539 | темно-серый цвет |
| # 2B1B17 | полуночный |
| # 34282C | Древесный уголь |
| # 25383C | Темный шифер серый |
| # 3B3131 | масло |
| #413839 | Черная кошка |
| # 3D3C3A | Iridii |
| # 463E3F | Черный угорь |
| # 4C4646 | Черная корова |
| # 504A4B | Серый волк |
| #565051 | Сердце вампиров |
| # 5C5858 | Серый дельфин |
| # 625D5D | Углеродный серый |
| #666362 | Ясень |
| # 6D6968 | Облачно серый |
| # 726E6D | Дымчатый серый |
| # 736F6E | Серый |
| # 837E7C | гранит |
| #848482 | Броненосец Серый |
| # B6B6B4 | Серый облако |
| # D1D0CE | Серый гусь |
| # Скорость4E2 | платиновый |
| # BCC6CC | Металлический серебристый |
| # 98AFC7 | Серо-голубой |
| # 6D7B8D | Светлый серый шифер |
| #657383 | Шифер серый |
| # 616D7E | Jet Grey |
| # 646D7E | Mist Blue |
| # 566D7E | Мраморный синий |
| # 737CA1 | Шифер Синий |
| # 4863A0 | Стальной синий |
| # 2B547E | Голубая сойка |
| # 2B3856 | Темный шифер Синий |
| # 151B54 | Темно-синий |
| #000080 | Темно-синий |
| # 342D7E | Синий кит |
| # 15317E | Ляпис синий |
| # 151B8D | Джинсовая темно-синяя |
| # 0000A0 | Земля Синий |
| # 0020C2 | Синий кобальт |
| # 0041C2 | Голубика голубая |
| # 2554C7 | Сапфирово-синий |
| # 1569C7 | Голубые глаза |
| # 2B60DE | Королевский синий |
| # 1F45FC | Голубая орхидея |
| # 6960EC | Голубой Лотос |
| # 736AFF | Световой шифер синий |
| # 357EC7 | Windows Blue |
| # 368BC1 | Ледяной синий лед |
| # 488AC7 | Синий Синий |
| # 3090C7 | Голубой плющ |
| # 659EC7 | Синий кои |
| # 87AFC7 | Columbia Blue |
| # 95B9C7 | Голубые |
| # 728FCE | Легкий стальной синий |
| # 2B65EC | Синий океан |
| # 306EFF | Голубая лента |
| # 157DEC | Голубое платье |
| # 1589FF | Dodger Blue |
| # 6495ED | Васильковый |
| # 6698FF | Голубое небо |
| # 38ACEC | Бабочка Blue |
| # 56A5EC | айсберг |
| # 5CB3FF | Кристально синий |
| # 3BB9FF | Глубокий небесно-голубой |
| # 79BAEC | Джинсовый синий |
| # 82CAFA | Светло-голубой |
| # 82CAFF | День Голубого |
| # A0CFEC | Джинсы синие |
| # B7CEEC | Голубой ангел |
| # B4CFEC | Пастель Синий |
| # C2DFFF | Синее море |
| # C6DEFF | Порошок синий |
| #AFDCEC | Коралловый синий |
| #ADDFFF | Светло-синий |
| #BDEDFF | Робин Яйцо Синий |
| #CFECEC | Бледно-голубая лилия |
| # E0FFFF | Светлый голубой |
| # EBF4FA | вода |
| # F0F8FF | AliceBlue |
| # F0FFFF | лазурь |
| #CCFFFF | Световой шифер |
| # 93FFE8 | Легкий аквамарин |
| # 9AFEFF | Электрический синий |
| # 7FFFD4 | Аквамарин |
| # 00FFFF | Голубой или Аква |
| # 7DFDFE | Трон Блю |
| # 57FEFF | Синий циркон |
| # 8EEBEC | Голубая лагуна |
| # 50EBEC | небесный |
| # 4EE2EC | Голубой бриллиант |
| # 81D8D0 | Тиффани Блю |
| # 92C7C7 | Cyan Opaque |
| # 77BFC7 | Голубая Хоста |
| # 78C7C7 | Северное сияние |
| # 48CCCD | Средняя бирюза |
| # 43C6DB | Бирюзовый |
| # 46C7C7 | медуза |
| # 7BCCB5 | Цвет морской волны |
| # 43BFC7 | Ара синий зеленый |
| # 3EA99F | Светло-зеленый |
| # 3B9C9C | Темный бирюзовый |
| # 438D80 | Морская черепаха зеленая |
| #348781 | Средний аквамарин |
| # 307D7E | Зеленый |
| # 5E7D7E | Сероватый бирюзовый |
| # 4C787E | Жук Зеленый |
| #008080 | чирок |
| # 4E8975 | Цвет морской волны |
| # 78866B | Камуфляж зеленый |
| # 848b79 | Зеленый шалфей |
| # 617C58 | Хейзел Грин |
| # 728C00 | Зеленый яд |
| # 667C26 | Папоротник зеленый |
| #254117 | Темный лес зеленый |
| #306754 | Средний морской зеленый |
| #347235 | Средний лес зеленый |
| # 437C17 | Морские водоросли |
| # 387C44 | Сосновый зеленый |
| # 347C2C | Джунгли Грин |
| # 347C17 | Shamrock Green |
| #348017 | Средний весенний зеленый |
| # 4E9258 | Зеленый лес |
| # 6AA121 | Зеленый лук |
| # 4AA02C | Весенний зеленый |
| # 41A317 | Лайм Грин |
| # 3EA055 | Зеленый клевер |
| # 6CBB3C | Зеленая змея |
| # 6CC417 | Чужой Грин |
| # 4CC417 | Зеленое яблоко |
| # 52D017 | Желто-зеленый |
| # 4CC552 | Келли зеленый |
| # 54C571 | Зомби-зеленый |
| # 99C68E | Лягушка зеленый |
| # 89C35C | Зеленый горошек |
| # 85BB65 | Доллар Билл Грин |
| # 8BB381 | Темное море |
| # 9CB071 | Игуана Грин |
| # B2C248 | Авокадо-зеленый |
| # 9DC209 | Фисташковый зеленый |
| # A1C935 | Зеленый салат |
| # 7FE817 | Колибри Зеленый |
| # 59E817 | Туманность Грин |
| # 57E964 | Стоп-сигнал Go Green |
| # 64E986 | Водоросли Зеленые |
| # 5EFB6E | Нефрит зеленый |
| # 00FF00 | зеленый |
| # 5FFB17 | Изумрудно-зеленый |
| # 87F717 | Зеленый газон |
| # 8AFB17 | картезианский монастырь |
| # 6AFB92 | Зеленый дракон |
| # 98FF98 | мятно-зеленый |
| # B5EAAA | Зеленый большой палец |
| # C3FDB8 | Легкий нефрит |
| # CCFB5D | Чай зеленый |
| # B1FB17 | Желто-зеленый |
| # BCE954 | Слизь зеленый |
| # EDDA74 | Goldenrod |
| # EDE275 | Урожайное золото |
| # FFE87C | Солнце |
| # FFFF00 | желтый |
| # FFF380 | Кукуруза желтая |
| # FFFFC2 | Пергамент |
| #FFFFCC | Крем |
| # FFF8C6 | Лимонный шифон |
| # FFF8DC | Кукурузные рыльца |
| # F5F5DC | Бежевый |
| # FBF6D9 | Блондинка |
| # FAEBD7 | AntiqueWhite |
| # F7E7CE | шампанское |
| #FFEBCD | BlanchedAlmond |
| # F3E5AB | ваниль |
| # ECE5B6 | Тан Браун |
| # FFE5B4 | персик |
| # FFDB58 | горчичный |
| # FFD801 | Резиновый Ducky Yellow |
| # FDD017 | Яркое золото |
| # EAC117 | золотисто-коричневый |
| # F2BB66 | Макароны с сыром |
| # FBB917 | шафран |
| # FBB117 | Пиво |
| # FFA62F | Мускусная дыня |
| # E9AB17 | Пчела Желтая |
| # E2A76F | Коричневый сахар |
| # DEB887 | BurlyWood |
| # FFCBA4 | Глубокий персик |
| # C9BE62 | Имбирь Браун |
| # E8A317 | Школьный автобус желтый |
| # EE9A4D | Сэнди Браун |
| # C8B560 | Падение листьев |
| # D4A017 | Оранжевое золото |
| # C2B280 | песок |
| # C7A317 | Коричневый Печенье |
| # C68E17 | карамель |
| # B5A642 | Латунь |
| # ADA96 в | Хаки |
| # C19A6B | Верблюд коричневый |
| # CD7F32 | бронза |
| # C88141 | Тигр Оранж |
| # C58917 | корица |
| # AF9B60 | Bullet Shell |
| # AF7817 | Темный Goldenrod |
| # B87333 | медь |
| # 966F33 | Дерево |
| #806517 | Дуб Браун |
| #827839 | мокасин |
| # 827B60 | Армия Браун |
| # 786D5F | песчаник |
| # 493D26 | кофе мокко |
| # 483C32 | темно-серый |
| # 6F4E37 | Кофе |
| # 835C3B | Бурый медведь |
| # 7F5217 | Красная грязь |
| # 7F462C | сепия |
| # C47451 | Оранжевый лосось |
| # C36241 | Ржавчина |
| # C35817 | Рыжая лиса |
| # C85A17 | Шоколад |
| # CC6600 | Sedona |
| # E56717 | Папайя апельсин |
| # E66C2C | Хэллоуин Оранж |
| # F87217 | Тыква оранжевый |
| # F87431 | Строительство Cone Orange |
| # E67451 | Восход Оранжевый |
| # FF8040 | Манго Оранж |
| # F88017 | Темный оранжевый |
| # FF7F50 | коралловый |
| # F88158 | Баскетбол Оранжевый |
| # F9966B | Легкий лосось |
| # E78A61 | мандарин |
| # E18B6B | Темный лосось |
| # E77471 | Светлый коралл |
| # F75D59 | Бин красный |
| # E55451 | Валентин Красный |
| # E55B3C | Шокирующий Оранжевый |
| # FF0000 | красный |
| # FF2400 | алый |
| # F62217 | Рубиново-красный |
| # F70D1A | Ferrari Red |
| # F62817 | Пожарная машина |
| # E42217 | Лава красный |
| # E41B17 | Любовь Красная |
| # DC381F | Грейпфрут |
| # C34A2C | Честнат красный |
| # C24641 | Черри красный |
| # C04000 | красное дерево |
| # C11B17 | Перец чили |
| # 9F000F | Клюква |
| #990012 | Красное вино |
| # 8C001A | Бургундия |
| #954535 | каштан |
| # 7E3517 | Кроваво красный |
| # 8A4117 | охра |
| # 7E3817 | сангрия |
| #800517 | огнеупорный кирпич |
| #810541 | каштановый |
| # 7D0541 | Сливочный пирог |
| # 7E354D | Бархатный мрамор |
| # 7D0552 | Слива бархат |
| # 7F4E52 | Розовый Финч |
| # 7F5A58 | красновато-коричневый |
| # 7F525D | Тусклый фиолетовый |
| # B38481 | Розовый Браун |
| # C5908E | Хаки Роуз |
| # C48189 | Розовый лук |
| # C48793 | Губная помада Розовая |
| # E8ADAA | Роза |
| # ECC5C0 | Розовое золото |
| # EDC9AF | Песок пустыни |
| # FDD7E4 | Свинья Розовый |
| #FCDFFF | Сахарная вата |
| #FFDFDD | Розовая пузырьковая камедь |
| # FBBBB9 | Туманная роза |
| #FAAFBE | розовый |
| #FAAFBA | Светло-розовый |
| # F9A7B0 | Фламинго Розовый |
| # E7A1B0 | Розовая роза |
| # E799A3 | Розовая ромашка |
| # E38AAE | Кадиллак Пинк |
| # F778A1 | Гвоздика розовая |
| # E56E94 | Румяна красные |
| # F660AB | Ярко-розовый |
| # FC6C85 | Арбуз розовый |
| # F6358A | Фиолетовый Красный |
| # F52887 | Темно-розовый |
| # E45E9D | Розовый кекс |
| # E4287C | Розовый лемонад |
| # F535AA | Неоновый розовый |
| # FF00FF | фуксин |
| # E3319D | Dimorphotheca Magenta |
| # F433FF | Яркий неоновый розовый |
| # D16587 | Бледно-фиолетовый красный |
| # C25A7C | Тюльпан Розовый |
| # CA226B | Средний фиолетовый красный |
| # C12869 | Розовый Розовый |
| # C12267 | Утомленные розовые |
| # C25283 | Застенчивый розовый |
| # C12283 | Темная гвоздика Розовая |
| # B93B8F | слива |
| # 7E587E | Виола Фиолетовый |
| # 571B7E | Фиолетовая радужка |
| #583759 | Слива Фиолетовая |
| # 4B0082 | Индиго |
| # 461B7E | Фиолетовый монстр |
| # 4E387E | Фиолетовый туман |
| #614051 | Баклажан |
| # 5E5A80 | виноград |
| # 6A287E | Фиолетовый джем |
| # 7D1B7E | Темная орхидея |
| # A74AC7 | Фиолетовый цветок |
| # B048B5 | Средняя орхидея |
| # 6C2DC7 | Фиолетовый аметист |
| # 842DCE | Темно-фиолетовый |
| # 8D38C9 | Фиолетовый |
| # 7A5DC7 | Фиолетовый мудрец Буш |
| # 7F38EC | Прекрасный фиолетовый |
| #8E35EF | Пурпурный |
| #893BFF | Aztech Purple |
| #8467D7 | Средний фиолетовый |
| #A23BEC | Жасмин Фиолетовый |
| #B041FF | Фиолетовый нарцисс |
| #C45AEC | Тирьян Фиолетовый |
| #9172EC | Крокус Фиолетовый |
| #9E7BFF | Фиолетовая мимоза |
| #D462FF | Гелиотроп Фиолетовый |
| #E238EC | малиновый |
| #C38EC7 | Фиолетовый дракон |
| #C8A2C8 | Сирень |
| #E6A9EC | Румяна Розовый |
| #E0B0FF | розовато-лиловый |
| #C6AEC7 | Вистерия Фиолетовый |
| #F9B7FF | Цветущий Розовый |
| #D2B9D3 | чертополох |
| #E9CFEC | барвинок малый |
| #EBDDE2 | Лаванда Пиноккио |
| #E3E4FA | Лаванда синяя |
| #FDEEF4 | жемчужный |
| #FFF5EE | Морская ракушка |
| #FEFCFF | Молочный белый |
| #FFFFFF | белый |
цветов HTML
Палитра цветовКончилось воображение? Изучите нашу палитру цветов и выберите идеальный цвет для своего проекта. RGB, HEX, HSL, CMYK, мы вам поможем. Наш палитра цветов достаточно умен, чтобы понимать все цветовые коды.
Палитра цветов Палитра цветов Google Палитра цветов HTML
#ffebee
# ffcdd2
# ef9a9a
# e57373
# ef5350
# f44336
# e53935
# d32f2f
# c62828
# b71c1c
# fce4ec
# f8bbd0
# f48fb1
# f06292
# ec407a
# e91e63
# d81b60
# c2185b
# ad1457
# 880e4f
# f3e5f5
# e1bee7
# ce93d8
# ba68c8
# ab47bc
# 9c27b0
# 8e24aa
# 7b1fa2
# 6a1b9a
# 4a148c
# ede7f6
# d1c4e9
# b39ddb
# 9575cd
# 7e57c2
# 673ab7
# 5e35b1
# 512da8
# 4527a0
# 311b92
# e8eaf6
# c5cae9
# 9fa8da
# 7986cb
# 5c6bc0
# 3f51b5
# 3949ab
# 303f9f
# 283593
# 1a237e
# e3f2fd
#bbdefb
# 90caf9
# 64b5f6
# 42a5f5
# 2196f3
# 1e88e5
# 1976d2
# 1565c0
# 0d47a1
# e1f5fe
# b3e5fc
# 81d4fa
# 4fc3f7
# 29b6f6
# 03a9f4
# 039be5
# 0288d1
# 0277bd
# 01579b
# e0f7fa
# b2ebf2
# 80deea
# 4dd0e1
# 26c6da
# 00bcd4
# 00acc1
# 0097a7
# 00838f
# 006064
# e0f2f1
# b2dfdb
# 80cbc4
# 4db6ac
# 26a69a
# 009688
# 00897b
# 00796b
# 00695c
# 004d40
# e8f5e9
# c8e6c9
# a5d6a7
# 81c784
# 66bb6a
# 4caf50
# 43a047
# 388e3c
# 2e7d32
# 1b5e20
# f1f8e9
# dcedc8
# c5e1a5
# aed581
# 9ccc65
# 8bc34a
# 7cb342
# 689f38
# 558b2f
# 33691e
# f9fbe7
# f0f4c3
# e6ee9c
# dce775
# d4e157
# cddc39
# c0ca33
# afb42b
# 9e9d24
# 827717
# fffde7
# fff9c4
# fff59d
# fff176
# ffee58
# ffeb3b
# fdd835
# fbc02d
# f9a825
# f57f17
# fff8e1
# ffecb3
# ffe082
# ffd54f
# ffca28
# ffc107
# ffb300
# ffa000
# ff8f00
# ff6f00
# fff3e0
# ffe0b2
# ffcc80
# ffb74d
# ffa726
# ff9800
# fb8c00
# f57c00
# ef6c00
# e65100
# fbe9e7
#ffccbc
# ffab91
# ff8a65
# ff7043
# ff5722
# f4511e
# e64a19
# d84315
# bf360c
# efebe9
# d7ccc8
# bcaaa4
# a1887f
# 8d6e63
# 795548
# 6d4c41
# 5d4037
# 4e342e
# 3e2723
# f5f5f5
# e0e0e0
#bdbdbd
# 9e9e9e
# eceff1
# cfd8dc
# b0bec5
# 90a4ae
# 78909c
# 607d8b
ШЕСТИГР.
{{шестнадцатеричный}}
RGB
{{rgbval}}
HSL
{{hsl}}
Таблица цветов
У нас есть сотни цветовых сочетаний! Загляните на нашу страницу с таблицей цветов, чтобы вдохновиться.Изучите цвета плоского дизайна, дизайн Google Material, плавные цвета, схему дизайна метро — все с цветовыми кодами HEX и RGB.
Таблица цветов Плоские цвета Цвета Материального Дизайна
Рекомендуемые цвета
Трудно найти идеальный цвет? Что ж, ты можешь попробовать один из них или пойти в наши генераторы цвета, пока вы не найдете идеальный вариант или воспользуетесь другими нашими инструментами. Удачи!
Генератор цвета Случайный цвет
Названия Цвета
Не помните все названия цветов? Что ж, ты можешь взглянуть на наш раздел цветовых названий и избавьтесь от ваших сомнений.У нас есть все цветовые группы и названия. Наслаждаться!
Раздел названий цветов
Красивые градиенты каждый день
Gradient Hunt — это бесплатная и открытая коллекция модных градиентов ручной работы
ГрадиентыКрасивые цветовые палитры
Color Palettes — это тщательно отобранная коллекция красивых цветовых палитр, обновляемая ежедневно
Цветовые палитры Учебники по цвету HTML и CSSНе знаете или не помните что-нибудь о кодировании цветов? Что ж, мы предлагаем вам лучшие уроки HTML и CSS Color Tutorials причем большинство задают вопросы самым странным.Время учиться!
Научитесь кодировать
Цветовые палитры
Мы создали замечательный раздел, чтобы поделиться вашими цветовыми палитрами, а также создали отличный редактор цветовых палитр. для вас, чтобы создавать самые эпические палитры когда-либо. Покажи нам свой талант!
цветовых палитр Создать палитры
Сделай свой градиент
Не знаете, как создавать градиенты? Нет проблем, с нашим градиентом и генератором градиентов вы понял бы, как легко и красиво создавать градиенты.Взглянуть!
Градиенты Создать градиенты
Каковы 8 значений цвета HTML?
Теперь мы говорим о 8 цветовых значениях HTML (HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK).
Значение цвета HEX представлено в шестнадцатеричном формате, поэтому для каждого из них диапазон изменяется от 00 до FF. Код выражается следующим образом: #RRGGBB, каждое из двухзначных значений представляет собой диапазон каждого из 3 цветов, с помощью которого мы выбираем окончательное значение, представляющее каждый цвет.
Значение цвета RGB, красный — зеленый — синий, основано на смешивании этих трех цветов для получения полного диапазона. Каждый из цветов принимает значение от 0 до 255, всего 256, при этом получается всего 256 x 256 x 256 = 16 777 216 различных цветов. Смешивание этих трех цветов даст вам цветовой код rgb, представленный как этот RGB (23,34,255).
Значение цвета RGBA, красный — зеленый — синий — альфа, которое добавляет новый коэффициент, альфа-канал, то есть непрозрачность или прозрачность, которая следует той же процентной схеме: 0% представляет абсолютную прозрачность, а 100% представляет абсолютную непрозрачность, которая это то, как мы традиционно видим цвета.
Значение цвета HSL. Эта модель включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность, яркость или тон. Отсюда его аббревиатура: HSL (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон).
Значение цвета HSLA (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон — A — ALPHA) — это система, которая не является системой, которая обычно используется в веб-дизайне, но он используется в других областях, таких как редактирование фотографий или дизайн (в целом).
Значение цвета HSV включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность и значение. Отсюда его аббревиатура: HSV (H — оттенок или оттенок, S — насыщенность или насыщенность, V — значение или значение).
Значение цвета HWB (оттенок-белизна-черный) очень похоже на HSV (оттенок, насыщенность, значение) и HSL (оттенок, насыщенность, яркость), за исключением того, что ни HSV, ни HSL не обеспечивают насыщенность для белизны.
CMYK Color Value является субтрактивной моделью и используется при печати пигментами трех основных цветов: C — голубой, M — пурпурный и Y — желтый.K происходит от черного, так как комбинация трех предыдущих дает немного чистого черного.
ДЛЯ ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ ПОСЕТИТЕ ССЫЛКИ В ТЕКСТЕ ИЛИ ПОСЕТИТЕ НАШУ ТЕОРИЮ ЦВЕТА.
Теория цвета
Общие цвета
Нет лучшего способа помочь вам найти свой идеальный цвет, чем дать вам обычные цвета того времени. Смотрите и удачи!
Общие цвета
ПОДЕЛИТЬСЯ С ДРУЗЬЯМИ!
7 потрясающих цветовых схем веб-сайта 2021 + Color Mood Board
Прочтите этот пост естественным голосом, чтобы вы могли делать другие вещи: |
Цветовые схемы веб-сайта имеют большее влияние на убедительность вашего веб-сайта, чем хотелось бы признать.
- «Это просто вычурное дополнение»
- «Давайте просто воспользуемся цветами, которые мы использовали в прошлый раз».
- «Позвольте генеральному директору или руководству изменить это так, как они хотят».
Ниже мы расскажем, почему цветовые схемы имеют значение, и дадим вам 58 цветовых схем веб-сайта на 2020-2021 годы!
Сумасшедшая часть состоит в том, что цветовая схема имеет большее значение, чем вы думаете, а связная и привлекательная цветовая схема — один из главных аспектов веб-дизайна, который сделает ваш сайт более привлекательным и красивым.
38 процентов посетителей перестанут взаимодействовать с веб-сайтом, если его содержание или макет непривлекательны. (Blue Corona)
Если дать 15 минут на просмотр контента, две трети людей предпочтут прочитать что-нибудь красиво оформленное, чем что-то простое. (Источник: Adobe)
8 новых цветовых схем на 2021 год
Цветовые схемы веб-сайта на 2021 год — будут включать много использования фотографии для закрепления цветовой схемы — множество фигурных вырезов из белого цвета и всплески столь же ярких цвета, которые привлекают внимание, но затем погружают вас в более глубокие — естественные цвета с использованием земных тонов и более глубокие оттенки.
Во-первых, вот несколько прогнозов цветовых тенденций в 2021 году на основе моделей дизайнеров и компаний по производству красок:
1. Инфракрасный и фиолетовый
Ярко-красный: # DE354C
Deep Red: #
2Чистый пурпурный: # 3C1874
Сиреневый с пурпурным оттенком : # 283747
Облако: # F3F3F3
2. Земные тона красный и зеленый
Красный B3 9322 Синий : # 004E7C
Maroon 6: # 591COB
Gray Water: # 5C5F58
Светло-серый: # DCE1E3
3.Цветовая схема веб-сайта Tan + Green 2021 от Gatto Web
Makeup Tan: # DDAF94
Румяна: # E8CEBF
Бесплатный зеленый: # 266150
Слегка не совсем белый: # FDF8F5
4. Классическая двойная синяя цветовая схема
Темно-синий: # 12232E
Светло-синий: # 007CC7
09DA 9992DA:
Тень темно-синего: # 203647Тень светло-синего: #EEFBFB
5.Greyscale + One (Yellow) 2021 Цветовая схема веб-сайта
Черный: # 202020
Темно-серый: # 3F3F3F
Средний серый: # 707070
Egg Yellow Белый: #FFFFFF
6. Цветовая схема веб-сайта Greenery + Gradients 2021 от Анны Сеньковой
Темно-зеленый: # 164A41
Средне-зеленый: # 4D774E 903 # 9DC88D
Естественный желтый: # F1B24A
Белый: #FFFFFF
7.Цветовая схема веб-сайта Greenery + Pearl 2021 от Delightful Designs
Olive: # A3BCB6
Green Leaf: # 39603D
Brown Grey: # 3C403D
90 Tanly : #FFFFFF
Color Mood Board на 2021 год
Надеюсь, вам понравились эти цветовые схемы веб-сайта и эта цветовая схема для 2021 года.Я знаю, что было очень весело собрать его воедино — и, хотя в нем мало слов, на его составление ушло немало времени.
Вот оригинальный пост! Цветовые схемы веб-сайта 2020-2021
Веб-дизайн может быть забавным!
Особенно, если у вас правильная цветовая гамма.
Вот почему мы собрали самые лучшие из лучших 50 эпических цветовых схем из далеких областей Dribbble, Awwwards, Pinterest, Behance и пары отличных блогов.
После того, как вы найдете цветовую палитру своей мечты — ознакомьтесь с нашими статьями «Основы аналитики», «Основы SEO» и «Современные шрифты», чтобы и дальше делать свой сайт потрясающим. И, конечно же, дайте нам знать, сможем ли мы когда-нибудь помочь вам с нашими услугами по дизайну веб-сайтов для малого бизнеса!
Обновление лета 2020 года — 13 новых цветовых схем веб-сайта на 2020 год
1. Минимальные цвета, мягкий пляж от Думинды Перера
Ярко-синий: # 51e2f5
Синий зеленый: # 9df9ef
Пыль : # edf756
Pink Sand: # ffa8B6
Dark Sand: # a28089
2.Минимальные цвета — пурпурная цветовая схема 90-х годов Думинда Перера
Ледяной холод: # a0d2eb
Фиолетовый мороз: # e5eaf5
Средний фиолетовый: # d0bdf4
Heavy Purple: # a28089
3. Яркая сила Думинды Перера
Yass Queen: # ff1d58
Sister Sister: # f75990
Crown # Blue 968290 968290 968290 Синий : # 00DDFF
Брутальный синий: # 0049B7
4.Переосмыслить. Цветовая схема Sajon
Ярко-оранжевый: # ff1e00
Тускло-синий: # e8f9fd
Предупреждение / выделение зеленого цвета: # 59ce8f
Веб-сайт Charity 5.
Ярко-оранжевый Номер 2: # f43a09
Дедушка Оранжевый: # ffb766
Серый Синий Зеленый: # c2edda
Живой Зеленый: # 68d388
6.Цветовые схемы веб-сайта «Банки и финансы» от Juliene Renvoy
Pinky: # fbe3e8
Blue Greeny: # 5cbdb9
Teeny Greeny: # ebf6f5
синий и красный цветовая схемаЯрко-зеленый: # beef00
Electric Red: # ff0028
Deep Green: # 657a00
Power Blue: # 1400c6
8.Белое пространство, загар, пурпурный, желтый цвет схема веб-сайта
Фоновый загар: # fceed1
Purple-y: # 7d3cff
Желтые перчатки: # f2d53c
# Redhead:
9. Deep blue and tan — цветовая палитра
Sand Tan: # e1b382
Sand Tan Shadow: # c89666
Night Blue: # 2d545e
Night Blue Shadow:
10.Цветовая гамма: желто-коричневый, розовый и красный
Ragin Beige: # fff5d7
Кораллово-розовый: # ff5e6c
Sleuthe Yellow: # feb300
Pink Leaf3 11. Pink Leaf: a. , Зеленая и Фиолетовая цветовая схема веб-дизайна иллюстраций Grassy Green: # 9bc400 Purple Mountains Majesty: # 8076a3 Misty Mountain Pink: # f9c5bd
12.Яркая и красочная — схема для 2020 года
Green Treeline: # 478559
Фиолетовая базовая линия: # 161748
Розовая подсветка: # f95d9b
Bluewater00 13. # 393 , Красный / Розовый / Оранжевый — Яркая схема
Желтый фон: # ffde22
Розовый / Красный круг: # ff414e
Оранжевый круг: # ff8928
03 Белый Layffover: #
2019 Цветовые схемы веб-сайта:
1.В стиле 70-х — современная цветовая палитра
Mountain Shadow Blue: # 101357
Old Makeup Pink: # fea49f
Goldenrod Yellow: # fbaf08
0 Bluebell4 Light Blue Bold 2019 Green: # 007f4f
2. Lightning Blue Purple — простая палитра цветов Web
Lightning Blue: # 51d0de
Lightning Purple: # bf4aa8
Brain Wrinkle 9: Brain Wrinkle 9 Blue Popsicle: # 0f2862 Redline: # 9e363a Purple Shadow: # 091f36 76 Gray Blue Leaf: 4. Apricot Avalanche — Цветовые схемы веб-дизайна Blueberry: # 6B7A8F Apricot: # F7882F Citrus: # F7C331 # Apple Core:Сильный контраст и надежность Левый синий: # 1561ad Правый синий — приглушенный: # 1c77ac Сине-зеленый: # 1dbab4 Красный-оранжевый: Краснее, чем вы: # ff3a22 Goldi-lot: # c7af6b Darker Gold: # a4893d Silver Tongue: 74878 9491.Тонкая и сочная цветовая схема сети Едва зеленый: # acb7ae Коричневые рубашки: # 82716e Светло-коричневый: # e4decd # e4decd 9graphic Память Зеленая гора: # 3d7c47 Синяя гора: # 09868b Голубой фон: # 76c1d4 Едва серый край: # f7f7f7 9.Футуристический Lightbrite Серо-серебристый: #bccbde Световой меч Синий: # c2dde6 Фиолетовый: # 431c5d 904 Painful Red: # eb1736 35 Years Old Purple: # 5252d4 Светло-фиолетовый градиент: # 7575dd # 7575dd # Purple Red1a Зеленый: # 8bf0ba Иронический блюз: # 0e0fed Синий подчиненный: # 94f0f1 Pinky Ring: 0 Yellow Ищете опытную команду веб-дизайнеров? Ниши веб-дизайна, которые мы обслуживаем: Сантехника, HVAC, Строительство и Кровля. От HVAC ведет к строительному подрядчику — мы делимся всеми идеями в нашем блоге! Оригинальный набор цветовых схем сайта: Голубой зеленый: # 6ed3cf Мягкий фиолетовый: # 9068be Вкусный серый восьмидесятых: # e1e8f0 Ярко-красный: # e от Awwwards French Laundry Blue: # 3a4660 Комфортный загар: # c9af98 Peachy Kreme: # ed8a63 1 # ed8a63 1 на рубашке Desi от Филипа Дуэскау на Behance Я желтая?!: # feda6a Silver Fox: # d4d4dc Deep Matte Grey: # 393f4d 0 Dark Slate: Simpler Lime Green: # 7dce94 Scuffed Dark Grey: # 3d3d3f 0 Vanilla Grey: Найдено на веб-сайте Книги джунглей Watson D / G для Disney Розовое золото: # bd8c7d Мягкое золото: # d1bfa7 Серебро: # 8e8e90 Onyx: # 494 Onyx: # 494 Дизайн 9000 от SocioEngine . European Bodies Yellow Hand: # fbf579 Lonely Blue: # 005995 Стационарный Pink Red: # fa625f Purpledration: # Маг Красный наложенный: # cd5554 Коричневый на снимке: # a Зеленые водоросли: # 00c07f на веб-сайте Msparki. Mag Все еще хотите большего? Оцените удивительные возможности Mind Spark Mag и просмотрите потрясающие примеры. Такой отличный куратор современного веб-дизайна, часто вдохновленного швейцарцами. Элементы цвета важны не только в том, как они сочетаются с другими дополнительными оттенками, но также в количестве и размещении по отношению к этим другим цветам и в том, как он относится к другим узорам и фотографическим элементам рядом с ним и в других местах на веб-сайте.В этом разделе я поделюсь / буду курировать веб-сайты с красивыми цветовыми схемами, шестнадцатеричными кодами и просто краткую заметку о том, почему используемый цвет также работает в контексте. Deep Red: # b11a21 — В наложении, наложенном на плоский синий, фотографический фон придает глубину. Красный свет: # e0474c — Улыбающееся лицо, проходящее сквозь красный цвет, делает его ярким. Blue Beans: # 7acfd6 — плоский синий цвет создает контраст с фотографией за красным. Light Classy Grey: # f1f0ee — Простой светло-серый цвет используется для создания глубины позади более поздней части фотографии, а внизу — белый. Найдено на сайте Вдохновение от Mind Sparkle Mag Утреннее небо: # CAE4DB — Никогда не недооценивайте цветовую палитру, созданную фотографией, чтобы задать тон вашему дизайну. Мед: # DCAE1D — в этом случае палитра устанавливается вместе с фотографией, а затем отображается в субтитрах. Cerulean: # 00303F — Cerulean невероятно классен в качестве черной или темно-серой альтернативы, если использовать ее постоянно. Mist: # 7A9D96 — Этот чистый, естественный цвет хорошо виден на фотографии, но его также можно использовать на нижнем полноразмерном блоке или кнопках. Находится на Inspiring Website Color Schemes by Canva Темно-серый: # 393939 — Темный дизайн требует немного большей предусмотрительности, но при правильном использовании может обеспечить большую контрастность. Deep Orange: # FF5A09 — с разными оттенками апельсина, есть глубина и градиент, не отваживаясь на совершенно новые цвета. Светло-оранжевый: # ec7f37 — Использование иллюстративных элементов требует некоторой гибкости для естественной светлоты и темноты для контуров объектов. Оранжевый желтый: # be4f0c — Использование цвета поверх цветового круга может сделать палитру стильной, жирной и сдержанной. Обнаруживается на больших цветовых схемах с помощью одного дополнительного пикселя Свежий: # 4ABDAC — И снова цвет, наложенный на фотографические элементы, придает стильный современный вид Vermillion: # FC4A1A — Фигура на переднем плане прорабатывается в контексте, все еще обращая внимание как он дополняет общую структуру дизайна. Фактически, можно было даже предположить, что дизайн был ниже этой цифры. Sunshine: # F7B733 — Желтый обеспечивает только совмещенный призыв к действию и выделяет важные части Clean: # DFDCE3 — Чистый серый цвет, использованный на фотографии, сохраняет структуру, не загроможденную большим количеством цветов или узоров в этих резких выстрелах в голову. Найдено на Canva Цветовые схемы на вдохновляющем веб-сайте Старый верный синий: # 368cbf — Синий побеждает доверие к психологии цвета, но убедитесь, что он сделан со вкусом, как некоторые блюз тоже нестандартный. Точно так же, как мой учитель рисования сказал о красках, вы всегда должны смешивать их перед нанесением на холст, чтобы не получить что-то похожее на то, что вы только что нанесли цвета из коробки. Зеленый цвет акцента: # 7ebc59 — Корпоративный синий + Экологичный зеленый = Каждый веб-сайт когда-либо.Но не забывайте об использовании общих цветовых схем только потому, что они общие. Совместно используйте знакомые цвета, когда это служит вашей цели — вы чувствуете, что вам доверяют. Темный сланец: # 33363b — Разделение белого пространства более темным верхним, нижним колонтитулом или полноразмерными разделами помогает избавиться от слишком повторяющихся вещей. Светло-серый: #eaeaea — Это действительно одна из наиболее распространенных цветовых схем на веб-сайте, особенно для технологических компаний.Тебе это еще надоело? Мне это нравится. Найдено на потрясающих бесплатных темах WordPress от ColorLib Важнейшая часть этого раздела — напоминание о том, что цвета не живут в вакууме. То, как они соотносятся друг с другом, сложно, и важно сочетать их не только с другими цветами, которые их дополняют, но и в той степени и количествах, которые хорошо сочетаются друг с другом. Когда я показываю, что оранжевый и желтый хорошо сочетаются друг с другом, всегда помните о контексте и о том, сколько каждого из них присутствует.Там может быть крошечная полоска желтого цвета, поэтому дело не только в том, что они хорошо работают, но и в том, сколько их и где. Полное исключение цвета из смеси — для определенных частей веб-сайта — или композиции в целом может быть классным, но простым способом увеличения серьезность, или повысить интенсивность произведения. Об этом свидетельствует то, что мы чувствуем, когда видим черно-белую фотографию; либо мы чувствуем некоторую самомнение, либо ценим простоту и признаем атмосферу позитивной изысканности. Эта концепция и тон также присутствуют на веб-сайтах, где используется только один цвет и различные оттенки этого цвета, позволяя глазам отдыхать и наслаждаться всем синим, или всем зеленым, или тремя оттенками фиолетового. Я также добавлю несколько монохромных + 1 цветовых схем , которые означают черный, белый, любые оттенки серого плюс еще один цвет, и он закрашен. В каждом из этих сценариев действуют одни и те же общие принципы. Удалив все другие цвета, кроме нескольких избранных, вы действительно можете улучшить то, как несколько оставшихся цветов играют вместе, и увеличить драматическую напряженность веб-сайта — если все сделано хорошо. В конце концов — один только дизайн веб-сайта не поможет продать больше товаров, если это ваша цель. Объедините эти высококачественные стили с поисковой оптимизацией, чтобы получить больше потенциальных клиентов. Slate: # 262626 — Повторяйте за мной, все оттенки серого не равны Серый подержанный: # 3f3f3f Белизна: # f5f5, после всех mef5 — повторять не равны Светло-серый: #dcdcdc Найдено на One Page Love, создано Питером Тотом Черный: # 000000 Белый: #ffffff Найдено в Web Design Ledger — 20 красивых портфолио, работа Майкла Шмида 90 Золотая пшеница: Мягкая пшеница : # dfd8c8 Глубокий серый: # 252523 Эта цветовая схема, конечно, также демонстрирует, что хорошая фотография может сделать для общего вида вашего сайта, если ее сопоставить с сильным контрастом плоских цветных элементов. Монетный двор: # 4cb69f Touch of Gray: # f5f5f5 Deep Purple: # 201d3a — Не совсем черно-белый + 1 — Намек на фиолетовый в углу фотография Найдена в Dapper Ink Джоэлом Ридом на сайте Dribbble Синий Оптимизм: # 269ccc Голубые водоросли: # 9ed2c5 # 9ed2c5 Плоский серый: Найдено на fltdsgn.com И еще пара веб-сайтов с оттенками серого, чтобы со всей очевидностью прояснить, что оттенки серого могут быть очень красивыми. Найдено на InspirationDE, Сэм Тис Найдено на flatdsgn.com Роландом и «We Ain’t Plastic» Найдено на Behance, Diana Polar Весь этот раздел напоминает о том, насколько мы упускаем из виду использование отрицательного пространства в вместо этого полагайтесь на нашу способность заполнять пространство.Если оставить пустое пространство и заполнить только его часть, то дизайн станет более изысканным, и теперь переполненные оборки могут превзойти его. Соедините эту чувствительность со вкусом выбора типографских элементов и хорошо продуманных фоторесурсов, чтобы все выглядело высококлассным. Типографика, цвет, макет. Ни один из этих элементов не стоит отдельно в любой композиции, и если говорить об одном без другого, остается неполная картина.Всегда обращайте внимание на то, как характер вашей цветовой схемы веб-дизайна сочетается с вашими типографскими элементами. Шрифты следует отбирать вручную по их атрибутам, а не наугад. Золотой верх: # d8ab4e Золотой нижний: # b48c36 Угольно-черный: # 040404 Gin Rough — от Fort Foundry, доступный на MyFonts — Взяв высококачественный золотой градиент и соединив его с типографскими элементами очень преднамеренной формы, дизайнеры этого сайт противопоставил грубоватому и элегантному. Amiri Rough — Доступно через Google Fonts — Великолепно выглядит как отзыв или цитата. Найдено на веб-дизайне Вдохновение для джентльменских парикмахерских клубов (вам необходимо просмотреть весь сайт) Красный хлопок: # c53211 Чистый глубокий серый: # 2e3830 Хаки: # e6dbc9 Futura Bold — столь же классичны, сколь и просты.Общие похожие шрифты, такие как Gotham Black, Montserrat или Proxima Nova, могут дать вам похожий, но другой вкус. Тем не менее, Futura Bold будет полезен во многих ситуациях — и хорошо сочетается с этой простой красно-серой и коричневой цветовой схемой в качестве заглавных букв. Museo Slab — Как и вес 100 в цитате выше, так и текст абзаца (font-weight: 400), Museo Slab обеспечивает удобочитаемость, будь то большой или маленький. Futura, Museo Slab поверх этих удобных простых цветов кажутся не обязательно классическими, но современными и оригинальными.Сдержанность как в выборе цвета, так и в типографике приводит к очень сплоченному ощущению, которое оставляет весь сайт целостным и фирменным. Пастель персик: # dea6af Небесно-голубой: # 8cbcd0 Пастель-розовый: Подбор шрифтов в дополнение к выбору цвета — Калибр — Кетчуп европейского дизайна Калибр — Мне нравится внешний вид, который многие современные европейские веб-сайты достигают с помощью этого зрелого, швейцарского шрифта.Его будут использовать в Америке гораздо больше, прежде чем здесь начнут переусердствовать. Приложение без излишеств, представленное ниже, демонстрирует уверенность, с которой его используют многие европейские дизайнеры. Безупречно сыграно. Дизайн, представленный на CSS Design Awards — Купите шрифт Caliber Независимо от того, какие цвета вы используете, ваш веб-сайт будет лучше, если на нем будет использоваться очень хорошо продуманный шрифт или два. Поиск баланса между цветом и шрифтом не обязательно является научным — для этого требуется определенная поэтическая ассоциация, но это не означает, что это полностью субъективно.Цвета могут быть либо диаметрально противоположными индивидуальности шрифта (ов), либо находиться в прямом соответствии с ними. Использование описательных слов, таких как «мужской», «женский», «суровый», «классический», «чистый», «современный» и «выразительный», может помочь вам говорить о цветовых схемах. и шрифты с вашими клиентами и другими людьми, работающими над вашим дизайном вместе с вами. Важно не слишком увлекаться семантикой или значениями слов.Лучше используйте их, поскольку они полезны для вас, и откажитесь от них, как только они станут предметом спора. Ключевым моментом является то, что ваши проекты служат той цели, для которой они предназначены — , что они эффективны . Потратив некоторое время на запуск проектов с цветовой схемой, которая отвечает эмоциональным потребностям основных демографических групп, вы настраиваете их на успех. На самом базовом уровне это означает, что веб-сайт для мужчин не должен быть фиолетовым, поскольку по статистике это их наименее предпочтительный цвет.Вы также не хотели бы делать медицинский веб-сайт черным, поскольку он ассоциируется со смертью, или давать очень легкую и воздушную желтую цветовую схему для серьезного предмета, чтобы это не намекало на легкомыслие. В самом остром плане намерение в цветовой схеме веб-дизайна означает передачу голоса бренда, эмоциональную привлекательность, иногда открытость для вещей, ранее усвоенных другими (зеленый для экологического проекта, синий для технологического проекта, красный для спорт и агрессия) и следуя своему инстинкту, вы с головой погружаетесь в то, что действительно говорит на этом конкретном рынке.Величайшие дизайнеры тоже гадали и пробовали что-то новое. Прыгайте, впитывайте то, что уже есть на конкретном рынке, на котором находится продукт или услуга. Затем посмотрите на наиболее привлекательные и эффективные дизайны на всех рынках и попробуйте свои силы. После того, как вы попробовали несколько предварительно смешанных шестнадцатеричных цветовых схем, перечисленных выше или где-либо еще, смешайте свои собственные. Признайте свои скрытые способности, доверяйте своим творческим инстинктам и запачкайте руки. Что ж, я скажу вам одну вещь, что современная цветовая палитра не использует супер простые версии цветов, о которых мы традиционно думаем: синий, зеленый, желтый и т. Д. Независимо от того, можете ли вы заставить простые цвета хорошо смотреться вместе или нет — кажется незамысловатым и относительно мягким. Я помню, как мой учитель рисования в колледже говорил всегда с намерением смешивать краски в начале сеанса — потому что люди, которые просто выдавливают их из тюбика, действительно найдут вид своей живописи унылой. Нам нужна современная цветовая палитра, отвечающая утонченным вкусам современного потребителя. Он может быть смелым и свежим или землистым и ржавым, но он никогда не должен выглядеть случайным. Темно-синий / фиолетовый: # 111c30 Темно-розовый макияж: # 9a4d55 Комфортный диван Бежевый: # 80756b 9000 Subdued Tiny Sweet Blue: # b5e9e9 Creamy Light Tan: # fef6dd Pinkie Pie: # ffe1d0 Green Horse Th: dcf3d0 Deep Purple: # 1d1145 Trapper Keeper Green: # 0db4b9 Pink Boot: # f2a1a1 Modern Pink # Anku Палитра землистых современных цветов Красные ветви: # de493c Зеленые деревья: # 608074 Синий / зеленый туман: # daefd9 906 Ржавый красный: Серебряный головной убор: # 4b6777 Ржавое золото: # ce9e62 Черный для контраста: # 2c2c2c Очевидно, что существует множество вариантов выбора, когда речь идет о цветах, которые вы выбираете для своего веб-сайта.К счастью для вас, некоторые отличные онлайн-генераторы цветовых схем помогут вам найти идеальный вариант. С помощью функции простого копирования щелчком мыши вы можете вставлять HEX-коды в существующие цветовые схемы, которые у них уже есть. Этот забавный инструмент с возможностью выбора из дополнительных, аналогичных, триадных, комбинированных и квадратных цветовых комбинаций позволяет вам изучить многочисленные варианты цвета и полезные изображения под цветовым кругом, чтобы помочь вы визуализируете каждую цветовую комбинацию. Если вы хотите максимально детально проработать свои цветовые схемы, попробуйте приложение Cooler, которое позволяет вам очень технически подобрать цвета для настраиваемой цветовой схемы в Интернете. Генератор палитр — отличный способ помочь превратить ваш любимый пейзаж, городской пейзаж или любую фотографию в цветовую схему. Вы можете легко загрузить изображение, а этот инструмент сделает все остальное. Другой инструмент, который позволяет настраивать цвета; Paletton — отличное приложение для расширения вашего репертуара цветовой схемы. 62 процента опрошенных предприятий заявили, что, по их мнению, веб-сайт следует обновлять каждые 2-3 года! Источник: Hook Agency Blue — определенно самый безопасный вариант, так как у него больше всего людей, считающих его фаворитом — 35%.Однако — очевидно, что если все ваши конкуренты используют синий цвет, возможно, имеет смысл «дифференцировать» ваше предложение и бренд. Цвета вашего бренда должны быть привлекательными, и «белое пространство» является важной частью этого. Убедитесь, что вы даете место включенным элементам, имеете контраст между текстом и фоном и не ошеломляете посетителя — пытаясь быть слишком ярким или новаторским только ради новизны. Учтите, что 51% брендов выбирают монохромные логотипы, 39% используют двухцветные логотипы и только 19% компаний выбирают полноцветные логотипы.Помимо фотографий, веб-сайты с 1, 2 и 3 цветами, кажется, легче сделать хорошо, чем пытаться создать веб-сайт с радугой цветов. При этом, если у вас есть профессиональный дизайнер, очевидно, что Microsoft и Google считают, что есть преимущество работы с большим количеством цветов, поскольку они оба используют как минимум 4 сплошных цвета в своем дизайне. Выбрать цветовую схему сложно, но в дизайне веб-сайта есть гораздо более серьезные проблемы, которым может помочь помощь опытного дизайнера.Профессиональные веб-дизайнеры перепробовали сотни вещей и поняли, какие методы работают, а какие нет — в идеале, если вы работаете с такой командой, как Hook Agency, они также тестируют веб-сайты A / B, вносят изменения на основе аналитики и знают, как сделайте ваш сайт более доступным для поиска в Google. Мы знаем, как делать такие удивительные вещи, как это очень интересное дополнение FAQ к нашему списку здесь, в Google. Мы знаем, как использовать ваш веб-сайт в Google с помощью практики, называемой «поисковой оптимизацией». Итак, помимо цветовых схем веб-сайта, мы знаем, как УПРАВЛЯТЬ БИЗНЕСОМ от трафика Google.Если вы хотите работать с командой профессиональных веб-дизайнеров, отправьте нам сообщение по адресу [email protected]! Еще одна тактика, которую мы используем для оптимизации рейтинга, — это то, что называется взаимосвязанными. Так что, если вы когда-нибудь задумывались, кто самый сексуальный мужчина в Миннесоте, или хотели прочитать руководство по SEO для сантехников, прочтите их! 2018 Цветовые схемы веб-сайта становятся ярче и насыщеннее! Настоятельно рекомендуем взглянуть на стиль вашего сайта… Мужские цветовые схемы? Наступает дагнаббит 2021 года, не можем ли мы преодолеть старую дихотомию мужской и женской анатомии? Хорошо в маркетинге — я… Разработал несколько эпических роскошных сайтов для самых разных клиентов, как М.I.N.N.E. Apparel, Artful Living Magazine и Mall of America… Цвет является такой важной частью нашего восприятия мира, что мы часто принимаем это как должное. Подумайте об этом: от молодого и ярко-оранжевого на чьей-то одежде до серого и мрачного неба над нами — цвета могут влиять на наше восприятие других и даже обстоятельства, в которых мы находимся. Вот почему один из самых мощных инструментов в арсенале дизайнера — это цвет.Это может либо создать, либо разрушить дизайн; это может быть определяющим фактором в привлечении зрителей или их быстрой отправке в путь. Как не дизайнер, мне часто бывает трудно подобрать подходящие цвета для своих любительских проектов. Независимо от того, создаю ли я простое изображение для поддержки своего контента или более сложные проекты, такие как слайд-колода или инфографика, я часто трачу много времени на поиск идеальной цветовой схемы. Я задаю себе такие вопросы: хочу ли я, чтобы мой дизайн был привлекательным? Провокационно и дерзко? Или умно и элегантно? Если вы не опытный дизайнер, вам потребуется время и усилия, чтобы найти цветовую комбинацию, которая будет соответствовать принципам дизайна вашего веб-сайта, поэтому команда дизайнеров Visme решила предоставить нашим пользователям удобный список красивых цветовых схем с веб-сайтов. которые были признаны Awwwards, самой престижной наградой для веб-дизайнеров и разработчиков. Получив множество положительных отзывов о нашем первом руководстве по сочетанию цветов, мы поняли, что наша аудитория оценит еще один раунд великолепных палитр на выбор. Вы можете легко применить их к любому из ваших проектов Visme, используя шестнадцатеричные коды, предоставленные справа от каждого изображения, как показано на GIF-изображении выше. СВЯЗАННО: 50 красивых цветовых комбинаций (и как их применить к вашим дизайнам) Активная теория В этой красочной, но не подавляющей палитре сочетаются теплые и прохладные оттенки.Эта цветовая гамма от привлекательного и яркого голубовато-зеленого до землистого терракотового цвета хорошо подходит для молодежного и современного дизайна. Paypr В этой комбинации оттенки синего и фиолетового сочетаются с красными и оранжевыми акцентами. Обратите внимание, как контраст между ярким синим фоном и красно-оранжевыми акцентами сразу же привлекает внимание к нужным местам, от верхней части страницы до видео внизу. Resn Ощущение, что вас окружает успокаивающее голубое небо и умиротворяющая сцена на природе, сразу же вызывает эта очень «приземленная» цветовая гамма.Эта приятная цветовая комбинация идеально подходит для проектов, связанных с природой и экологичностью, и может пригодиться для проектов, которые подчеркивают экологическое сознание. Grosse Lanterne Темно-синий и изумрудно-зеленый сочетаются в этой схеме, чтобы создать чистую и освежающую палитру. Эта комбинация, напоминающая океан или любую обстановку, связанную с водой, идеально подходит для дизайнов, призванных передать спокойный и надежный образ. W&CO Эта привлекательная комбинация кораллово-красного и бирюзового цветов, а также других оттенков синего, яркая и смелая.Более прохладный синий цвет прекрасно сочетается с ярким цветовым оформлением, что делает эту цветовую схему идеальной для любого стильного и современного дизайна. Stinkdigital Эта страница, часто используемая на современных сайтах, создает привлекательный контраст, комбинируя черный фон с яркими акцентными цветами. При этом вариации красного цвета, такие как киноварь и каштановый, дополняются уникальным русским зеленым. Bordel Studio В этой элегантной цветовой гамме сочетаются темные приглушенные тона, чтобы создать чистый и изысканный вид.Его оттенки серого и синего идеально подходят для более консервативных дизайнов. ReedBe Оттенки темно-красновато-коричневого в сочетании с глубоким тосканским красным и старой лавандой создают уникальную палитру, которая привлекает вас своей теплотой и глубиной. Эта схема идеально подходит для элегантных вещей, которые хотят добавить энергии и богатства. Самсы Эта темная и загадочная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами. Брайан Джеймс Очаровательная комбинация розового, красного, черного и серого цветов. Эта современная палитра вызывает ощущение роскоши, изысканности и минимализма. Антон и Ирен Это прекрасное сочетание конфетно-розового, зелено-желтого, лавандово-серого и пастельно-коричневого цветов идеально подходит для создания яркого и привлекательного образа. Берт Трудно отвести взгляд, столкнувшись с таким минималистичным, но ярким дизайном, как этот.Темный дымчато-черный фон в сочетании с ярким электрическим синим цветом делают эту цветовую схему выигрышной, полезной для множества проектов. BrightMedia Этот привлекательный веб-сайт, использующий красный польский флаг в качестве основы для своей цветовой схемы, сочетает темно-алый красный с темно-розовым на светло-сером фоне. Он живой и креативный, и в то же время изысканный в использовании минималистской цветовой схемы с различными оттенками одного и того же оттенка. Джули Флогак Это красочное сочетание золотарника, киновари, темно-синего и голландского белого воплощает в себе этот вычурный и креативный дизайн для онлайн-архива музыкальных произведений. Эпический Это уникальное сочетание телесных тонов и более элегантных цветов, таких как темно-синий и рубиновый, делает эту цветовую схему идеальной для дизайнов с тонкими сообщениями. Зарезервировано, но доступно; сложные, но забавные: это типы серых сообщений, которые эффективно отправляются с помощью этой приятной для глаз комбинации. MediaMonks Эта привлекательная смесь синего сапфира, бронзового серого и платины, с одной стороны, и персиково-оранжевого и коричневого, с другой, создает современную и элегантную цветовую схему.Используемые здесь для создания футуристического образа, холодные металлические цвета эффективно смягчаются более человечными, землистыми тонами. Интерактивный дизайн eDesign Эта яркая комбинация портлендского апельсина, ярко-желтого и нефрита на темно-сером, почти черном фоне требует вашего внимания. Смелая и полная энергии, эта цветовая комбинация идеально подходит, если вы хотите создать современный и смелый образ. HAUS Темная сиена, уголь и вспышка бледно-красно-фиолетового делают эту цветовую схему незаменимой для тех, кто ищет элегантный, футуристический, но динамичный вид и ощущение.Эта цветовая комбинация достаточно универсальна, ее можно использовать в проектах, начиная от современных корпоративных отчетов и заканчивая журналами и редакционным контентом в целом. Идентификаторы удовольствия Белая яичная скорлупа, темная ваниль и серо-коричневый с оттенками красного мармелада — все вместе в этом минималистском, но теплом и уютном месте. Всплеск ярких красок по всему дизайну делает этот сайт элегантным и в то же время привлекательным. FCINQ Темно-вишневый, королевский пурпурный и темно-сланцево-синий гармонично сочетаются в этом красивом и привлекательном месте.Темно-вишневый цвет выступает в качестве акцентного цвета на темно-фиолетовом фоне, приводя взгляд зрителей к меню навигации, как только они попадают на сайт. Изменить цифровой Оттенки синего и фиолетового на этом сайте особенно приятны для глаз и вызывают одновременно энергию и умиротворение. Черника и небесно-голубой искусно сочетаются с аметистом, создавая освежающую и приятную для глаз цветовую комбинацию, подходящую для любого дизайна, призванного вызвать положительные эмоции. Уотсон / ДГ Если вы ищете более приглушенный и корпоративный вид, эта цветовая схема сочетает в себе оттенки зеленого, синего и коричневого, которые передают профессионализм и надежность. Фтало-зеленый, темно-сланцево-серый и оловянно-синий — лишь некоторые из используемых здесь цветов. Supremo Диапазон синего, от яркого лазурита до голубого цвета, делает эту цветовую схему сдержанной, но красивой.Его можно использовать в самых разных визуальных эффектах, от приглушенных корпоративных проектов до связанных с дизайном, как в данном случае. Umwelt A / S Красивый зеленый мирт и кеппель сочетаются здесь с лазурно-белым и однотонным белым в простой, но эффектной комбинации. Waaark В этой яркой и элегантной цветовой гамме очень насыщенный светло-холодный синий сочетается с другими оттенками, такими как темно-синий и бледно-васильковый.Это сочетание элегантно дополняет яркий и яркий оттенок розового. Пятьсот Эта игривая и красочная композиция сочетает в себе несколько ярких оттенков: яркую бирюзу, желтый мандарин и темную орхидею. Иммерсивный сад Этот элегантный и ультрасовременный сайт может похвастаться элегантным и привлекательным сочетанием с эффективным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном. SMFB Это еще один пример сайта, на котором эффективно используется яркий цветовой акцент, чтобы очертить путь для глаз зрителей. В этом случае ярко-желтый цвет привлекает внимание сначала к заголовку, затем к тропе в гору и, наконец, к кнопкам с призывом к действию внизу страницы. Nurture Digital Это сочетание зелени океана, аквамарина и морской зелени прекрасно передает концепцию современности и в то же время жизни и плодородия, что полностью соответствует некоторым словам в центральном послании сайта: цифровой, воспитание и цветение. Родился 05 Эта землистая комбинация зеленого с диапазоном синего, от бледно-лазурного до бирюзово-синего, идеально подходит для консервативных дизайнов, призванных создать образ стабильности, надежности и изобилия. Stinkdigital Этот оживленный сайт сочетает ярко-розовый малиновый с более мягкими цветами, такими как пастельный синий и светло-пастельный фиолетовый. Результат — чудесно свежая и беззаботная цветовая гамма. AILOVE Это невероятное сочетание темно-розового с синим делает эту уникальную и привлекательную комбинацию, которую можно использовать для множества проектов в разных областях. Чизкейк супергероя Эта свежая и цитрусовая смесь светло-зеленовато-желтых, зеленовато-зеленого и черного цветов является фаворитом среди брендов, связанных со спортивными напитками с высоким уровнем адреналина и энергетическими напитками. Бюрократик Яркий бирюзовый фон и оранжевая кнопка с призывом к действию на этом сайте могут показаться немного громкими для некоторых посетителей, но комбинация определенно передает энергичные эмоции, которые сочетаются с изображением на заднем плане. Google Brand Studio Эта серия розовых и красных цветов с ярко-синей кнопкой с призывом к действию создает большой визуальный интерес и сразу привлекает к себе внимание. Детали Смелое и уникальное сочетание королевского синего и золотого цветов с яркими голубыми бликами привлекает внимание. Его неожиданное и несколько нестандартное мышление помогает сделать этот сайт победителем. Шер Ами Голубой, синий и оранжевый цвета на этой странице делают этот дизайн особенно привлекательным и энергичным, который можно применить в проектах с оптимистичным и вдохновляющим посланием. Оставляющий камень Эта зимняя комбинация красного и синего вызывает одновременно прохладу и тепло, как и изображения, связанные с зимними праздниками. Elespacio Эта яркая и насыщенная цветовая комбинация объединяет яркий желтый, синий и розовый в этом красивом минималистском дизайне, который можно использовать в ярких, но профессиональных проектах. SFCD Этот сайт обладает привлекательным дизайном с несколькими элементами и хорошо подобранной цветовой схемой.Турецкая роза, средние зеленые и желтые геометрические фигуры на черном и сером фоне достаточно, чтобы привлечь внимание зрителя. Great Works Копенгаген В этой эффектной цветовой комбинации используются оттенки синего и красного, чтобы создать ощущение смелости и пылкого профессионализма, что идеально подходит для дизайна, стремящегося передать силу и компетентность. Resn Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, видели его раньше: веб-сайты без теней, градиентов и фаски; Короче говоря, никаких трехмерных элементов. Хотя сайт выше добавляет немного теневого эффекта мальчику справа, технически его можно квалифицировать как плоский дизайн 2.0, который является не чем иным, как добавлением нескольких очень тонких трехмерных эффектов. Как видно здесь, цвета плоского дизайна имеют тенденцию быть очень яркими и перенасыщенными. Играть Это уникальное сочетание кофейного тона с небесно-голубым и различными оттенками коричневого делает эту цветовую схему успокаивающей и успокаивающей: чем-то напоминающим вашу любимую кофейню или гостиную. details.ch Это сочетание камео-розового, синего UCLA и гранитно-серого напоминает одежду, которую используют состоятельные, опрятные студенты колледжей. Хотя это имеет смысл с учетом целевой аудитории сайта, эту схему также можно использовать в любом дизайне, который требует серьезности и немного живости. stinkdigital Этот сайт Spotify идеально использует акцент виноградного цвета на фоне очень темного ненасыщенного фиолетового.Эту цветовую схему можно использовать для любого дизайна, где у вас есть несколько элементов или центральное сообщение, которое вы действительно хотите показать. EPIC Оксфордский синий с несколькими ярко-синими и красными акцентами делает этот сайт очень традиционным и корпоративным. Синий и зеленый, которые говорят о профессионализме и стабильности, обычно используются в корпоративных отчетах. Апартаменты Эта смесь золота, пурпурного и черного напоминает такие слова, как богатство и экстравагантность.Соответственно, эта комбинация может быть применена к дизайну, относящемуся к моде, роскоши и товарам высокого класса. ФУТУРАМО Это прекрасное сочетание ярко-зеленого и телемагенты на темном фоне создает повышенный визуальный интерес и привлекает зрителя с первого взгляда. Смелая, но профессиональная, эта цветовая комбинация при правильном использовании может быть применена даже к корпоративному дизайну. Паника В то время как предыдущая цветовая схема была привлекательной — но не слишком яркой — эта комбинация намеренно громкая до такой степени, что может оттолкнуть некоторых зрителей.Однако, если вы хотите сделать смелое заявление, эта комбинация может хорошо работать, если все сделано правильно, как в этом случае. Мадео Это расслабляющее, но веселое сочетание лимона, желтого, мяты и темно-голубого делает эту цветовую схему идеальной для любого послания, которое призвано передать энергию, оптимизм и в то же время гармонию и рост. Вызывает ли желаемый отклик цветовая схема, которую вы выбрали для своего веб-сайта? Вы ошеломлены количеством возможных цветовых палитр веб-сайта? У всех есть любимые цвета, к которым они стремятся, когда дело касается работы или чего-то еще. Но опытный дизайнер понимает важность оценки цветовой схемы на основе бренда. Значения цветов. И продвигаемые продукты или услуги. Цвета на самом деле вызывают эмоциональные отклики в зависимости от используемой палитры. Хороший выбор цвета требует тщательного планирования. Они могут влиять на то, как посетитель интерпретирует то, что он видит, а также на макет и типографику сайта — и, если все сделано правильно, они могут положительно повлиять на оценку бренда каждым посетителем в целом. В этой статье мы рассмотрим, почему так важен выбор правильных цветов для вашего сайта, а также рассмотрим 23 различные цветовые палитры реальных сайтов, которые эффективно привлекают внимание посетителей. Прежде чем мы перейдем к процессу выбора цветовой схемы для вашего сайта, важно точно понять, почему цветовая схема вашего сайта так важна. В конце концов, вы могли подумать, что действительно имеет значение содержание.И это не неправда. Люди любят контент. Их привлекают свежие голоса и интересная информация, но сначала нужно привлечь их внимание. Вот здесь и вступают в игру цветовые палитры веб-сайтов. Если вы выберете правильную цветовую схему веб-сайта, вы получите возможность поразить посетителей своим контентом. Вот как: Ваш сайт — это, по сути, дом вашей компании в Интернете. Это означает, что он должен точно отражать ваш бренд.Кроме того, он должен быть достаточно запоминающимся, чтобы пользователи вернулись после первого посещения. В конце концов, многие из ваших посетителей не будут готовы совершить покупку или совершить другую серьезную конверсию во время своего первого посещения — и им нужно помнить о вашей компании, чтобы вернуться и предпринять эти действия. К счастью, цвет повышает узнаваемость бренда на 80%. Итак, если у вашей компании уже есть устоявшаяся цветовая схема, важно включить ее в дизайн вашего сайта.Так посетителям будет намного проще сразу связать его с другими местами, где они видели ваш бренд. Кроме того, если ваша цветовая схема одинакова для всего сайта, они будут знать, что попали в нужное место, когда вернутся, независимо от того, на какую именно страницу они попали. Помимо того, что вы говорите пользователям, кто ваша компания, ваш веб-дизайн также играет важную роль в формировании мгновенных суждений пользователей о вашем бренде. Согласно одному из опросов, 94 процента респондентов назвали веб-дизайн одним из основных факторов, влияющих на первое впечатление от веб-сайта. Конечно, веб-дизайн — это гораздо больше, чем просто цвет. Но учитывая, что цвет является одним из наиболее очевидных элементов на вашем сайте и одним из немногих, которые пользователь может различить в течение первых 50 миллисекунд, ваша палитра может повлиять на оценку вашей компании пользователем. Согласно другому исследованию того, как формируются первые впечатления потребителей, 90 процентов первоначальных оценок основаны только на цвете. В определенной степени причина этого ясна. В конце концов, цвет — один из самых простых для понимания аспектов страницы. Его можно оценить почти мгновенно и не требует от посетителей оценивать текст или другие сообщения. Но также важно учитывать роль, которую психология цвета играет в этих поспешных суждениях. Многие компании пользуются этими связями, как показано логотипами на следующей диаграмме. Например, бренды, которые хотят создать ощущение творчества и воображения, как правило, включают фиолетовый в свои образы, в то время как бренды, которые хотят установить чувство баланса и спокойствия, склоняются к черному и белому. Это напрямую связано с «индивидуальностью» вашего бренда. В одном исследовании личности бренда психолог и профессор Стэнфордского университета Дженнифер Аакер пришла к выводу, что пять основных параметров играют роль в индивидуальности бренда: Бренды иногда могут смешивать черты характера, но по большей части их «индивидуальность» сосредоточена в первую очередь на одном. Например, компания, продающая снаряжение для кемпинга, будет идентифицировать себя с «прочностью», а модный бренд — с «изысканностью».” И, как вы можете видеть на диаграмме логотипов выше, цвет может сыграть важную роль в демонстрации потребителям индивидуальности вашего бренда. Хотя большинство людей могут не осознавать, что красный логотип компании создан для того, чтобы вызывать чувство возбуждения, она все же может делать именно это. И хотя каждый цвет может вызывать определенное ощущение или реакцию, некоторые цвета лучше других подходят для большинства брендов и веб-сайтов. Например, синий часто считается самым безопасным выбором.Отчасти это связано с тем, что это самый распространенный «любимый» цвет среди большинства населения. На самом деле 57% мужчин и 35% женщин считают, что это их любимый цвет. Итак, если вы хотите привлечь широкую аудиторию, это может быть отличным выбором для вашего сайта. На самом деле, возможно, поэтому некоторые из наиболее посещаемых сегодня сайтов, такие как Facebook и Twitter, используют его для своих логотипов и брендов. Также стоит отметить, что синий цвет также часто ассоциируется с чувством доверия, авторитета и надежности. Но это не значит, что это лучший выбор для любого сайта. Все зависит от чувства, которое вы хотите передать своим посетителям. Например, если ваш бренд сосредоточен на здоровье и благополучии, зеленый цвет может быть лучшим вариантом для создания этой ассоциации. И если вы хотите взволновать посетителей и побудить их к быстрым действиям, красный цвет может быть более эффективным для достижения этой цели. Итак, выбирая цвета для своего сайта, учитывайте эмоциональные реакции, которые они могут вызвать у посетителей. Например, если вы пытаетесь создать ощущение умиротворения для веб-сайта своей студии йоги, красный цвет может быть не лучшим выбором — и лучше знать это, прежде чем вкладывать серьезные деньги в свой дизайн. Помимо эмоциональных реакций, которые могут вызывать отдельные цвета, которые вы выбираете, также необходимо учитывать то, как цвета на вашем сайте взаимодействуют друг с другом. Лучший способ сделать это — изучить несколько основных принципов теории цвета. Если вы когда-нибудь посещали занятия по рисованию или просматривали какие-либо ресурсы, связанные с дизайном, вы, вероятно, видели что-то похожее на цветовое колесо на рисунке выше. Наиболее распространенная концепция, проиллюстрированная в этом круге, — это взаимосвязь между основными цветами (красным, желтым и синим), а также вторичными и третичными цветами, которые образуются путем их смешивания. Но помимо этого, это колесо может помочь вам создать цветовую гармонию или визуально приятное расположение цветов.Гармоничная палитра веб-дизайна может помочь вам установить чувство баланса и порядка. Существует три общепринятых типа цветовых схем, которые можно использовать для создания такой гармонии: аналогичная, монохроматическая и дополнительная. Аналогичная цветовая схема состоит из цветов, которые попадают бок о бок на цветовом круге. Это одна из самых сложных в использовании палитр, поскольку цвета могут легко подавлять друг друга. При этом аналогичные цветовые схемы также являются одними из самых ярких. Итак, если вы хотите создать красочный, визуально интересный сайт, вам может подойти палитра, подобная следующим трем примерам: Монохроматическая цветовая схема находится на противоположном конце спектра по сравнению с предыдущим типом. Как следует из названия, он состоит из одного основного цвета, но интенсивность и яркость оттенков различаются. Эти палитры — одни из самых простых в создании и «самых безопасных» в применении, потому что разные оттенки одного и того же цвета редко сталкиваются или кажутся слишком занятыми. Итак, если вы хотите, чтобы ваш сайт выглядел относительно просто, монохромная цветовая схема, подобная этим трем, может хорошо подойти для вашего бренда: Наконец, дополнительная палитра находится где-то между аналогичными и монохроматическими схемами с точки зрения разнообразия. Он состоит из цветов, лежащих прямо противоположно друг другу на цветовом круге. Таким образом, хотя здесь задействовано больше цветов, эти цвета естественно дополняют друг друга и не ошеломляют посетителей. Если вы хотите внести разнообразие в свою цветовую схему, чтобы ваш сайт не выглядел слишком загруженным, дополнительная цветовая схема, подобная одной из этих, может быть идеальным выбором: Конечно, это не единственные типы цветовых схем, которые вы можете создать. На самом деле, лучшие типы палитры различаются в зависимости от того, кого вы спрашиваете. Триадная цветовая схема — один из основных вариантов. В этой цветовой схеме используются три цвета, расположенные на цветовом круге под углом 120 градусов друг от друга.На рисунке выше это оранжевый, зеленый и фиолетовый цвета. При выборе цветов помните, что перечисленные выше типы не являются окончательными. Они могут дать вам общее представление об общем ощущении, которое вы хотите получить от своего сайта, но это ни в коем случае не единственный способ создать палитру, которая работает для вашего бренда. Независимо от типа палитры, которую вы используете, вы можете использовать ее для создания иерархии наиболее важного контента на каждой из ваших страниц. Как я упоминал в предыдущем разделе, определенная цветовая палитра веб-сайта может быть полезна для обозначения важности определенных элементов. Вы можете максимизировать это влияние, помня об эффекте изоляции при определении того, как использовать цветовую схему на своих страницах. Общая идея этого психологического принципа состоит в том, что чем больше выделяется предмет, тем больше вероятность, что его заметят и запомнят. Убедитесь, что выбранные вами цвета дают вам возможность выделить определенные призывы к действию на ваших страницах, не противореча остальному дизайну. Такой подход также соответствует предпочтениям большинства потребителей. В двух исследованиях, «Эстетическая реакция на цветовые комбинации» и «Потребительские предпочтения в отношении цветовых комбинаций», исследователи обнаружили, что, хотя потребители предпочитают сочетания цветов с похожими оттенками, они также отдают предпочтение палитрам с очень контрастным акцентным цветом. Первое исследование показало, что «предпочтение пар и гармония усиливаются по мере увеличения сходства оттенков». Но, «хотя пары с высококонтрастными оттенками, как правило, не считаются ни предпочтительными, ни гармоничными, рейтинги предпочтений фигурального цвета увеличиваются по мере увеличения контраста оттенка с фоном.” Во втором исследовании исследователи обнаружили, что «людям обычно нравится комбинировать цвета, которые относительно близки или точно совпадают, за исключением того, что некоторые люди выделяют один фирменный компонент продукта, используя контрастный цвет». Итак, хотя ваш акцентный цвет должен иметь сильный контраст, это нормально — и даже предпочтительнее, — если остальная часть вашей палитры состоит из относительно похожих оттенков. Это означает, что создание палитр веб-дизайна, включающих один сильный, привлекающий внимание акцентный цвет, не только эффективно для выделения определенных элементов, но также является отличным способом создания комбинации, которая понравится многим вашим посетителям. Когда дело доходит до ведения веб-сайта или бизнеса (или того и другого!), Всегда полезно искать способы упростить базовые процессы. В конце концов, чем меньше времени вы тратите на базовые задачи, тем больше времени вам придется потратить на процессы и решения, которые имеют большее влияние на ваш успех. А создание палитр веб-дизайна — отличный способ сократить время, необходимое для создания новых страниц. Когда у вас есть устоявшаяся цветовая схема, вы значительно упрощаете базовый выбор дизайна как для себя, так и для своих дизайнеров и разработчиков. Это особенно верно, если вы потратите время на документирование своей палитры простым в использовании способом, как в этом бизнесе: Когда вы создаете удобный для пользователя документ своей палитры, вы создаете наглядный ресурс со всеми возможными опциями для каждого элемента. Таким образом, если вы (или ваши дизайнеры) не можете определить, какой цвет использовать для кнопки CTA, вы можете просто сослаться на документ, чтобы получить полный список ваших вариантов. Так что вместо того, чтобы ломать голову над всеми различными возможностями, вы можете выбрать цвета из заранее заданного списка. И как только вы выберете несколько для использования или тестирования, все коды HEX и RGB уже будут прямо перед вами. Все зависит от сложности вашего дизайна и типов цветовых сочетаний. Например, если вы используете монохромную палитру веб-дизайна, вам может потребоваться семь или даже больше оттенков этого цвета, чтобы отобразить достаточно разнообразия на экране. Вам нужно указать цвета для определенных частей вашего сайта, таких как текст, фон, ссылки, цвета при наведении курсора, кнопки с призывом к действию и заголовки. Если вы не знаете, как выбрать лучшую цветовую палитру для веб-дизайна, посмотрите это видео, которое я создал. В нем представлены практические советы по выбору цветовой схемы веб-сайта. В идеале цветовые палитры веб-сайтов отражают ценности, убеждения и цели компании.Яркие цвета могут указывать на менее формальную атмосферу и большее волнение, в то время как приглушенные цвета придают бизнесу более изысканный или формальный оттенок. Но это не всегда легко перевести, когда вы смотрите на тысячи потенциальных цветовых комбинаций. Давайте посмотрим на 23 отличные цветовые палитры веб-сайта, которые помогут вам повысить вовлеченность. На следующих сайтах для большого эффекта используются различные цветовые палитры.Их тщательно отбирают с учетом эмоций, которые они вызывают, и чувств, которые они передают. На веб-сайте Mea Cuppa используется приятная для глаз цветовая палитра, которая включает в себя пару оттенков драгоценных камней (рубиновый и изумрудный) для максимальной живости, но в остальном полагается на нейтральную монохроматическую палитру коричневых и серых тонов. Палитра веб-дизайна вызывает ощущение кафе и отражается в главном изображении сайта, что создает единство. BigTop — это сообщество, которое специализируется на помощи стартапам в сети. На сайте используется необычная, но чрезвычайно привлекающая внимание комбинация оттенков драгоценных камней от фиолетового и синего до ярко-оранжевого и желтого. Все основные цвета — холодные, что делает более теплые цвета яркими. На скриншоте главной страницы вы заметите, что оранжево-желтый призыв к действию привлекает ваше внимание прежде всего. Наш третий пример взят из инструмента визуализации Twitter Tori’s Eye. Это отличный пример преимущественно монохромной цветовой схемы. Здесь мы видим эффекты простой, но мощной цветовой палитры, сосредоточенной вокруг оттенков зеленого. Эту цветовую схему часто легко реализовать, поскольку один оттенок цвета почти всегда будет работать с другим оттенком того же цвета. Доминирующий розовый цвет на домашней странице BarkBox повторяется по всему сайту в разных оттенках.Он красиво контрастирует с синим цветом, который используется в логотипах и призываниях к действию по всему сайту. Использование дополнительных цветов для привлечения внимания посетителей туда, где вы хотите, может помочь улучшить цветовую палитру любого веб-сайта. Красный — чрезвычайно популярный цвет для цветовой палитры веб-сайтов. Он может передать богатый набор эмоций, что делает его очень универсальным. Он особенно эффективен при использовании в малых дозах, как вы можете видеть на веб-сайте Cheese Survival Kit. Красный сочетается с более нейтральными цветами, а синий помогает привлечь внимание посетителей к CTA и другим областям, в которых компания хочет привлечь внимание посетителей. Nordic Ruby в Стокгольме есть красивый веб-сайт, оформленный в ярких тонах. Цвета, выбранные для цветовой палитры этого веб-сайта, придают ему изысканность и выделяют его среди менее эффектных дизайнов. Lake Nona — это сайт для определенного места, в частности, у воды.Следовательно, нет ничего удивительного в том, что здесь представлен синий цвет. Другие нейтральные цвета позволяют хорошо выделяться синему. И снова неудивительно, что у компании Lemon Stand будет желтый цвет в цветовой палитре своего веб-сайта. Синий и серый прекрасно сочетаются с желтым и помогают смягчить его яркость. Mint — это веб-сайт, посвященный финансам, поэтому использование зеленого и синего цветов — хороший выбор.Они помогают передать спокойствие, умиротворение и доверие. Нейтральные оттенки коричневого делают его общей землистой цветовой палитрой, успокаивающей чувства. Odopod поддерживает монотонную цветовую палитру, но помогает избежать скучного вида с помощью градиента на своей домашней странице. Крупная типографика обеспечивает отличный контраст, и очевидно, где они хотят, чтобы вы нажимали. Вы могли заметить, что многие компании резервируют определенный цвет — в случае Fiverr — зеленый — исключительно для CTA.Его больше нигде на сайте нет. Фактически, ColorFav даже не подобрал его, потому что в нем преобладают более нейтральные цвета. Вы ожидаете, что бизнес, специализирующийся на графике, будет иметь отличную цветовую палитру веб-сайта, и Школа цифровой фотографии вас не разочарует. Яркие цвета помогают привлечь внимание зрителя. И, как и Fiverr, оранжевый цвет, используемый в CTA, даже не отображается на палитре сайта, потому что он используется экономно для воздействия. Ahrefs — это пример веб-сайта, который широко использует свою цветовую палитру. Более темный синий цвет является доминирующим, но его вариации существуют повсюду. То же самое касается оранжевого, розового и бирюзового цветов. Millo.co использует очень простую цветовую палитру веб-сайта, и это лучше для нее. Мы точно знаем, где искать, когда посещаем такой сайт. Некоторые компании и частные лица доводят монохромную цветовую палитру до крайности. Брайан Гарднер, веб-дизайнер, использует идеально подходящую черно-белую цветовую схему. Он основан на его стиле минимализма, поэтому отражает его ценности и убеждения. Мягкие цвета хорошо подойдут, если вы хотите успокоить посетителя. Ткацкий станок использует большие дозы лосося и беби. Это хорошо работает, особенно с темно-синим цветом, доступным для CTA и других важных элементов на странице. Вот 18 ресурсов цветовой палитры, которые помогут вам выбрать идеальную палитру для вашего веб-сайта. Во-первых, нужно ли вам вдохновение? BrandColors показывает вам, как ведущие бренды используют цвет, чтобы выделить свой бизнес, рассказывать истории своих брендов и рассказывать своим клиентам, что они отстаивают. Вы можете прокручивать в алфавитном порядке список корпораций, некоммерческих организаций и стартапов или искать по названию бренда. Ищете готовую палитру? ColourLovers — это форум, посвященный дизайну палитр, пользователи которого прислали почти 2 миллиона палитр. Вы можете найти «палитры, включающие этот цвет», просмотреть или подписаться на дизайнеров. Часто вы найдете варианты одной и той же палитры, дающие вам готовые варианты оттенка и насыщенности. (В комплекте с причудливыми названиями.) ColoRotate поставляется с библиотекой цветовых схем, которые вы можете просматривать, выбирать и изменять.Если вы хотите создать свой собственный с нуля, вы можете это сделать с помощью инструмента 3D-цвета. И вы можете использовать схему, созданную вами прямо в PhotoShop или Fireworks, с плагином ColorRotate и приложением для iPad. Но что, если у вас уже есть изображения, логотипы или брендинг, которым должны соответствовать цвета вашего веб-сайта? Color Hunter — это не инструмент с огромным набором функций, в отличие от некоторых многофункциональных устройств в этом списке.Вместо этого это надежное решение для одного: отслеживания определенного цвета. Зайдите на сайт, затем вставьте изображение, и инструмент создаст для вас палитру из изображения. Это надежный способ создания цветовых палитр вокруг изображений, с которыми вам нужно гармонизировать ваш сайт, и вы также можете использовать его для обратного проектирования палитр сайтов, внешний вид которых вам нравится. Pictaculous создает цветовые палитры из фотографий — загрузите фотографию, и Pictaculous предложит цвета, соответствующие ей.Помимо палитры, основанной на загруженной вами фотографии, Pictaculous предложит вам готовые цветовые схемы, которые подходят. Эти инструменты будут генерировать целые цветовые палитры. Этот инструмент раньше назывался Adobe Kuler, и начинался он как сайт сравнения основных цветов. Теперь это полноценная система построения цветовой палитры. Это позволяет вам пробовать, сравнивать и сохранять цветовые комбинации на основе цветовой сферы. Вы можете выбирать типы палитры и создавать пятицветные палитры с различными уровнями ввода из инструмента, включая полностью настраиваемые и почти автоматические. Paletton позволяет быстро создавать цветовую палитру. Выберите желаемую схему: моно, дополнительная, триадная, тетрадическая, аналог или аналог с акцентом. Затем, когда вы меняете один цвет в схеме, другие изменяются в соответствии с ним. Color Spire создает цветовую палитру из одного цвета. Вы выбираете начальный цвет, и Color Spire предлагает палитру цветов для использования в сочетании с ним.Он также обеспечивает предварительный просмотр, позволяющий увидеть, как рекомендуемые им цвета будут выглядеть на образце веб-сайта. (Источник: http://htmlcolorcodes.com/resources/best-color-palette-generators/) MudCube’s Color Sphere — это плагин для Chrome, который помогает гармонизировать цвета, контролировать дальтонизм и определять шестнадцатеричные коды. Вы также можете экспортировать цветовые схемы прямо в Illustrator, PhotoShop и CoIRD.com. Cohesive Colors берет вашу текущую палитру и позволяет вам манипулировать ею, добавляя оттенок наложения в цвет по вашему выбору и быстро и легко создавая новую палитру из существующей. Этот инструмент позволяет создавать цвета, которые работают в сочетании с уже имеющимся цветом. Это немного более простой, чем некоторые инструменты цветовой сферы в этом списке. Вы вставляете шестнадцатеричное число в инструмент или щелкаете по цветовому кругу, и он возвращается с набором из трех дополнительных цветов, которые совпадают, в комплекте с шестнадцатеричными кодами. Некоторые из этих инструментов требуют, чтобы вы с самого начала помнили о цвете.Если у вас нет необходимого брендинга, а BrandColors не показал ничего, что бросалось в глаза, вы можете начать с нуля. Этот инструмент iOS позволяет принимать точные решения между похожими цветами, четко распределяя их с некоторым пространством между ними, а не градиентами, как в цветовых кругах и сферах. Большие цветные сетки позволяют использовать весь экран (пользователи iPad Pro, радуйтесь!), А также позволяют выбирать цвета, находить значения RGB, Hex и HSLA и создавать цветовые палитры с нуля. Color от HailPixel позволяет вам точно определить, какой цвет вы хотите, а затем дает вам шестнадцатеричный код для него. Наведите указатель мыши на экран, и цвет будет очень немного меняться при движении — это похоже на цветовую сферу, которая постоянно возвращается в шестнадцатеричном коде. Перемещайтесь по экрану для выбора цвета, вверх и вниз для насыщенности. Если вы где-то видели цвет и не знаете, как его назвать, это инструменты для вас. SpyColor предоставляет информацию о любом цвете, включая Hex, RGB, CMYK и другие коды. Инструмент показывает вам ряд типов схем, таких как дополнительные, раздельно-дополнительные, триадные, конфликтующие и аналогичные, на каждой цветной странице. HTML Color Codes находит шестнадцатеричные коды цветов изображений в вашем браузере. Вы выбираете изображение на рабочем столе и нажимаете «просмотреть изображение», затем наводите указатель мыши на него, чтобы получить шестнадцатеричные коды для различных частей изображения. Когда у вас есть цветовая палитра, вам нужно знать, подойдет ли она для разных посетителей. Check my Colors позволяет вам проверять цвета переднего плана и фона вашей цветовой палитры, чтобы убедиться, что они обеспечивают достаточный контраст для людей с дефицитом цвета. Если вы хотите защитить свой сайт от дальтонизма или просто получить наиболее эффективные и интуитивно понятные цветовые комбинации с точки зрения UX, этот инструмент неоценим.Вставьте URL-адрес, и он выдаст отчет: … который в основном просматривает весь код вашего сайта и оценивает все визуальные элементы на нем по видимости. Теперь ваша цветовая палитра на месте и вы знаете, что она очень заметна, вам понадобятся несколько изображений для соответствия. TinEye более известен как альтернатива поиску картинок Google. Но он также работает как способ изучения цветовых комбинаций, используя базу данных из более чем 10 миллионов лицензионных фотографий Creative Commons, собранных с Flickr.Если вы ищете изображения с идеальной цветовой комбинацией, это отличный и простой в использовании способ их найти. Designspiration позволяет выбрать до пяти оттенков из палитры на всю страницу, что дает вам возможность четко видеть цвета. Затем сайт отображает все изображения в своей базе данных с этой цветовой комбинацией. Он четко показывает вам шестнадцатеричные числа и позволяет вам нажимать на отдельные шестнадцатеричные числа. Вы можете сохранять изображения в коллекции на сайте, а также скачивать их. Вы можете подумать, что все, что вам нужно сделать, это выбрать цветовую палитру веб-сайта и двигаться вперед на всех парах. Это не лучший способ заниматься бизнесом. Подумайте об этом. Вы тестируете свои призывы к действию, заголовки и другие элементы веб-сайта. Почему цвет должен быть другим? Инструмент анализа поведения веб-сайта, такой как Crazy Egg, предлагает прекрасную возможность выяснить, как ваша аудитория реагирует на вашу текущую цветовую палитру. Отчеты о поведении пользователей, такие как тепловые карты, покажут вам, привлекают ли ваши цвета глаза наиболее важных людей — ваших текущих и потенциальных клиентов. Когда у вас есть необработанные данные, вы можете принимать обоснованные решения о цветовой палитре вашего веб-сайта. Представьте, что вы создали веб-сайт для аудитории любителей спорта и выбрали синий и розовый цвета, а также пару нейтральных серых. Вашей аудитории это не нравится. Может быть, он недостаточно хорошо передает ваше изображение. Любителям спорта могут понравиться более смелые, темные цвета и землистые тона. Вы не узнаете, пока не протестируете. Создайте бесплатную учетную запись Crazy Egg, чтобы начать бесплатную пробную версию, или войдите в систему, чтобы настроить отчеты о поведении пользователей. Вы можете запускать несколько тестов одновременно, чтобы не тратить впустую часы, дни или недели. Вместо этого вы можете собирать данные в режиме реального времени и переориентировать свои усилия на поиск наилучшей цветовой палитры. Цветовая палитра вашего сайта должна не только отражать ваш бренд, но и привлекать вашу аудиторию. В противном случае люди могут быть отключены вашим сайтом, даже не осознавая этого. Начни с того, что тебе нравится. Подумайте о выборе палитры, которая отличается от других в вашей нише, чтобы выделиться. Затем приступайте к тестированию. Изменить цвета на сайте очень просто. Если вы знаете HTML, вы можете вручную изменить HEX-коды в файлах темы. Многие темы WordPress также поставляются с настройщиками, которые позволяют изменять цвета, не зная кода. Дайте себе возможность сделать свой сайт максимально привлекательным и запоминающимся. Дэвид Чжэн — выпускник и бывший сотрудник The Daily Egg. Казалось ли, что определенные цветовые схемы веб-сайтов просто привлекают все внимание? Как и в случае с любым другим аспектом веб-дизайна, существуют цветовые схемы, которые имеют тенденцию больше, чем другие.Яркие цвета, резкие палитры и даже некоторые несовпадающие схемы — это элементы цвета, которые имеют тенденцию. Вот некоторые из лучших цветовых схем веб-сайтов 2021 года (в произвольном порядке). Для каждого из них мы также делимся цветовыми кодами, которые составляют ключевые элементы дизайна, так что с этими цветовыми схемами легко поиграть и самому! Одна из самых заметных тенденций в цветовой гамме — это использование темно-синего и темно-синего цветов, особенно в качестве доминирующего цвета, и оттенков золота и ярко-красных или розовых оттенков для акцентов.Эта комбинация темного и светлого — это эволюция черного и красного во многих минималистичных дизайнах нескольких лет назад с более современным оттенком. Вот несколько отличных примеров правильного выбора цвета, которые вдохновят вас на следующий проект. # 361999 # 78fff1 # ff6495 На ярко-синем фоне сложно не заметить забавную цветовую комбинацию Zoe Pepper. Варианты ярких акцентов оживляют цветовую палитру и отлично сочетаются с анимацией на главной странице.Лучшая часть этой цветовой схемы может быть то, что она яркая и веселая, но не слишком яркая. Это показывает истинную универсальность синего при использовании с правильными цветовыми дополнениями. # 162b32 # ff4838 Юкон 1000 тоже сгнил на синем фоне; здесь с более бирюзовой окраской. Яркий красно-оранжевый акцент настолько насыщен, что невозможно не перейти от приглушенного бирюзового к нему. Значения насыщенности выбора цвета добавляют глубину и почти такое ощущение, что вы переходите от матового оттенка (бирюзовый) к яркому с почти неоновым оттенком (красно-оранжевый). # 490b3d # bd1e51 # f1b814 Persoo использует цветовую комбинацию, которую вы, вероятно, не попробовали бы, не увидев ее заранее. Различное цветовое трио имеет несколько женственный оттенок и в то же время кажется легким. Выбор цвета является разрушительным для веб-сайта, потому что финансовые инструменты и инструменты электронной коммерции часто придерживаются безопасной цветовой палитры, основанной на синих тонах. # 1a2238 # 9daaf2 # ff6a3d # f4db7d Studio Simpatico выводит темно-синий и красный на новый уровень с дополнительными цветовыми акцентами для более широкой палитры, которая поражает.У каждого цвета есть своя цель — ключ к палитрам с множеством опций — и схожая цветовая насыщенность делает все это сеткой. Каждый из акцентных цветов имеет схожее ощущение в диапазоне средних тонов, но при этом не является слишком тусклым или ярким. # 371bb1 # 05f4b7 # 12151f Еще одна вещь, которую мы наблюдаем с цветом, — это дизайны, в которых используется насыщенный черный цвет вместо старого режима ожидания # 000000. Насыщенный черный цвет обеспечивает большую глубину визуальным эффектам и отлично подходит для широких полос и фона.Здесь он хорошо сочетается с пурпурно-синим и ярко-мятно-зеленым. Результат современный и интересный. # 1fc58e # fae62d # 1 Carnival Sounds удается комбинировать цвета, которые снова кажутся неуместными, когда вы их видите. Глубокий изумруд с желтым и черным легко читается, создает отличный поток взгляда по экрану и заставляет остановиться и посмотреть из-за необычной цветовой схемы. # 9cf6fb # e1fcfd # 394f8a # 4a5fc1 # e5b9a8 # ead6cd Яркий и яркий, возможно, лучший способ описать цветовую схему этого веб-сайта от сообщества I Weigh.Трехцветная схема взрывается до шести отличных вариантов с использованием оттенков каждого оттенка. Результат просто потрясающий, не перегружая вас цветом. Это техника, которую может использовать больше дизайнеров, чтобы создать современный вид с большим количеством цветов. # 1a2c42 # be2f29 # ecaf44 # 0c1115 Soviet Design использует классическое трио цветов с более глубоким ощущением насыщенности. Он создает некую тьму и задает настроение проекту. Обратите внимание, что черный здесь также является богатым черным вариантом.Белое пространство объединяет темноту и сдержанность этой цветовой схемы, чтобы она не казалась слишком тяжелой. # 00abe1 # 161f6d Моно-синие схемы никогда не выходят из моды. Эта темно-голубая комбинация от Ugly Drinks показывает, что синий тоже может быть забавным. Простой цветной фон забавен и позволяет легко читать и понимать остальную часть дизайна. Это также особый вид, который отличается от большого количества белых или фото фонов и заголовков на многих веб-сайтах. # 00a9d8 # 0d9edf # 259b9a Taproot Foundation использует одну из лучших и самых красочных цветовых схем веб-сайтов. Комбинация желтого, синего и зеленого цветов вместе объясняет различные аспекты группы, помогающей некоммерческим организациям. Это не цветовая схема веб-сайта, которую вы часто видите, но яркий цвет на белом фоне — очень модный вариант. # f7f7f7 # 7da2a9 Omega Yeast не выглядит так, как будто имеет цветовую палитру, отличную от черного и белого, но этот дизайн веб-сайта делает то, что является важной идеей в цветовых тенденциях.Цветовая схема основана на основном изображении, в данном случае видео, а не на фоне или красочных элементах пользовательского интерфейса. Эта цветовая тенденция становится все более распространенной, потому что дизайнеры используют полноэкранные изображения, чтобы рассказать историю бренда. # ffffff # a7bc5b # 8da242 Farm Food использует простую, естественную палитру с белым минималистичным фоном с яркими оливково-зелеными оттенками, чтобы привлечь внимание. Кроме того, палитра имеет монотонную окраску со светлыми и темными оливковыми элементами.(Легче всего увидеть это изменение цвета при наведении курсора на кнопку.) Это может быть не та цветовая пара, к которой вы пришли первой, но она действительно поразительна. # 3fd2c7 # 99ddff # 00458b Jebsen Careers использует приглушенные синие и зеленые тона для создания потрясающих цветных наложений и элементов дизайна с более насыщенными цветами. Комбинация отлично работает на белом фоне и действительно показывает, на что вы способны, работая с вариациями одного цвета. Темно-синий, используемый для текстовых элементов и логотипа, еще больше улучшает общее использование цвета. # fb8122 # 1d2228 # e1e2e2 IC Creative использует наложение темного цвета — черный, который не является действительно черным — с ярким акцентным цветом и большим количеством белого, чтобы создать привлекательную сцену. Наложение цвета почти любого оттенка — основная тенденция в цветовой гамме веб-сайтов, а вариант с насыщенным черным цветом, такой как здесь, — хороший способ предоставить другому контенту много места на экране. Обратите внимание на крупный заголовок, яркие акценты и призывы к действию. # d48166 # 373a36 ## e6e2dd В то время как яркие цветовые палитры практически управляли дизайном веб-сайтов в течение нескольких лет, для некоторых проектов наблюдается возврат к более приглушенным палитрам. Мягкий тон отеля Mangrove Hotel теплый и хорошо дополняет содержание. (Этот же цвет также появлялся в некоторых маркетинговых сообщениях Twitter.) # 051622 # 1ba098 # deb992 Slumber отлично использует цвет года Pantone — классический синий — в изображениях приложений и темные тона фона и логотипа.Сочетание золотого и зеленого супер модно, элегантно и следует вместе с темой ночи и сна. # e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945 Atlanta Brewing также использует преобладающий красный цвет с множеством других акцентных цветов. Обратите внимание, что палитра является не только частью дизайна веб-сайта, но также распространяется на упаковку продукта. У них довольно широкая палитра с основными цветами в качестве основы и насыщенным черно-белым фоном. # 5c6e58 # 8aa899 # f2d349 Sunny Street Café ярко оформлено в цветовой палитре, идеально сочетающейся с изображениями и языком дизайна. Зеленый и желтый вместе — необычная комбинация, но она кажется дружелюбной и идеально вписывается в дизайн этого заведения для завтрака и обеда. Цветовая тема также красиво подчеркивает изображения еды. # 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576 Distinction использует ту же полностью черную основу для своей цветовой палитры с радугой акцентных цветов.Если вам нужна широкая цветовая палитра, это способ эффективно использовать тренд. # fdd935 # 000000 Minimalism может быть и полноцветным, о чем свидетельствует Pittori di Cinema. Ярко-желтая цветовая гамма с черным — распространенный вариант высококлассного минимализма. Чем ярче цветовая палитра этого стиля, тем он кажется более модным. # e1f2f7 # ef0d50 # eb3a70 # e5bace We (Heart) UX использует простую цветовую палитру с бледно-голубым фоном — прекрасный выбор — и оттенками розовато-красного для основного художественного элемента.Сочетание этих цветов в причудливом гео-стиле модно, современно и просто интересно смотреть. # 1f3044 # fb9039 # 646c79 Proud & Torn использует ту же концепцию драгоценных камней с немного более приглушенной цветовой комбинацией. Более тонкая цветовая палитра помогает создать визуальный интерес к веб-сайту с большим количеством бесцветных изображений. # 56642a # 849531 # 92a332 Baobla отличается забавным градиентом в монотонной цветовой гамме.Этот стиль цветовой палитры идеально подходит для новых брендов или продуктов, или если вы хотите произвести сильное впечатление с помощью смелого оттенка. # faf0dc # 0b4141 # ff6864 для женщин и девочек выбрал не слишком женственную цветовую палитру, которая с помощью ярких цветов помогает придать больше силы его посланию. Выбор цвета отличается высокой контрастностью, приятным для глаз и читаемым. Выбор ярких акцентов моден и добавляет акценты этому элементу. # 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea Жан-Батист Калоя превращает, вероятно, самый популярный цвет в дизайне веб-сайтов в собственную монотонную палитру с различной степенью синего. Также обратите внимание на мягкие градиенты более светлого синего цвета. # 000000 # fefefe # fdee30 Игорь демонстрирует, пожалуй, самую популярную цветовую палитру веб-сайтов в 2019 году — черный, белый и желтый.Эта цветовая палитра, хотя и представлена в различных оттенках, широко популярна. Эта комбинация, наверное, одна из самых привлекательных. # 000000 # fa255e # c39ea0 # f8e5e5 Cowboy Bike использует черную и яркую цветовую палитру, которая сразу привлекает внимание. Хотя на большинстве сайтов черный цвет используется только для текста, этот дизайн фактически включает его в яркую монотонную палитру. # e8eae3 # 373833 # fa2742 На веб-сайте Габриэль Долан используется тренд серо-бело-яркой цветовой палитры.Из-за явного отсутствия цвета на большей части дизайна яркий цвет, кажется, соскакивает с экрана. Он создает нужную фокусную область и степень контраста, поэтому это вариант цветовой схемы, который набирает популярность. # 9e15bf # 4ac6d2 Pixel Pantry использует отличную цветовую пару, чтобы продемонстрировать эту тенденцию — фиолетовый и бирюзовый. Сочетание этих двух цветов для создания палитры практически нереально. Вы найдете варианты этой схемы почти везде, куда бы вы ни пошли. # 5daa68 # 3f6844 # faf1cf Eleven Plants использует полностью нейтральную цветовую схему, которая гармонична и удобна для восприятия. Зеленый цвет хорошо сочетается с содержанием, а цветовые комбинации просты и очаровательны. # ee7879 # 2a3166 # f4abaa # cae7df Qvartz использует один из самых неожиданных трендовых цветов года, имитируя многие другие проекты. С розовым текстом, розовыми цветовыми блоками и смесью ярких и мягких цветов эта палитра несколько женственна, но не слишком. # 4a2c40 # e9bd43 # 7d3780 Sheelink By RTX использует современный градиент и жирную расцветку, чтобы привлечь внимание к своему продукту. Цвета глубокие и капризные, а бордово-пурпурный имеет отчетливое ощущение царственности и таинственности. # 5ce0d8 # 01345b # ffcf43 Puerto Mate использует трендовые цвета, которые выделяются жирным шрифтом, но не слишком сильны. Поскольку центральная панель темно-синего цвета, внешние яркие цвета не так заметны на вашем лице.(Только представьте, что эти оттенки переворачиваются в разные места в дизайне.) # 141824 # ffb600 # 0049ff Loic Sciampagna используется одна из лучших комбинаций синего и желтого цветов. Контрастные оттенки просты, элегантны и привлекают внимание простым прикосновением света, более яркого синего. # 182978 # 6688cc # acbfe6 Canatal хорошо использует в этом дизайне тройные синие фирменные цвета.Это пример того, как использовать однотонную цветовую палитру, не будучи скучной. # f1e821 # 487afa # 23c0ad FFWD Digital использует яркость стильно и классически. На бумаге использование этого трио цветов на темном и светлом фоне может показаться неудобным, но здесь оно действительно бесшовное и красивое. # 1 Tappezzeria Novecento использует цветовую схему, которой многие избегают — и это работает.Яркое сочетание оранжевого и черного цвета простое и привлекательное. Цвета достаточно контрастны, чтобы все было легко читать. Также приятно то, что фирменные цвета присутствуют на изображениях. # 252669 # 4ecb4a Tev совсем не скучный с липовым фоном и двухцветным наложением. Он выделен жирным шрифтом, а зеленый цвет заставляет задуматься о деньгах — именно для этого и предназначен сайт. # 4e3883 # ffddcc Niche & Cult использует мягкие оттенки для создания косметического бренда с более женственной атмосферой.Мягкий розовый цвет напоминает оттенки кожи и чистый холст для макияжа, а ярко-фиолетовый соответствует настроению сайта. # 001730 # 4ad7d1 # fe4a49 Sysdoc создает новый оттенок базовой палитры красного, синего и зеленого с более яркими и менее насыщенными вариантами красного и зеленого. Палитра сильная и мягкая, подходит практически к любому другому набору элементов. # f6f4f2 # 425664 # c6ad8f Veneziano Coffee Roasters возвращается к более приглушенной палитре с серо-синей и золотой комбинацией, которая является утонченной и стильной.Цвета хорошо сочетаются с изображениями на веб-сайте и создают нужное впечатление. # 11abc1 # df3062 # f5b935 # 4bac3f Better Energy использует яркие цвета, связанные с природой, взятые из соответствующих изображений, чтобы создать забавную палитру, чтобы рассказать историю того, о чем, возможно, не очень интересно говорить. # 0f0c24 # a350a3 # c1436d Мы не смогли бы пройти обзор крутых цветовых тенденций, не взглянув на палитру 80-х.Кажется, что все из 1980-х годов в тренде, включая цвета, используемые для Blast Galaxy, обычно наблюдаемое сочетание синего, пурпурного и розового с неоновым свечением. # f5f5f5 # 8db48e # 4d724d Портфолио Кайла Декера — еще один веб-сайт с яркой цветовой схемой, потому что он такой простой. Он использует комбинацию нейтральных и только одного истинного цвета, чтобы сфокусировать взгляд пользователя. # 212221 # 1181b2 # ddedf4 # 44449b Awink Websolutions также использует монотонную цветовую схему с различными оттенками синего.(Блюз — популярный вариант, когда речь идет о монотонных вариантах.) Этот вариант немного отличается благодаря более глубоким и темным акцентам. Кроме того, темные и светлые области экрана почти воспроизводят оптическую иллюзию, заставляя вас думать, что здесь больше цветов, чем есть на самом деле. # d81c23 # 4fa8c2 # d97441 # d29849 Archibald Microbrewery использует все цвета радуги, но палитра удивительно красива. С цветами одинаковой насыщенности и визуально следуя теме, все получается довольно легко. # 45af2a # 3fddc1 # d56c06 Indegy использует ярко-зеленый цвет на фоне большого количества фотографий и ярких цветов. Простой цвет, в сочетании с серым и белым, добавляет современности дизайну и помогает направлять пользователей через контент. (Есть также бирюзовые и оранжевые акценты для едва уловимых ярких акцентов в других местах.) # ad4328 # b65741 Knapsack использует ярко-красную цветовую схему с градиентами, чтобы добавить интереса к цвету, который может быть трудным в использовании.Это работает, потому что не так много ярких визуальных эффектов, конкурирующих с яркой палитрой. # 16519f # f07e74 # f8dd2e # 4fcbe9 Demisol использует слишком много цветов и слишком много крупных элементов, и в любом случае это потрясающе. Иногда игра с цветом — это эксперимент; проверьте это и посмотрите, работает ли он. # 61082b # b4d0e7 Dropbox есть еще одна из тех цветовых схем, которая не должна работать… но она работает. Контраст между темно-бордовым и нежно-голубым создает отличное движение глаз на разделенном экране.Цвета работают одинаково хорошо с текстовыми элементами противоположного цвета. Это еще раз доказывает, что иногда вам просто нужно попробовать варианты цвета и посмотреть, как они работают. Каждая цветовая схема содержит цветовые коды html, которые вам понадобятся при написании шаблона вашего веб-сайта. Это дает 25625625616777216 возможных цветов. Лучшие генераторы цветовой палитры Цветовые коды HTML Цветовая комбинация с кодом . Каждый код HTML содержит символ и 6 букв или цифр. Откройте для себя множество цветовых схем окраски стен для вашего дома, выберите из эксклюзивной карты оттенков цветовой палитры, предлагаемой каталогом цветов азиатских красок. Цветовое пространство RGB или цветовая система RGB конструирует все цвета из комбинации красного, зеленого и синего цветов. Пытаетесь ли вы вызвать чувства, связанные с захватывающим дух пейзажем, романтическим закатом или яркой динамичной сценой, требуется натренированный глаз, чтобы собрать воедино идеальные оттенки, чтобы донести свое послание до дома.Выберите любой цвет, чтобы посмотреть, как он будет выглядеть с другими цветами. Включает шестнадцатеричные коды названий цветов и коды RGB. Красный, зеленый и синий используют по 8 бит, каждый из которых имеет целочисленные значения от 0 до 255. Скопируйте цветовые коды html на свой веб-сайт или в блог. Комбинированная библиотека содержит страницы с цветовыми комбинациями, также известными как цветовые схемы и цветовые палитры, которые вы можете выбрать. Сердцем сайта является комбинированный тестер, который позволяет веб-разработчикам видеть, как разные цветовые комбинации работают вместе на экране.Итак, вам интересно, имеет ли эта странная комбинация букв и цифр какое-либо значение, ответ — да, и именно так он идет в формате html-кодов. ТСЖ профессионалы крупные. Запускайте генератор бесплатно. Шестнадцатеричные коды можно найти под каждым из образцов цвета. Один из ключей к оживлению вашего дизайна — выбор правильной цветовой комбинации. Супербыстрый генератор цветовых схем. Они не только дают вам цветовые идеи с шестнадцатеричными кодами для вашего следующего проекта, вы можете использовать эти плакаты для украшения вашего офиса студии или дома.Теория цветовых кодов HTML. Добро пожаловать в мир цветов, где вы обязательно найдете идеальное сочетание цветов для своего проекта. Итак, мы проделали тяжелую работу для вас, предложив вам 100 цветовых комбинаций, вдохновленных природой, путешествиями, напитками и предметами повседневного обихода. Этот сайт был создан, чтобы помочь веб-разработчикам быстро выбирать и тестировать цветовые комбинации веб-дизайна. Создавайте и делитесь идеальными палитрами за секунды. Независимо от того, разрабатываете ли вы логотип для плаката или визитную карточку, сочетание цветов играет ключевую роль в том, как оно воспринимается.8 красивых цветовых палитр для вашего следующего дизайн-проекта креативный директор из Милана Думинда Перера создала серию минималистичных плакатов с цветовой палитрой, которые одновременно удобны и красивы. Вы можете принести любой цветовой код вашему местному дилеру Color World, чтобы он соответствовал и / или заказать именно тот цвет, который вы ищете. Эти числа представлены в шестнадцатеричной системе счисления. 8 красивых цветовых палитр для вашего следующего дизайн-проекта Лучшие генераторы цветовых палитр Цветовые коды HTML 8 красивых цветовых палитр для вашего следующего дизайн-проекта Лучшие генераторы цветовых палитр для вашего следующего дизайн-проекта Лучшие генераторы цветовых палитр Цветовые коды HTML 8 красивых цветовых палитр для вашего следующего дизайна Проект 8 красивых цветовых палитр для вашего следующего дизайн-проекта 8 красивых цветовых палитр для вашего следующего дизайн-проекта 21 инструмент цветовой палитры для веб-дизайнеров и разработчиков Лучшие генераторы цветовых палитр Цветовые коды HTML 8 красивых цветовых палитр для Ваш следующий дизайн-проект 8 красивых цветовых палитр для вашего следующего дизайн-проекта The Color System Material Design Цветовая палитра Гармоничные комбинации кодов и 25 ретро и винтажных цветовых палитр Скачать бесплатно образец Лучшие генераторы цветовой палитры Цветовые коды HTML 50 красивых цветовых комбинаций и как их применить к 20 летних цветовых палитр и шестнадцатеричных кодов Летний цвет 8 красивых цветовых палитр для вашего следующего дизайн-проекта 8 удивительных веб-сайтов с комбинациями цветов, которые вдохновят ваш следующий 101 цветовых комбинаций, которые вдохновят ваш следующий дизайн Лучшие генераторы цветовых палитр HTML-коды цветов Цветовые палитры 13 полезных инструментов, которые будут Помогите вам создать 75 привлекательных и крутых цветовых комбинаций на 2020 год The Color System Material Design 75 Eye Ca tching и классные цветовые комбинации на 2020 год 25 цветовых палитр в стиле ретро и винтаж Скачать бесплатно образцы 50 великолепных цветовых схем с потрясающих веб-сайтов Visual 100 цветовых комбинаций и как их применить к своим дизайнам 25 лучших цветовых схем на Рождество 2019 Блог 20 цветовых комбинаций логотипов, которые вдохновят ваш дизайн Looka Бежевые цветовые схемы Цветовые комбинации Цветовые палитры 44 Красивые цветовые схемы веб-сайтов Шестнадцатеричные коды Css Обновление 2020 75 Привлекающих внимание и классных цветовых комбинаций на 2020 год Цветовая комбинация для Голубой Freefunnyvideos Информация Материальный дизайн системы цветов Плоские цвета пользовательского интерфейса в веб-дизайне Руководство по сочетанию цветов 43 Лучшее Изображения кода RGB Цветовые схемы RGB 20 цветовых комбинаций логотипов, чтобы вдохновить ваш дизайн Looka Инструменты цвета для дизайнеров 2019 Muzli Design Inspiration 44 Красивые цветовые схемы веб-сайтов Css Hex Codes 2020 Update 6d87a8 Hex Color Rgb 1068 6d87a8 Цветовые коды Розовое золото Значение Комбинации и шестнадцатеричный код Цвета Canva Как использовать пастельные цвета в ваших проектах 15 Delicious 25 парных цветовых кодов Википедия 12 цветовых инструментов для повышения производительности для дизайнеров Webflow 40 Привлекающих внимание цветов Комбинации в медийных объявлениях Цветовые палитры Color Hunt для дизайнеров и художников Цветовые схемы розовых тонов Цветовые комбинации Цветовые палитры 75 Eye Ca Цветовые комбинации tching и Cool на 2020 год Оранжевый шестнадцатеричный код с комбинацией цветов радуги Te, нанесенной на 38b09d Hex Color Rgb 56 176 157 38b09d Цветовые коды Материальный дизайн системы цветов Инструменты цвета для дизайнеров 2019 Muzli Design Inspiration 20 цветовых комбинаций логотипов, которые вдохновят ваш дизайн Looka 22 лучших цветовых сочетания логотипов для вдохновения Тенденции 2018 Кроваво-красный цветовой код в сочетании с красным и синим цветами 25 привлекательных неоновых цветовых палитр, чтобы поразить ваших зрителей 5 приложений для Помогите вам выбрать завораживающие цветовые схемы 44 красивых цветовых схемы веб-сайтов Css Hex-коды 2020 Обновление 22 лучших цветовых сочетания логотипов для вдохновения Тенденции 2018 Сочетания с королевским синим и шестнадцатеричный код Canva Colors Расчет цветового контраста 24 способа 50 красивых цветовых палитр для вашего следующего веб-проекта Colorcombo349 с шестнадцатеричными цветами 9cc5c9 D5544f Cdb599 A08689 8 удивительных цветовых сочетаний для ваших сайтов Цветовые схемы веб-сайта, которые выглядят потрясающе 30 цветовых палитр Психология цвета в маркетинге Полное руководство Бесплатное Шестнадцатеричная комбинация цветовых кодов для цифровой станции веб-сайта Сочетание цветов со светло-оранжевым Pogot Bietthunghiduong Co Золото 24 карата Цветовая схема Gold Schemecolor Com 51 Сайты лучших цветов для графических дизайнеров Журнал для печати Настройка цветов и шрифтов Help Webstorm 21 Инструменты цветовой палитры для веб-дизайнеров и разработчиков 13 Полезные ресурсы для вдохновения цветовой палитрой Валлиец ткача Больше узоров и цветов Страницы Kerala Home Design Hd и сочетание цветов азиатских красок для 15 цветовых схем веб-сайтов для стартапов и консультантов Хорошие сочетания цветов для интерьера Png Страница из 15 Золото Colorcombo52 с шестнадцатеричными цветами 005a04 Ccffbb 3a5f0b 005502 Инструменты цвета для дизайнеров 2019 Muzli Design Material Inspiration Система цветов Список 20 простых отчетливых цветов Саша Трубецкой Baafd3 Hex Color Rgb 186175 211 Цветовые коды Baafd3 75 привлекательных и крутых цветовых комбинаций на 2020 год 25 инструментов для комбинирования цветов для дизайнеров Дизайн блога Pro 40 привлекательных цветовых комбинаций в медийной рекламе 10 лучших 3 цветовых комбинаций для Дизайн логотипа с бесплатными образцами Краска цвета слоновой кости Идеи для кухни Шкафы Цветовой код для фотографий Цвета Mazda Cx 5 Какой из них подойдет вам Пляж Mazda 20 летних цветовых палитр и шестнадцатеричных кодов Ave Mateiu 20 цветовых комбинаций логотипов, чтобы вдохновить Ваш дизайн Looka Таблица комбинаций красок Pogot Bietthunghiduong Co Как читать цветовые коды резисторов Arrow Com Оранжевые цветовые коды и названия Выбор цветов Цветовые схемы земных тонов Цветовые комбинации Цветовые палитры 101 цветовая комбинация, которая вдохновит ваш следующий дизайн Палитры Цветовые палитры Палитры символов и линейный узор Как мы обсуждали в нашей статье Исследование цвета в веб-дизайне, Дизайн-системы внесли свой вклад в тенденцию важности цвета и продвинули палитру еще дальше, чем это было раньше (палитры ранее состояли только из основного цвета бренда с цветом подсветки и несколькими нейтральными). Теперь цветовые палитры содержат больше элементов и часто представляют собой не просто визуальное исследование, а семиотическое, будучи гораздо более сложным и побуждающим нас исследовать такие концепции, как сильные контрасты, хроматические последовательности, цветной фон, цвета, модулированные нейтральными оттенками, гипернасыщенные палитры, кислотные цвета и др. В этой статье мы выбрали последние яркие цветовые схемы с сайтов Awwwards и набор элементов из нашей коллекции Color Exploration.Наслаждаться! ……… Во второй части этой статьи мы составили список цветовых палитр, которые использовались чаще всего за последние несколько месяцев. # c1f20f
# ff00a1
# 252626
# 0b30fb ## F7f639
# fd92a6
# f267a0
# 1b1464 # ed7b49
# f6bde8
# b8afff
# 8cc1a7 # 607262
# e5b9b0
# f4e3d1
# faf9f4 # 1d1d1d
# 0053e1
# fef335
# ff4617 # d0d1ad
# 84c53
# f7ea49
# 104de9 # f9c5d1
# f46e6f
# 148c8a
# 2e3359 # cea5ad
# cbff00
# 000000
# 72aabb # aea2f0
# fed040
# 1bb476
# 0b43dc
# fc3f21
# 000000 △ 🌈 △ 🌈 △ 🌈 △ Нам повезло, что у нас есть доступ к многочисленным генераторам цветовых палитр и другим инструментам, которые помогают нам играть со всеми цветовыми вариациями, а также к цветовым схемам . Эти инструменты помогают нам начать со случайного цвета или выбрать основной цвет и получить вторичные комбинации, дополнительные цвета, оттенки и т. Д.Мы можем понять и изменить физические свойства цвета, применить вариации тона, яркости или даже создать палитр градиента . В ближайшее время мы покажем вам самые интересные инструменты, и если они вам нравятся, не забудьте регулярно проверять нашу коллекцию Handy Tools and Apps for Designers, где вы можете найти новые приложения с отличными идеями. чтобы помочь вашему творческому процессу. 3.Синий металлик, фиолетовый, красный — Цветовая палитра веб-сайта
Оранжевый:
# c2dde6. Trapper Keeper Red & Purple 11.Бутерброд с пасхальным яйцом
1.Интеллектуальная небрежность
2. Extra Snug
3.Dark Horse
4. Сонно-зеленые полосы
5.Драгоценные металлы
7.Простые бриллиантовые акценты
Часть вторая — Наблюдения за взаимодействием и цветом в контексте
8. Синий Красный
9. Солнечное и спокойное
9. Темно-оранжевый
10.Писклявый
11. Базовый сине-зеленый
Часть третья — Об отсутствии цвета и хорошо выполненных монохроматических цветовых схемах
12. Резкий контраст
13.Настоящее черно-белое изображение + фотография
14. Goldifox
15. Мятный обновленный
16. Синий + белый
16. Экспериментальная простая фотография — квадратное разделение
17. Плавающий объект, разделение углов под углом, простая редакционная типографика
18. Прямоугольник вокруг букв, креативная блокировка букв
Часть четвертая — О взаимодействии типографики и цвета
19. Угольно-черный, золотой и много белого пространства
19B. Пары шрифтов для дополнения выбора цвета — Gin Rough и Amiri
20. Чистый красный хаки
20B. Пары шрифтов, дополняющие выбор цвета — Futura Bold и Museo Slab
21. Модная пастель модерн
Несколько слов ободрения
Часть пятая — Что такое современная цветовая палитра?
22. Элегантная современная цветовая палитра
Цветовая палитра:
24.Свежая современная цветовая палитра
26. Ржавая современная цветовая палитра
5 лучших генераторов цветовых схем, которые вы выбрали
Часто задаваемые вопросы о цветовых схемах веб-сайта
Какой цвет лучше всего подходит для веб-сайта?
Сколько цветов должно быть на сайте?
Почему мне стоит подумать о найме профессионального дизайнера веб-сайтов?
Вы открыли секретный выход во внутренние механизмы Интернета! 😉
Посмотрите это короткое видео, чтобы увидеть, как опытные компании экономят время и привлекают лучших потенциальных клиентов:
Похожие сообщения
50 великолепных цветовых схем с потрясающих веб-сайтов
1 Красочный и сбалансированный
2 ярких акцентных цвета
3 Естественный и землистый
4 Прохладный и свежий
5 Смелый и яркий
6 вермиллионов и русская зелень
7 Стильный и изысканный
8 фиолетовых оттенков и тонов
9 Deep Purple и Blues
10 Современный и смелый
11 Живых и манящих
12 Поразительно и просто
13 Красный и живой
14 Вычурное и творческое
15 Элегантный, но доступный
16 Изящный и футуристический
17 Новаторский и дерзкий
18 Текстурированные и динамические
19 Минимальный, но теплый
20 Яркие и четкие
21 Чистый и энергичный
22 Корпоративные и традиционные
23 Синий и освежающий
24 Чистый и современный
25 Яркий и элегантный
26 Молодость и веселье
27 Великолепный контраст
28 эффективных акцентных цветов
29 Современность в полном расцвете
30 Близость к природе
31 Ярко-розовый и пастель
32 Уникальная комбинация
33 ярких цитрусовых цвета
34 Яркие синие и оранжевые
35 Красная роза и черника
36 Смелый и уникальный
37 Веселая и энергичная
38 Снежный, но теплый
39 Богатство и красочность
40 Модерн и минимализм
41 Бесстрашный и бесстрашный
42 цвета Flat Design
43 Эклектичный и мирный
44 Классный и традиционный
45 ярких акцентных цветов
46 Корпоративное и серьезное
47 Гламурно и модно
48 Привлекающий внимание и гладкий
49 Громко и прямо в лицо
50 Живых, но успокаивающих
Лучшие цветовые палитры для повышения вовлеченности веб-сайтов (2020)
Почему ваша цветовая схема так важна?
1. Повышение узнаваемости бренда
2. Сформируйте отношение посетителей к вашему сайту
3. Развивайте чувство порядка
4.Выделение определенных элементов
5. Упростите конструкторские решения
Сколько цветов нужно добавить?
Как выбрать цветовую схему веб-сайта
16 отличных цветовых палитр для повышения вовлеченности веб-сайтов (2020)
1. Меа Чаппа
2. Большая вершина
3.Глаз Тори
4. BarkBox
5. Набор для выживания с сыром
6. Северный рубин
У конференции 7. Озеро Нона
8. Лимонная стойка
9. Монетный двор
10. Одопод
11. Fiverr
12. Школа цифровой фотографии
13. Ahrefs
14. Millo.co
15.Брайан Гарднер
16. Ткацкий станок
Удобный список ресурсов для выбора идеальной цветовой палитры веб-сайта
1: BrandColors
2: ColourLovers
3: ColoRotate
Соответствие вашему бренду
4: Охотник за цветом
5: Живописный
6: Цветовое колесо Adobe Color CC
7: Палеттон
8: Color Spire
9: Цветовая сфера MudCube
10: Сплошные цвета
11: Генератор шестнадцатеричных цветовых схем
Создайте свои цвета
12: Цветное приложение
13: Цвет
Получить коды для цвета
14: SpyColor
15: цветовые коды HTML
Проверьте свою палитру
16: Проверь мои цвета
Соответствующие изображения
17: TinEye
18: Дизайн
Как использовать инструмент поведения веб-сайта для анализа лучших цветовых палитр
Начать использовать Crazy Egg
Заключение
50 лучших цветовых схем веб-сайтов 2021 года
1. Зои Пеппер
2. Юкон 1000
3. Persoo
4. Studio Simpatico
5. Neverheart
6. Карнавальные звуки
7. Взвешиваю Сообщество
8. Советский дизайн
9. Уродливые напитки
10. Основание Taproot
11. Дрожжи Омега
12. Farm Food
13. Jebsen Careers
14. IC Creative
15.Мангров Отель
16. Сон
17. Атланта пивоварня
18. Кафе на Солнечной улице
19. Различие
20. Pittori di Cinema
21. Мы (Сердце) UX
22. Гордый и раздираемый
23. Баобла
24. Центр неотложной помощи для женщин и девочек
25. Портфолио Жана-Батиста Калойя
26. Игорь
27. Ковбойский байк
28. Габриэль Долан
29. Пиксельная кладовая
30. Одиннадцать растений
31. Qvartz
32. Sheerlink от RTX
33. Пуэрто Мате
34. Портфолио Loic Sciampagna
35. Канатал
36. FFWD Digital
37. Tappezzeria Novecento
# fab162 38. Тэв
39. Ниша и культ
40. Sysdoc
41. Обжарщики кофе Veneziano
42. Лучшая энергия
43. Взрывная галактика
44. Портфолио Кайла Декера
45. Подмигнуть
46. Пивоварня Archibald Microbrewery
47. Индеги
48. Рюкзак
49. Демисол
50. Dropbox
smylingsally: сочетание цветов с кодом
Бесплатные комбинации цветовых схем.
Модные цветовые палитры и инструменты для дизайна материалов Цветовые схемы и инструменты
Последние тенденции веб-дизайна выявили ожесточенное соперничество между цветом и типографикой за доминирование в визуальном восприятии.Все рады восхищаться блестящими и яркими цветовыми палитрами 🌈, они стимулируют чувства, а их качества выходят за рамки простого визуального восприятия. 1. Места дня с отличными цветовыми схемами
2. Генераторы цветовых палитр и полезные инструменты
ОХЛАДИТЕЛИ
Coolors — это сверхбыстрый генератор цветовых схем, позволяющий создавать ваши палитры, обмениваться палитрами, экспортировать их в различные форматы, такие как SVG, PDF или SCSS, и вдохновляться тысячами цветовых схем. HUE SNAP
Hue Snap — это генератор цветовой палитры, который позволяет вам использовать существующую коллекцию цветов палитры или создавать свои собственные, загружая изображение и используя палитру цветов для создания индивидуальной цветовой палитры. ДИЗАЙН МАТЕРИАЛОВ — ИНСТРУМЕНТ ДЛЯ ЦВЕТА
Этот инструмент позволяет вам создавать, публиковать и применять цветовые палитры к вашим дизайнам пользовательского интерфейса, а также видеть, как выбранные вами цвета будут выглядеть на реальных примерах проектов. СЧАСТЛИВЫЕ ОТТЕНКИ
Посмотрите реальные примеры того, как параметры цветовой палитры будут работать на веб-сайте.Этот инструмент предназначен для тех, кто не уверен в цветах в своем проекте и хочет увидеть примеры цветов, используемых в дизайнерском проекте. Happy Hues также содержит информацию о психологии цвета и цветовой терминологии. HAIL PIXEL — ЦВЕТ
Этот простой инструмент — интересный способ создать дополнительную палитру цветов: вы просто перемещаете курсор вверх и вниз, чтобы выбрать цвет, нажмите, чтобы сохранить, затем перемещайтесь по горизонтали к следующему цвету, в конечном итоге создавая полную палитру. KRHOMA: ИНСТРУМЕНТ AI COLOR
Khroma — это инструмент цвета AI для дизайнеров, который учится на ваших предпочтениях, чтобы создавать неограниченные палитры. ПИГМЕНТ ПО ФОРМУ ФАБРИКИ
Создавайте свои любимые цвета, используя две настройки пигмента и освещения. Pigment также предоставляет вам шестнадцатеричный код, значения RGB и код Pantone для каждого цвета, который вы хотите, также он прост в использовании и бесплатен. ПАЛИТРА
Этот инструмент переназначения и редактирования цветовой палитры, разработанный Габриэлем Адорфом, позволяет вам создавать базовую палитру для дизайна пользовательского интерфейса с функцией плавного перетаскивания для увеличения или уменьшения оттенка, а также позволяет импортировать, анализировать и редактировать существующие цветовые схемы. ЦВЕТ
Перемещайте указатель мыши по экрану и просто щелкните мышью, чтобы начать создавать свои собственные палитры цветов. Этот инструмент позволяет сохранять цвет в нескольких форматах, таких как Less, SCSS, PNG и т. Д. HTML ЦВЕТОВЫЕ КОДЫ
Имеет шестнадцатеричные цветовые коды, значения RGB и HSL с их палитрой цветов, цветовую диаграмму и полный список из 140 названий цветов HTML. ЦВЕТНОЙ
Инструмент, полезный для выбора цвета текста и фона для вашего дизайна. Вы можете поиграть с настройками или просто нажать кнопку «случайный выбор», чтобы получить хорошо готовые цветовые композиции. COLOR HUNT
Бесплатная и открытая платформа для всех, кто ищет вдохновение в цвете, содержит более тысячи модных, подобранных вручную цветовых палитр. ЦВЕТ ADOBE
Классический инструмент для создания цветовых схем с помощью цветового круга или просмотра тысяч цветовых комбинаций от сообщества Adobe. ПАЛИТОН
Еще один классический инструмент для создания цветовых сочетаний. Paletton — отличный инструмент для обучения, помогающий нам понять основы теории цвета. МАСШТАБ
Генератор цветовой палитры с забавными настройками, который позволяет вам по-настоящему экспериментировать, когда вы ищете свои цветовые схемы.