Содержание
Правила сочетания цветов
В данной статье мы собрали несколько основных схем и правил сочетания цветов.
Схема № 1. Комплиментарное сочетание
Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада — сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Схема № 3. Аналогичное сочетание
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Схема № 4. Раздельно-комплиментарное сочетание
Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные.
Схема № 5. Тетрада — сочетание 4 цветов
Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Схема № 6. Квадрат
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.
Сочетания отдельных цветов
Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
Красный: с желтым, белым, бурым, зеленым, синим и черным.
Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
Малиново-красный: белый, черный, цвет дамасской розы.
Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
Светло-оранжевый: серый, коричневый, оливковый.
Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
Оливковый: апельсиновый, светло-коричневый, коричневый.
Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.
А вот тут еще лет 10 назад Adobe сделал сайт для подбора цветов, ВОТ ПОПРОБУЙТЕ :
Ссылка на источник
Как сочетать цвета, с какими цветами сочетать, с каким цветом сочетать, какие цвета можно сочетать, с какими цветами можно сочетать, как сочетать цвета в одежде, как правильно сочетать цвета, цвета сочетаемые с серым, цвета сочетаемые с зеленым, как сочетать цвета в интерьере, мебель сочетаемые цвета, с чем сочетать цвет хаки, фото сочетаемых цветов в одежде, цвета сочетаемые с красным, какие цвета сочетать в одежде, как сочетать цвета фото, с чем сочетать синий цвет, с какими цветами сочетать серый цвет, с какими цветами сочетать серый, с каким цветом сочетать серый, цвета сочетаемые с черным, хорошо сочетаемые цвета, с какими цветами сочетать синий цвет, с какими цветами сочетать синий, с каким цветом сочетать синий, таблицы сочетаемых цветов, как сочетать разные цвета, с какими цветами сочетать зеленый, с каким цветом сочетать зеленый, цвета сочетаемые с белым, как правильно сочетать цвета в одежде, с чем сочетать бордовый цвет, какие цвета сочетать в интерьере, цвет марсала с чем сочетать, цвета сочетаемые с оранжевым, с чем сочетать коричневый цвет, с чем сочетать розовый цвет, как сочетать цвета таблица, какими цветами сочетать розовый, какой цвет сочетает розов, с какими цветами сочетать красный, с каким цветом сочетать розовый, с каким цветом сочетать красный, с чем сочетать мятный цвет, с чем сочетать горчичный цвет, с какими цветами сочетать коричневый, с каким цветом сочетать коричневый, таблица сочетаемых цветов в одежде, какие цвета лучше сочетать, правила сочетания цветов, правила сочетания цвета, главные правила сочетания цветов, цвет в интерьере правила сочетания, цветовой круг правила сочетания цветов, круг итона правила сочетания цветов, основы колористики правила сочетания цветов, правила сочетания цветов скачать, главные правила сочетания цветов скачать, правила сочетания цветов книга, книга главные правила сочетания цветов.
Правила сочетания цветов
Каждая женщина мечтает быть стильной. Но не многие знают, что главное в образе – сочетание цветов. Это целая наука!
Мы говорим не только о цветах одежды, но и обуви, а также, подборке аксессуаров.
Стильный образ на 99% складывается из правильного сочетания цветов в одежде, макияже, аксессуаров. Если цвета скомбинированы неверно, создается ощущение, что что-то в облике «не так». Это связано не столько с сознательным пониманием модности и стильности вещей, сколько с физическими законами цветовосприятия. — Джулия Баних
Конечно, цветовые правила меняются от века к веку, ведь мода непостоянна. Капризные фасоны одежды часто не допускают более 1-2х цветов. А на улицах столицы можно увидеть достаточно пестрые образы. Это все – личные предпочтения.
Еще в пятидесятых, журнал «Советы домохозяйке» твердил о запретных сочетаниях цветов. Красный и желтый, зеленый и оранжевый, фиолетовый и желтый были под запретом. Комбинировать эти цвета было признаком отсутствия вкуса.
Сегодня, правильно подобранные оттенки разных цветов – это красиво и современно. В женском гардеробе
Если вы модная женщина, или хотите быть той, которая приковывает взгляды, у нас
Золотое правило
1 образ – максимум 3 цвета
Мы взяли шесть самых распространённых, модных и актуальных цветов. Рассмотрим их с точки зрения моды, образа и сочетания с другими цветами.
Бордовый и его оттенки – марсала и вишневый кофе.
Одежду насыщенного бордового цвета не сложно найти в магазинах, сейчас он в тренде. Но оденет его далеко не каждая девушка или женщина. Это цвет смелых, самоуверенных, дерзких. Если вы надеваете бордовую вещь, то ваш образ обязательно сопровождает королевская уверенность в себе.
Марсала, простыми словами – винный. Сейчас очень популярны аксессуары (сумки, обувь) цвета марсала. Также он часто встречается на ноготках прекрасных дам.
Вишневый кофе – это самый темный оттенок бордового. Он выглядит строго и благородно. Близок к черному, но краснота бордового тона присутствует ярко, энергично.
Все оттенки бордового сочетаются с фиолетовым, темно-синим цветом, бежевато-розовым и телесным, а так же с глухим желтыми и зелеными палитрами.
Розовый может быть ярким, но нас интересует более пастельный тон, нежно-розовый, бежеватый и перламутровый розовый цвет.
Когда розовый близок к цвету тела, он раскрывает новые возможности фантазии. Если вы хотите привлечь взгляд партнера, такой оттенок розового будет как раз к стати.
Не секрет, что бежеватый розовый смотрится более выгодно на загорелой коже. Это относится и к макияжу, и к одежде.
Розово-бежевый и телесный розовый легко сочетать с такими же глухими, пастельными тонами сиреневого, зеленого, фиолетового и желтого.
Коралловый розовый с перламутром близок натуральным оттенкам, но все же он более бледный, нежный. Этот цвет будет одинаково хорошо выглядеть и на белой и на темной коже. Если дополнить образ, например, платья кораллового цвета жемчугом, то образ получится очень легким, загадочным.
Сочетать его можно с желтыми, но блеклыми, оттенками, с серо-голубым или белым. Универсально кораллово-розовый будет смотреться с джинсой, темно-синим или темно-коричневым цветом.
Красный и коралловый красный.
Известно, что красный цвет – символ огня, страсти, энергии, провокации и мощи. Гардероб с нотками красного – это заявление об уверенности в себе. Как и ногти и губы красного цвета или красные туфли на внушительной шпильке.
Ярко-красный цвет уже сам по себе кричит о вашем образе, добавлять в него другие пестрые цвета. Поэту лучше всего комбинировать классический красный с белым и черным – это основа сочетания. Но это не значит что с нежно-бежевыми и терракотовыми оттенками вам не получится создать достойный образ. Также, стилисты рекомендуют сочетать красный с голубым и фиолетовым.
Кораллово-красный, теплый, уютный. Он не режет глаз и подходит для любого типа внешности. Прогуливаясь без цели по магазинам, обзаведитесь кораллово красным свитером или платьем, женщина в красном – женщина в тренде.
Надеть вещь такого цвета вы сможете в любое время года и в любое время дня. Кораллово-красным цветом награждают как вечерние наряды, так и повседневные.
Хорошим дополнением будут светлые оттенки желтых цветов и оранжевых, а также бирюзовый, сиреневый, бежевый.
Бирюзовый, «атлантида», «аквамарин», морская волна.
Бирюзовый – очень трепетный цвет. Он может быть ближе к синему, а может восприниматься, как зеленый. К зеленому оттенку определяют цвет «атлантида» и «аквамарин». А к синему – цвет морской волны и темно-бирюзовый.
«Аквамарин» – это бледно-бирюзовый цвет. Очень нежный, струящийся, как будто полупрозрачный. Его часто используют для шелковых и шифоновых тканей. К нему подойдут украшения ярких цветов: оранжевые, зелёные, розовые камни, а так же золото и серебро.
В свою очередь, бирюзово-зеленый, он же «атлантида», более насыщенный, глубокий. Он независимый и твердый. О человеке, который носит одежду такого цвета, можно сказать: для нее нет ничего невозможного!
Цвет морской волны навевает романтические мысли об отпуске и расслаблении. Но в последнее время его часто применяют в офисной одежде и аксессуарах. К стати, он универсален, несмотря на яркость. Его можно сочетать с белым и черным смело.
Темно-бирюзовый напоминает морскую волну, но он более холодный и осторожный. Такой оттенок не акцентирует на себе внимание, но смотрится необычно. К нему легко подобрать бижутерию и аксессуары.
Бирюзово-зеленый и бирюзово-синий выгодно смотрятся с оранжевым, королевским синим, насыщенным зеленым, рыжим, фиолетовым и пастельными оттенками желтого.
Голубой цвет.
Часто голубой цвет ассоциируют с небом, легкостью, свободой. Женщина в голубом платье или пальто выглядит красиво и непринужденно. Голубые рубашки и блузки, туники, хорошо сочетаются с темными цветами юбок и брюк.
Спокойствие и гармония голубого цвета в джинсе, делает ее универсальной. А аксессуары и обувь голубого цвета станут изюминкой, даже для самого сдержанного образа.
Голубой сочетается с белым, нежно-розовым, пастельно-желтым, сиреневым и темными оттенками фиолетового, синего, коричневого и зеленого цветов.
Темно-синий и королевский синий, или черничный цвет.
Холодные синие цвета требуют ярких дополнений. Аксессуаров, макияжа, акцентов. Струящиеся ткани шарфиков, ремешки, бижутерия с насыщенными камнями – неизменные соратники королевского синего.
Синий цвет универсален для всех возрастов и телосложений. Большой плюс синих оттенков – они стройнят и подчеркивают контраст кожи и волос. Королевский синий и черничный синий всегда смотрятся дорого, в одежде и аксессуарах.
В сочетании с яркими оттенками синего, зеленого, желтого и розового, вы будете однозначно привлекать внимание. Сочетание с белым и бордовым – более классическое и благородное.
В заключении, хотим напомнить вам, прекрасные дамы, что золотой, бронзовый и серебряный цвета всегда в тренде. Их легко комбинировать с любыми оттенками, любых цветов. К тому же, металлические оттенки вне времени года и фасона одежды.
Будьте яркими, будьте стильными, будьте счастливыми!
С любовью ваша, Леди-Мария.
Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.
Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.
Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.
Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.
Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.
Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.
Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
Шпаргалка. Как сочетать цвета в одежде
Каждую осень в предчувствии зимней хандры я облачаюсь в черное и серое, но уже к концу февраля мне хочется все это немедленно сжечь и составить полностью новый гардероб в ярких и жизнерадостных тонах. Вероятно, я не одинока в своих стремлениях, иначе чем еще объяснить, что осенне-зимние коллекции большинства брендов выполнены в более темных и глубоких цветах, а весенне-летние предлагают нам разные вариации светлых и ярких. Вместе с желанием купить все это желтое-розовое-голубое-оранжевое обычно приходят опасения: а с чем это носить? Эти опасения зачастую заставляют нас избегать цветов, про которые мы ничего не знаем, и придерживаться нескольких традиционных схем, которые усвоили давным-давно.
Пост о том, как сочетать цвета, стал самым расшариваемым за всю историю сообщества make-your-style: люди до сих пор отыскивают их в архивах и забирают к себе как шпаргалку (и вот этот — тоже). Поэтому я решила собрать в одном месте лайфхаки, которые помогут свободнее ориентироваться в цветовых сочетаниях.
Работа с цветовым кругом
Правила сочетания цветов хорошо понятны на примере цветового круга.
Правила эти действуют всегда, как закон Всемирного тяготения. Это значит, что если какие-то цвета сочетаются в природе или на картине великого художника, то они будут сочетаться и в одежде, и в интерьере. Другое дело, что в разные времена становятся актуальными разные типы сочетаний.
1. Контрастное (комплементарное) сочетание
Два цвета, располагающиеся напротив друг друга в цветовом круге. Очень яркое и контрастное сочетание.
2. Аналогия
Три родственных цвета, располагающихся рядом
Это фотография из Vogue Delpozo Pre-Fall 2017 Fashion Show. На протяжении нескольких лет назад в моде господствовал colour-block, то есть контрастные сочетания и сочетания по треугольнику, но сейчас на первый план, кажется, выдвигается тренд на сочетание родственных цветов.
3. Классическая триада
цвета располагаются треугольником, под углом 120 градусов. В основе — 3 цвета, из которых получаются все остальные, — желтый, синий и красный, на равном удалении друг от друга.
4. Контрастная триада
Чуть менее контрастное сочетание: не с противоположным цветом, а двумя соседними. (Может быть вариант, когда задействованы все три стоящих рядом цвета)
5. Тетрада — по два оттенка слева и справа от контрастных цветов
В одежде такое сочетание встречается не так уже часто, но вот пример:
An artist’s studio in Oia, Santorini
6. Монохром. Разные по светлоте оттенки одного цвета
Processed with VSCO with 5 preset
Эти варианты дают простор для дальнейших комбинаций
Как применять это в жизни?
Даже если мы знаем, что желтый в принципе сочетается с синим, а розовый с красным, не факт, что из магазина мы принесем розовую юбку, подходящую к конкретному красному топу.
Смешивать 3 краски можно в какой угодно пропорции, и получать каждый раз новый цвет. Над этим работает целая индустрия, которой, разумеется, нужно, чтобы люди не переставали покупать новые и новые вещи. Каждую весну в моду входит желтый, и каждый раз это немного новый желтый.
Если вам хочется обновить гардероб в трендовых тонах, то нет ничего проще, чем воспользоваться уже готовым решением.
Палетки Pantone
Вот здесь, например, мы писали о цвете майской зелени greenery, который Pantone назвал цветом 2017 года.
А вот и палетки:
Помимо него Pantone дает еще 9 модных оттенков, которые сочетаются между собой.
Словом, если вы хотите полностью составить гардероб в цветах сезона, то это не составит труда. Но если, допустим, вы захотите сегодня подобрать синюю рубашку к синим штанам, которые купили в прошлом сезоне, то найти нужный оттенок синего будет очень сложно.
Подбираем цвета самостоятельно
Куда реалистичнее по нынешним временам выглядит история, когда мы не обновляем гардероб целиком, а докупаем какие-то яркие цветовые акценты. Логично перед покупкой какой-то яркой вещи продумать возможные сочетания.
Для этого можно воспользоваться сайтами для подбора цветов. Их много, они легко гуглятся. Я взяла colorsheme.
Выбираем подходящий цвет. Например, насыщенный желтый. Кликаем на схему сочетания (а лучше — на все по очереди) и получаем 6 готовых палеток.
Делаем скрины на телефон и с ними идем в магазин.
Что еще?
Есть несколько сайтов, которые создают цветовые палитры на основе фото с яркими цветовыми решениями. На них стоит заходить, чтобы вдохновляться, либо же подобрать конкретные сочетания к нужному цвету. Например:
design-seeds
in color balance (это сайт дизайнера, колориста и фотографа Alex Romanuke, который создает палитры вручную)
Можно пойти третьим путем: сфотографировать понравившееся вам сочетание и разложить на цвета, загрузив картинку на сайты вроде pictaculous.com либо color.adobe.com (это адобовское приложение составляет палитры по схемам, как и colorsсheme, и раскладывает на схему загруженное фото).
Собственно, на 6 схемах цветовые сочетания не исчерпываются, ведь мы берем их у природы, которая прекрасна и многообразна. Для хорошей работы с цветом стоит ориентироваться именно на природные сочетания, на работы великих художников, дизайнеров, архитекторов и фотографов. Разумеется, это не значит, что мы сможем повторить такое же сложное цветовое сочетание сразу или придумать что-то свое, такое же гениальное, но здесь работает то же правило, как с «врожденной» грамотностью и стилем в языке: чтобы хорошо писать, надо читать много хорошей литературы.
Хорошей вам работы с цветом и больше яркости в жизни!
Присоединяйтесь к нам в соцсетях и читайте Make Your Style, где удобнее: в Telegram и Instagram.
Цветотип лето и другие: что не так c сезонной классификацией внешности
Одним цветом. Как составить монохромный образ
Таблицы сочетания цветов
Все-таки-таки есть цвета, которые являются для вас наиболее выигрышными. А их умелое сочетание с остальными и создает понятие элегантности и вкуса. Одеваться монохромно, когда все детали вашего туалета – одного цвета, уже давно стало признаком плохого вкуса.
Исключений из этого правила немного – если вы не невеста и не в трауре, то в вашей одежде должны присутствовать три оттенка – основной цвет, добавочный — гармонирующий и оттеняющий основной и, возможно, контрастная деталь, интригующий цветовой акцент. Правильно подобрать и скомбинировать их – зачастую весьма непростая задача.
Немногие счастливчики, от природы наделенные тонким художественным вкусом и цветовосприятием, могут подобрать цветовое решение гардероба, опираясь на свою интуицию. Всем остальным, чтобы всегда быть стильно и со вкусом одетыми, необходимо изучить несколько правил, установленных еще сэром Исааком Ньютоном!
Белый цвет — со всеми
Бежевый цвет смело сочетается со спокойными тонами, а также отлично может сочетаться с более насыщенными и яркими тонами. Бежевый цвет сочетается с цветами: хаки, болотный, какао, серый, серо-коричневый, каштановый, шоколадный, желто-зеленый, оливковый, ржаво-коричневый, терракот, баклажанный, фиолетовый, ярко-синий.
Таблица сочетания бежевого цвета
Розовый цвет — с белым и нежно-голубым, с светло- серым, промежуточный между красным и белым тонами.
Красный цвет — с желтым, белым, бурым, синим и черным, лиловым и розовым, черным и серебристым, черно-коричневым и песочным. Красные тона сейчас смело смешиваются друг с другом, и выглядят при этом сногсшибательно. Более умеренный вариант — комбинировать красный с черным.
Таблица сочетания красного цвета
Бордо — цвет женщины, которая знает себе цену. Бордо сочетается с черным и темно-синим, а также с цветами: зеленый, оливковый, серый, сине-зеленый, томатный и другими оттенками красного. С бордо очень хорошо сочетаются ягодные тона: ежевика, черника, бузина.
Таблица сочетания цвета бордо
Фуксия, малиновый, пурпурный цвета сочетаются с цветами: желтый, оранжевый, темно-зеленый, зеленый, ярко-синий, фиолетовый. Малиновый цвет также хорошо гармонирует с розовым и белым цветами.
Таблица сочетания цвета фуксия
Коралловый цвет имеет двенадцать разновидностей, это и розово-оранжевые оттенки, и насыщенные красно-оранжевые. Сочетается с цветами: белый, бежевый, золотой, телесный, коричневый, темно-коричневый, хаки, оттенки серого, алый, розово-персиковый, лиловый, сиреневый, ярко-розовый, оранжевый, желто-оранжевый, бледно-желтый, темно-синий, серо-голубой, черный.
Таблица сочетания кораллового цвета
Желтый цвет – олицетворяет солнце, мудрость, веселье, уверенность в себе и свободу. Золотой цвет — это цвет славы и богатства. Желтый цвет сочетается с цветами: болотным, сине-зеленым, оранжевым, теплым коричневым, шоколадным, черным, темно-синим.
Золотистый цвет хорошо сочетается с цветами: оливковый, коричневый, красный, пурпурный, темно-зеленый, фиолетовый. Желтый цвет — с синим, фиолетовым, лиловым, бирюзовым. Желтый цвет без отделки или дополнения к нему малопривлекателен.
Таблица сочетания жёлтого цвета
Оранжевый цвет – жизнерадостный, яркий, летний и позитивный цвет, динамичный и этнический, цвет блеска заходящего солнца. Ярко-оранжевый цвет хорошо сочетается с яркими цветами: ярко-желтый, горчичный, бежевый, фиолетовый, коричневый. Приглушенный оранжевый или терракот хорошо сочетается со спокойными оттенками — бледно-желтый, серо-зеленый, хаки, коричневый, каштановый, шоколад, темно-синий или темно-серый. К оранжевому и желтому цветам очень подходит контрастный черный цвет.
Таблица сочетания оранжевого цвета
Коричневый цвет — с небесным, кремовым, желтым, зеленым и бежевым, джинсово-голубым, дымчато-синим, светло-зеленым и белым; цветом майской травы и совсем светлым зеленым, лиловым с блекло-розовым. Коричневый цвет сочетается с оливковым, золотистым, сине-зеленым, оранжевым, сиреневым, светло-розовым, всеми оттенками бежевого, цветом слоновой кости и серым. А неожиданное и чрезвычайно удачное сочетание теплого коричневого и бирюзового произведет отличное впечатление.
Ржаво-коричневый сочетается со сливовым с коричневым; фиолетовым с оранжевым и кремово-белым; светло-зеленым с верблюжьим; красным с желтым и кремово-белым; коричневым с ежевичным.
Таблица сочетания коричневого цвета
Зеленый цвет — с коричневым, оранжевым, салатным, желтым и белым цветами и только светлая зелень — с серым и черным тонами. Он является промежуточным между холодными и теплыми тонами.
Таблица сочетания зелёного цвета
Оливковый цвет гармонирует с цветами: сине-зеленый, теплый зеленый, хаки, яблочно-зеленый, травяной, баклажанный, бордовый, вишневый, фиолетовый, темно-лиловый, коричневый, золотистый, красный, оранжевый.
Горчичный сочетается с цветами: коричневый, шоколадный, терракот, желтый, бежевый, хаки, сине-зеленый, коралловый, ярко-розовый.
Синий сочетается с оранжевым; коричневым и персиковым, хаки и блекло-оранжевым, кремово-белым, ежевичным с вкраплениями коричневого, светло-коричневым и томатным; серовато-оранжевым и фиолетовым.
Таблица сочетания горчичного цвета
Ночную синеву сочетайте с едко-розовым с хвойно-зеленым; красным и белым; бледно-розовым с темно-коричневым и серебристым; майской зеленью с сине-зеленым; серым с ярко-желтым и бледно-розовым.
Синий цвет бывает светлых и темных тонов
Светло-синий — с белым, желтым, оранжевым, розовыми цветами, является промежуточным между красным и синим.
Темно-синий — со светло-синим (голубым), серым, красным,
джинсово-голубым, дымчатым, сливово-синим; с зеленым и белым; серым, светло-розовым и коричневым; розовым и зелено-голубым; ванильно-желтым и светло-голубым; темно-коричневым, лиловым.
Таблица сочетания синего цвета
Голубой цвет сочетается с цветами: розовый, сиреневый, коралловый, светло-фиолетовый, желтый, ярко-синий, темно-синий, серый, белый, бежевый. Бирюзовый сочетается с белым, желтым, оранжевым, фиолетовым, сине-зеленым.
Таблица сочетания голубого цвета
Сиренево-розовый сочетается с лавандовым и темно-синим; темно-коричневым с розово-красным; коричневым со светло-коричневым; сербристым с джинсово-голубым и желтым, хорошо сочетается с лавандовым.
Фиолетовый цвет — с белым, желтым, оранжевым, розовым цветами, является промежуточным между красным и синим. Светлые тона фиолетового цвета называются лиловыми. Сочетаются они с желтым, оранжевым, серым и белым цветами.
К лиловому цвету относят цвета фиалки или темных соцветий сирени, фиолетовый. Лиловый цвет — это цвет женственности, ассоциируется с утонченностью, грацией и элегантностью. Лучше всего лиловый цвет сочетается с темными нейтральными оттенками – с черным, серым или темно-синим.
Фиолетовый цвет — цвет благородства и роскоши. Лучше всего сочетается с синим. Сиреневый цвет и всевозможные его оттенки считается одним из самых сексуальных, загадочных, таинственных и чувственных цветов. Сиреневый цвет хорошо сочетается с цветами: розовый, белый,голубой,сиреневый более темного или более светлого оттенка, лимонный, цвет увядшей розы, серебряные оттенки, синий, васильковый, лиловый и фиолетовый.
Таблица сочетания фиолетового и лилового цвета
Серый цвет – цвет элегантности, интеллектуален, гармоничен, успокаивает контрастные сочетания, используется в деловом дресс-коде. Светло-серый цвет хорошо смотрится в тончайшем натуральном кружеве или в чувственном шелке, графитовый серый цвет — в замше , а дымчато-серый — в тонкой шерсти.
Серый цвет является скучным, поэтому его лучше сочетать с контрастными цветами: белым, синим, черным, бордовым, красным. Для элегантного наряда может сочетаться с другими оттенками серого, более светлого или тёмного, и даже бежевым цветом. Светло-серый цвет лучше сочетать с пастельными тонами: нежно розовый, желтый, сиреневый, голубой, фиолетовый, коралловый.
Серо-голубой хорошо сочетается с охрой, белым и коричневым; с коричневым и бежевым; с фиолетовым и розовым; с омарово-красным, бирюзовым и белым; с серебристым и синим; с майской зеленью и белым.
Таблица сочетания серого цвета
Абрикосовый хорошо сочетается с верблюжьим и коричневым; светло-коричневым, бежевым и вкраплениями розового; серо-голубым, синим и охрой; небесно-голубым; зеленым, белым и серебристым; красным и белым.
Верблюжий сочетается с серо-голубым и фиолетовым; бежево-коричневым, синим и сиреневым; охрой и коричневым; желтым, красным и белым; зеленым и белым; омарово-красным.
Хаки сочетается с серо-оранжевым и томатным; омарово-красным и цветом белой шерсти; ежевичным, сливовым и желто-золотым; золотистым и сине-зеленым; рыжим, нежно-зеленым и персиковым; фиолетовым, красным и персиковым.
Еще лучше, если однотонный хаки сочетается с одеждой с принтом из этих ярких цветов.
Таблица сочетания цвета хаки
Черный цвет, белый и серый используются как отделка.
Неплохо выглядит черный цвет в соседстве с оранжевым, желтым, розовым, красным, сиреневым и салатным тонами, с едко-розовым, серым, лимонным, индиго, серым, сочно-зеленым с лазурью, бледно-зеленым с ярко-зеленым.
Правильное сочетание цветов в одежде сделает ваш облик законченным и гармоничным. Общие правила говорят, что этого можно добиться при сочетании:
- резкоконтрастных цветов, например, красный — синий, красный — белый, красный — васильковый, красный — зеленый, оранжевый — черный, оранжевый — васильковый, зеленый — белый. Такие сочетания используются в спортивной, детской и юношеской одежде;
- контрастных цветов, например, вишневый — розовый, синий — васильковый, лиловый — сиреневый, зеленый — салатный. Такие сочетания применяются в различных видах одежды; полутональных цветов, например, нежно-розовый — нежно-голубой, нежно-салатный — нежно-сиреневый.
- однотонных цветов, например, коричневый — бежевый, светло-красный — темно-красный. Такие сочетания используются в повседневной одежде и одежде полных женщин.
Все пастельные тона сочетаются между собой независимо от оттенка.
Пастельные цвета- это бежевый, персиковый, розовый, светло-голубой и т.п. Т.е. все цвета, в добавлении которых очень много белого. Такие цвета можно комбинировать между собой в любом порядке. Будьте осторожны с розовым — единственный цвет, который полнит.
Используйте от 2х до 4х цветов. Если Вы используете только 1 цвет, создаётся ощущение скучности и бледности. Если Вы используете в одежде более 4х цветов, то при виде вас взгляд людей перескакивает с одного цвета на другой, не зная, где остановиться, что бессознательно повышает тревожность.
Между собой можно сочетать либо родственные, либо контрастные цвета. Все остальные варианты — негармоничные.
Родственные — это цвета, которые отличаются друг от друга по оттенку (красный, розовый, тёмно-красный).
Контрастные — это цвета, которые полностью противоположны (фиолетовый — жёлтый, синий — оранжевый). Единственное контрастное сочетание, которое является рискованным — это зелёный и красный.
Сочетание цветов в интерьере: как сочетать правильно
Традиционный цветовой круг – это удобный и очень полезный способ организации оттенков, который помогает гармонично сочетать цвета в любом интерьере. Исаак Ньютон первым разделил спектр, разбив белый луч света на красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый. Это была первая цветовая гамма.
Существует три основных цветовых категории.
Основные цвета включают красный, желтый и синий. Это три “кита” – три главных элемента, из которых формируются все остальные цвета в спектре.
Вторичные цвета включают оранжевый, фиолетовый и зеленый. Они являются сочетанием основных цветов. К примеру, оранжевый состоит из красного и желтого, фиолетовый – из синего и красного, а зеленый – из желтого и синего. Впрочем, это известно даже детям: рисуя красками и смешивая разные цвета, они могут наблюдать, как из нескольких оттенков образуется новый.
Третичные цвета создаются путем смешивания основных и вторичных цветов либо только вторичных цветов. К примеру, если соединить желтый с зеленым, получится фисташковый.
Создайте свою палитру
Также важно знать, что существует три основных схемы сочетания цветов в интерьере, которые можно создать, используя три простых комбинации.
Одноцветные палитры
Это прием использования одного цвета в разных оттенках. Такая палитра хорошо подходит для помещений, где нужно создать умиротворенную атмосферу. Попробуйте такой вариант: покрасьте потолок в небесно-голубой цвет, стены – в синий, а предметы мебели – в глубокий темно-синий цвет. Так вы создадите гармоничное и комфортное пространство, в котором будет царить уют.
Гармонирующие палитры
Гармонирующие палитры используют оттенки, располагающиеся в цветовом круге рядом друг с другом. Вместе они прекрасно сочетаются в палитре комнаты. Пример – желтый с зеленым или фиолетовый с красным.
Дополнительные, или контрастные палитры
Это сочетание противоположных друг другу оттенков, находящихся в цветовом круге. Несмотря на то что они ярко контрастируют между собой, замечательно смотрятся в тандеме. Данная палитра дает широкие возможности для игры цветов. К тому же в зависимости от насыщенности выбранных оттенков созданный образ может быть как спокойным, так и игривым. К примеру, желтый прекрасно сочетается с фиолетовым, а зеленый – с красным.
Понимание того, как работает цветовой круг, и знание основных правил сочетания цвета в интерьере дадут вам возможность экспериментировать с широким спектром цветовых комбинаций, генерировать нестандартные идеи и смело сочетать потрясающие цветовые палитры. А теперь рассмотрим самые удачные варианты сочетания цветов в интерьере.
Как смешивать цвета? Различные цветовые схемы
Насыщенность цветового тона зависит от освещенности помещения. Пол и стены способны отражать свет, поэтому светлые тона поверхностей в комнате наполняют её светом и усиливают яркость, а темные делают тона более тусклыми.
Цветовые схемы – это варианты сочетаний цветов в интерьере, используя которые, можно легко создать визуально привлекательную палитру. Варианты сочетаний в известных колористических триадах считаются классическими. Возможные цветовые комбинации безграничны, но специалисты “чувствуют”, какую из схем лучше применить в том или ином пространстве.
Классическая триада
Это сочетание трех оттенков, расположенных на равном расстоянии друг от друга. Применение таких контрастных сочетаний позволяет создать максимально гармоничную палитру. Выберите один основной оттенок, а два контрастирующих с ним используйте в качестве акцентов.
Аналоговая триада
Это варианты сочетания от двух до пяти оттенков, расположенных рядом друг с другом. Эти цвета образуют аналогичные сочетания, например: желтый, зеленый, сине-зеленый, голубой.
Прямоугольная схема
Это сочетание четырех цветов: одного основного, двух дополнительных и еще одного тона для выделения акцентов. Можно попробовать такой вариант: сине-зеленый, сине-фиолетовый, оранжево-красный, оранжево-желтый.
Квадратная схема
При таком подходе сочетаем четыре цвета, расположенных в цветовом круге на равном расстоянии друг от друга. Эти оттенка отличны по тону, но они прекрасно дополняют друг друга, например: желтый, сине-голубой, пурпурный, красно-оранжевый.
Цветовое восприятие очень индивидуально. Поэтому продумывая цветовую палитру для интерьера, в первую очередь ориентируйтесь на собственное мировосприятие и желание создать индивидуальную, неповторимую атмосферу. Помните, что любимые цвета принесут то самое ощущение комфорта, уюта и радости. А как правильно сочетать цвета в интерьере и создать гармоничный образ с помощью цветового круга, вы уже знаете.
Комбинации цвета: принцип построения | LOOKCOLOR
Основным инструментом для построения различных комбинаций цвета является цветовой круг. Он не только дает информацию о цвете: первичных, вторичных цветов; холодных, теплых оттенках, но и позволяет геометрически найти удачную пару (или триаду, тепраду и более) каждому цвету. Однако эффективное создание цветовых комбинаций не ограничивается только этим инструментом, хоть от него огромная польза. Чистые сочетания подобранные по принципу круга могут даже пугать своей несуразностью, чтобы довести их до «ума», стоит прибегнуть к понятию контрастов, а так же взять в обиход нейтральные, сложные цвета.
Создание и адаптация комбинаций цвета
Все комбинации цвета, построенные с помощью цветового круга, являются контрастом по тону. В большинстве случаев они уже сбалансированы по теплым и холодным цветам, хотя резонанс по светлому-темному, яркому-бледному – отсутствует.
Основным параметром адаптации будет углубление основного цвета, добавление контраста по свету и яркости.
А так же любое сочетание можно сгладить, добавив в него нейтральный оттенок: серый или бежевый.
Сделать комбинацию более глубокой можно за счет добавления к любому из цветов его более светлый или темный оттенок или стоящий рядом в цветовом круге (подобные цвет(а)).
Монохромная комбинация цвета
Если вы используете в композиции один цвет, то его оттенки должны быть как темными, так и светлыми, это придает объем, глубину, сочность цветовой гамме.
Комбинация дополнительных цветов
Дополнительные цвета – тона, которые находятся напротив друг друга в цветовом круге. Сочетания дополнительных цветов первого и второго порядка (основные (первый порядок): красный, желтый, синий; второго порядка: оранжевый, пурпурный, зеленый) слишком кричащие, пронзительные, за счет чего кажутся вульгарными, а так же закрадываются сомнения по поводу возможность их использования. Однако такие комбинации цвета оттенков третьего порядка: красно-оранжевого, фиолетового, сине-зеленого, шартреза и. т. д., смотрятся более привлекательными за счет снижения «резкости».
Попробуем снизить интенсивность цветов первого и второго порядка: затемнить, добавить примесь других оттенков, сохраняя основной подтон. Тем самым мы получим более мягкие сочетания, которые за счет понижения навязчивости, откроют свою лучшую сторону. Если же в это сочетание еще добавить контраста по светлоте, насыщенности, то количество вариаций привлекательного сочетания увеличится в несколько раз.
Комбинация предельно удаленных пар
Такие пары так же находят с помощью цветового круга. Они менее пронзительные, чем дополнительные цвета, но, тем не менее, входят в категорию драматичных. Контраст по свету, яркости тонов для них будет более актуальным, чем для дополнительных, а так же добавление похожих и однотонных оттенков.
Добавляя в комбинацию нейтральных или однотонных (более светлых или темных) оттенков позволяет добиться контраста по светлоте, оставляя основные цвета в равной «силе» яркости и светлоте (темноте). Точнее акцент будет на основное сочетание, но баланс по яркости и контраст будет на высоте.
Комбинация подобных цветов
Подобными называют цвета стоящие рядом в цветовом круге.
Такие комбинации похожи на монохромные с одной лишь разницей, что в ней используются оттенки не одного тона, а производных этого цвета. Наличие светотени в таких комбинациях будет очень важным моментом для достижения выразительности, сбалансированности.
Близкие к похожим сочетаниям относятся теплые и холодные комбинации цветов.
О том, какие цвета теплые, а какие холодные так же можно узнать по цветовому кругу разделив его на две части: между зеленым и пурпурным. Желто-красная гамма будет относиться к теплым цветам, а зелено-сине-фиолетовая – к холодным. Подобные сочетания, не выходящие за пределы холодных и теплых цветов, будут считаться соответственно холодными и теплыми.
Контраст светлого-темного в таких комбинациях будет очень важным во избежание пресности.
Триады и более сложные комбинации
Как и сочетания дополнительных цветов, такие комбинации могут показаться с первого взгляда не привлекательными, однако, на практике в «голом» виде они тоже редко используются.
Триады и более – сложные комбинации, они имеют простор для творчества. В одном таком сочетании можно использовать практически все доступные контрасты (учитывая, что баланс теплых-холодных оттенков уже выведен).
В отличие от парных комбинаций в триадах доминантам является 1 цвет, все остальные оттенки – грамотное оформление, усиление центрального тона. Чаще всего это «пятно», значительно обрамленное другими оттенками: яркое и контрастное.
Как мы видим: основой для создания цветовых комбинаций является цветовой круг (который можно приобрести и всегда иметь с собой), но существуют и приемы сделать их лучше.
Цветовые комбинации за гранью цветового круга
Комбинации, подобранные по цветовому кругу эмоциональные и впечатляющие, однако изначальным «учителем» колористки была природа и некоторые сочетания до боли знакомые и «благополучные» для психики выбраны именно ей. Вы можете подробнее ознакомиться с природными палитрами и даже создать свою.
Так, комбинация оранжевого + зеленого — цветы, цитрусовые, закатные тона, зелень. Синий (голубой) + зеленый – небо, луга, леса. Желтый + синий (голубой) – солнце, небо. Фуксия + зеленый — цветы, зелень. Фуксия (пурпур) + красный – закатные тона. Розовый + зеленый – цветы, зелень. Холодный + теплый розовый – закатная гамма. Пурпур + синий (голубой) – закат, море. Желтый + зеленый – цветы, цитрусовые, зелень.
Это сочетания ярких оттенков, которые оставили яркое впечатление в сознании человека.
Природные комбинации с коричневым цветом
Основой для мягких комбинаций природного характера – это коричневый цвет. Он является нейтральным (как более темный оттенок бежевого цвета). Коричневый цвет – разнообразный и имеет широкий спектр оттенков. Сочетания с этими оттенками очень разнообразны, но имеют общее сходство: все подобранные оттенки должны быть лишены пронзительности: сложные и тягучие. Задача таких сочетаний нести мир, спокойствие и уравновешенность в нашу жизнь.
Комбинация с черным и белым цветом
Черный и белый цвет также, как и коричневый относятся к нейтральным оттенкам и базовым цветам, но в отличие от предыдущего цвета сочетания с ним имеют повышенный контраст, порой весьма далекий от природного.
И черный, и белый цвет являются холодными оттенками. Они оба подчеркивают основные цвета (их можно добавлять к любой гамме из цветового круга), но эффект от их присутствия разный. Черный концентрирует цвет, сужая пространство, белый же наоборот – расширяет, засветляя рядом стоящие оттенки.
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)
Оставить комментарий
(только на русском языке)
50 великолепных цветовых схем с потрясающих веб-сайтов
Цвет является такой важной частью нашего восприятия мира, что мы часто принимаем это как должное. Подумайте об этом: от молодого и ярко-оранжевого на чьей-то одежде до серого и мрачного неба над нами — цвета могут формировать наше восприятие других и даже обстоятельства, в которых мы находимся.
Вот почему один из самых мощных инструментов в арсенале дизайнера — это цвет. Это может либо создать, либо разрушить дизайн; это может быть определяющим фактором в привлечении зрителей или их быстрой отправке в путь.
Как не дизайнер, мне часто бывает трудно найти только подходящие цвета для своих любительских проектов. Создаю ли я простое изображение для поддержки своего контента или более сложные проекты, такие как слайд-колода или инфографика, я часто трачу много времени на поиск идеальной цветовой схемы. Я задаю себе такие вопросы: хочу ли я, чтобы мой дизайн был привлекательным? Провокационно и дерзко? Или умно и элегантно?
Если вы не опытный дизайнер, вам потребуется время и усилия, чтобы найти цветовую комбинацию, которая соответствует принципам дизайна вашего веб-сайта, поэтому команда дизайнеров Visme решила предоставить нашим пользователям удобный список красивых цветовых схем с веб-сайтов. которые были признаны Awwwards, самой престижной наградой для веб-дизайнеров и разработчиков.
Получив множество положительных отзывов о нашем первом руководстве по сочетанию цветов, мы поняли, что наша аудитория оценит еще один раунд великолепных палитр на выбор.
Вы можете легко применить их к любому из ваших проектов Visme, используя шестнадцатеричные коды, предоставленные справа от каждого изображения, как показано на GIF-изображении выше.
СВЯЗАННО: 50 красивых цветовых комбинаций (и как их применить к вашим дизайнам)
1 Красочный и сбалансированный
Активная теория
В этой красочной, но не подавляющей палитре сочетаются теплые и прохладные оттенки.Эта цветовая гамма от привлекательного и яркого голубовато-зеленого до землисто-терракотового оттенка хорошо подходит для молодежного и современного дизайна.
2 ярких акцентных цвета
Paypr
В этой комбинации оттенки синего и фиолетового сочетаются с яркими красными и оранжевыми акцентами. Обратите внимание, как контраст между ярким синим фоном и красно-оранжевыми акцентами сразу же привлекает внимание к нужным местам, от верхней части страницы до видео внизу.
3 Натуральный и землистый
Resn
Чувство окружения умиротворяющим голубым небом и умиротворяющей сценой на природе сразу же вызывает эта очень «приземленная» цветовая схема.Эта приятная цветовая комбинация идеально подходит для проектов, связанных с природой и экологичностью, и может пригодиться для проектов, которые подчеркивают экологическое сознание.
4 Прохладный и свежий
Grosse Lanterne
Темно-синий и изумрудно-зеленый сочетаются в этой схеме, чтобы создать чистую и освежающую палитру. Эта комбинация, напоминающая океан или любую обстановку, связанную с водой, идеально подходит для дизайнов, призванных передать спокойный и надежный образ.
5 Смелый и яркий
W&CO
Эта привлекательная комбинация кораллово-красного и бирюзового цветов, а также других оттенков синего, яркая и смелая.Более прохладный синий цвет прекрасно сочетается с ярким цветовым оформлением, что делает эту цветовую схему идеальной для любого стильного и современного дизайна.
6 вермиллионов и русская зелень
Stinkdigital
Эта страница, часто используемая на современных сайтах, создает привлекательный контраст, сочетая черный фон с яркими акцентными цветами. При этом вариации красного цвета, такие как киноварь и каштановый, дополняются уникальным русским зеленым.
7 Стильный и изысканный
Bordel Studio
В этой элегантной цветовой гамме сочетаются темные приглушенные тона, чтобы создать чистый и изысканный вид.Его оттенки серого и синего идеально подходят для более консервативных дизайнов.
8 фиолетовых оттенков и тонов
ReedBe
Оттенки темно-красновато-коричневого в сочетании с глубоким тосканским красным и старой лавандой создают уникальную палитру, которая привлекает вас своей теплотой и глубиной. Эта схема идеально подходит для элегантных вещей, которые хотят добавить энергии и богатства.
9 глубоких фиолетовых и блюзовых оттенков
Самсы
Эта темная и загадочная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и яркими акцентными цветами.
10 Современные и смелые
Брайан Джеймс
Очаровательная комбинация розового, красного, черного и серого цветов. Эта современная палитра вызывает ощущение роскоши, изысканности и минимализма.
11 Живые и манящие
Антон и Ирэн
Это прекрасное сочетание конфетно-розового, зелено-желтого, лавандово-серого и пастельно-коричневого цветов идеально подходит для создания яркого и привлекательного образа.
12 Поразительно и просто
Берт
Трудно отвести взгляд, столкнувшись с таким минималистичным, но ярким дизайном, как этот.Темный дымчато-черный фон в сочетании с ярким электрическим синим цветом делают эту цветовую схему выигрышной, полезной для множества проектов.
13 Красный и живой
BrightMedia
Этот привлекательный веб-сайт, использующий красный польский флаг в качестве основы для своей цветовой схемы, сочетает темно-алый красный с темно-розовым на светло-сером фоне. Он живой и креативный, и в то же время изысканный в использовании минималистской цветовой схемы с разными оттенками одного и того же оттенка.
14 Вычурное и творческое
Джули Флогак
Это красочное сочетание золотарника, киновари, темно-синего и голландского белого воплощает в себе этот вычурный и креативный дизайн для онлайн-архива музыкальных произведений.
15 Элегантный, но доступный
Эпический
Это уникальное сочетание телесных тонов и более элегантных цветов, таких как темно-синий и рубиновый, делает эту цветовую схему идеальной для дизайна с тонкими сообщениями. Зарезервировано, но доступно; сложные, но забавные: это типы серых сообщений, которые эффективно отправляются с помощью этой приятной для глаз комбинации.
16 Изящный и футуристический
MediaMonks
Это привлекательное сочетание синего сапфира, бронзового серого и платины, с одной стороны, и персиково-оранжевого и коричневого, с другой, создает современную и элегантную цветовую схему.Используемые здесь для создания футуристического образа, холодные металлические цвета эффективно смягчаются более человечными, землистыми тонами.
17 Новаторский и смелый
Интерактивный дизайн eDesign
Эта яркая комбинация портлендского апельсина, ярко-желтого и нефрита на темно-сером, почти черном фоне требует вашего внимания. Смелая и полная энергии, эта цветовая комбинация идеально подходит, если вы хотите создать современный и смелый образ.
18 Текстурированный и динамический
HAUS
Темная сиена, древесный уголь и вспышка бледно-красно-фиолетового делают эту цветовую схему незаменимой для тех, кто ищет элегантный, футуристический, но динамичный вид.Эта цветовая комбинация достаточно универсальна, ее можно использовать в проектах, начиная от современных корпоративных отчетов и заканчивая журналами и редакционным контентом в целом.
19 Минимальный, но теплый
Идентификаторы удовольствия
Белая яичная скорлупа, темная ваниль и серо-коричневый с оттенками красного желе — все вместе в этом минималистском, но теплом и уютном месте. Всплеск ярких красок по всему дизайну делает этот сайт элегантным и в то же время привлекательным.
20 Яркие и четкие
FCINQ
Темно-вишневый, королевский пурпурный и темно-сланцево-синий сочетаются в этом красивом и привлекательном месте.Темно-вишневый цвет выступает в качестве акцентного цвета на темно-фиолетовом фоне, приводя взгляд зрителей к меню навигации, как только они попадают на сайт.
21 Чистый и энергичный
Изменить цифровой
Оттенки синего и фиолетового на этом сайте особенно приятны для глаз и вызывают одновременно энергию и умиротворение. Черника и небесно-голубой искусно сочетаются с аметистом, создавая освежающую и приятную для глаз цветовую комбинацию, подходящую для любого дизайна, призванного вызвать положительные эмоции.
22 Корпоративное и традиционное
Уотсон / ДГ
Если вы ищете более приглушенный и корпоративный вид, эта цветовая схема сочетает в себе оттенки зеленого, синего и коричневого, которые передают профессионализм и надежность. Фтало-зеленый, темно-сланцево-серый и оловянно-синий — лишь некоторые из используемых здесь цветов.
23 Синий и освежающий
Supremo
Диапазон синего, от яркого лазурита до голубого, делает эту цветовую схему сдержанной, но красивой.Его можно использовать в самых разных визуальных эффектах, от приглушенных корпоративных проектов до связанных с дизайном, как в данном случае.
24 Чистый и современный
Umwelt A / S
Красивый зеленый мирт и кеппель сочетаются здесь с лазурно-белым и однотонным белым в простой, но эффектной комбинации.
25 Яркий и элегантный
Waaark
В этой яркой и элегантной цветовой гамме очень насыщенный светло-холодный синий сочетается с другими оттенками, такими как темно-синий и бледно-васильковый.Это сочетание элегантно дополняет яркий и яркий оттенок розового.
26 Молодость и веселье
Пятьсот
Эта игривая и красочная композиция сочетает в себе несколько ярких оттенков: яркую бирюзу, желтый мандарин и темную орхидею.
27 Великолепный контраст
Иммерсивный сад
Этот элегантный и ультрасовременный сайт может похвастаться элегантным и привлекательным сочетанием с эффективным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном.
28 эффективных акцентных цветов
SMFB
Это еще один пример сайта, на котором эффективно используется яркий цветовой акцент, чтобы очертить путь для глаз зрителей. В этом случае ярко-желтый цвет привлекает внимание сначала к заголовку, затем к тропе в гору и, наконец, к кнопкам с призывом к действию внизу страницы.
29 Современность в полном расцвете
Nurture Digital
Эта комбинация зелени океана, аквамарина и морской зелени прекрасно передает концепцию современности и в то же время жизни и плодородия, что полностью соответствует некоторым словам в центральном сообщении сайта: цифровой, воспитание и цветение.
30 Рядом с природой
Родился 05
Эта землистая комбинация зеленого с диапазоном синего, от бледно-лазурного до бирюзово-синего, идеально подходит для консервативных дизайнов, призванных создать образ стабильности, надежности и изобилия.
31 Ярко-розовый и пастель
Stinkdigital
Этот оживленный сайт сочетает ярко-розовый малиновый с более мягкими цветами, такими как пастельный синий и светло-пастельный фиолетовый. Результат — чудесно свежая и беззаботная цветовая гамма.
32 Уникальная комбинация
AILOVE
Это невероятное сочетание темно-розового с синим делает эту уникальную и привлекательную комбинацию, которую можно использовать для множества проектов в разных областях.
33 ярких цитрусовых цвета
Чизкейк супергероя
Эта свежая и цитрусовая смесь светлых зеленовато-желтых, зеленовато-зеленого и черного цветов является фаворитом среди брендов, занимающихся спортом с высоким уровнем адреналина и энергетических напитков.
34 Яркие синие и оранжевые
Бюрократик
Яркий бирюзовый фон и оранжевая кнопка с призывом к действию на этом сайте могут показаться немного громкими для некоторых посетителей, но комбинация определенно передает энергичные эмоции, которые сочетаются с изображением на заднем плане.
35 Красная роза и черника
Google Brand Studio
Эта серия розовых и красных цветов с ярко-синей кнопкой с призывом к действию создает большой визуальный интерес и сразу привлекает к себе внимание.
36 Смелый и уникальный
Детали
Смелое и уникальное сочетание королевского синего и золотого цветов с яркими голубыми бликами привлекает внимание. Его неожиданное и несколько нестандартное мышление помогает сделать этот сайт победителем.
37 Веселая и энергичная
Шер Ами
Голубой, синий и оранжевый на этой странице делают этот дизайн особенно привлекательным и энергичным, который можно применять в проектах с оптимистичным и вдохновляющим посланием.
38 Снежный, но теплый
Оставляющий камень
Эта зимняя комбинация красного и синего вызывает одновременно прохладу и тепло, как и изображения, связанные с зимними праздниками.
39 Богатство и красочность
Elespacio
Эта яркая и насыщенная цветовая комбинация объединяет яркий желтый, синий и розовый в этом красивом минималистском дизайне, который можно использовать в ярких, но профессиональных проектах.
40 Модерн и минимализм
SFCD
Этот сайт обладает привлекательным дизайном с несколькими элементами и хорошо подобранной цветовой схемой.Турецкая роза, средние зеленые и желтые геометрические фигуры на черном и сером фоне достаточно, чтобы привлечь внимание зрителя.
41 Бесстрашный и бесстрашный
Great Works Копенгаген
В этой эффектной цветовой комбинации используются оттенки синего и красного, чтобы создать ощущение смелости и пылкого профессионализма, что идеально подходит для дизайна, стремящегося передать силу и компетентность.
42 цвета Flat Design
Resn
Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, видели его раньше: веб-сайты без падающих теней, без градиентов, без скосов; Короче говоря, никаких трехмерных элементов.
Хотя сайт выше добавляет небольшой эффект тени к мальчику справа, технически его можно квалифицировать как плоский дизайн 2.0, который является не чем иным, как добавлением нескольких очень тонких трехмерных эффектов.
Как видно здесь, цвета плоского дизайна имеют тенденцию быть очень яркими и перенасыщенными.
43 Эклектичный и мирный
Играть
Это уникальное сочетание кофейного тона с небесно-голубым и различными оттенками коричневого делает эту цветовую схему успокаивающей и успокаивающей: чем-то напоминающим вашу любимую кофейню или гостиную.
44 Классный и традиционный
details.ch
Эта комбинация камео-розового, синего UCLA и гранитно-серого напоминает одежду, которую используют состоятельные, опрятные студенты колледжей. Хотя это имеет смысл с учетом целевой аудитории сайта, эту схему также можно использовать в любом дизайне, который требует серьезности и немного живости.
45 ярких акцентных цветов
stinkdigital
Этот сайт Spotify идеально использует акцент виноградного цвета на фоне очень темного ненасыщенного фиолетового.Эту цветовую схему можно использовать для любого дизайна, где у вас есть несколько элементов или центральное сообщение, которое вы действительно хотите показать.
46 Корпоративное и серьезное
EPIC
Оксфордский синий с несколькими ярко-синими и красными акцентами делает этот сайт очень традиционным и корпоративным. Синий и зеленый, которые говорят о профессионализме и стабильности, обычно используются в корпоративных отчетах.
47 Гламурно и модно
Апартамент
Эта смесь золота, пурпурного и черного напоминает такие слова, как богатство и экстравагантность.Соответственно, эта комбинация может быть применена к дизайнам, связанным с модой, роскошью и высококачественными товарами.
48 Привлекательный и гладкий
ФУТУРАМО
Это прекрасное сочетание ярко-зеленого и телемагенты на темном фоне создает повышенный визуальный интерес и привлекает зрителя с первого взгляда. Смелая, но профессиональная, эта цветовая комбинация при правильном использовании может быть применена даже к корпоративному дизайну.
49 Громко и прямо в лицо
Паника
В то время как предыдущая цветовая схема была привлекательной — но не слишком яркой — эта комбинация намеренно громкая до такой степени, что может оттолкнуть некоторых зрителей.Однако, если вы хотите сделать смелое заявление, эта комбинация может хорошо работать, если все сделано правильно, как в этом случае.
50 Живых, но успокаивающих
madeo
Это расслабляющее, но жизнерадостное сочетание лимона, желтого, мяты и темно-голубого делает эту цветовую схему идеальной для любого послания, призванного передать энергию, оптимизм и, в то же время, гармонию и рост.
23 популярных цветовых сочетания, любимых более 90 000 человек!
Сегодня я перечисляю самые удивительные и популярные цветовые комбинации для стартапов и дизайна логотипов.
Я занимаюсь брендингом и дизайном веб-сайтов более 15 лет.
Я знаю, какие сочетания цветов использовать.
И я знаю, где их найти.
По данным сайта Colorhunt, цветовые комбинации ниже получили более 90 000 лайков!
Людям нравятся эти цветовые сочетания.
Они популярны по какой-то причине … Потому что они чертовски хороши!
Предлагаем 23 невероятных цветовых сочетания для вашего стартапа.
PS: Я также добавил значения HEX рядом с каждой цветовой схемой, чтобы вы могли использовать их в своем любимом редакторе.
1. Синий, зеленый и розовый (9,588 ♥ ️)
Прекрасное яркое цветовое сочетание для дизайна веб-сайта или логотипа.
2. Оранжевый, кремовый и темно-синий (2360 ♥ ️)
Еще одно отличное сочетание цветов для веб-сайтов и цветов логотипов от Colorhunt.
3. Аква-блюз (2520 ♥ ️)
Прекрасная успокаивающая цветовая комбинация для финансового веб-сайта или дизайна логотипа.
4.Синий и желтый (3323 ♥ ️)
Поразительно отличное сочетание цветов. Отлично подходит для новых стартапов и цветов логотипов.
5. Красный, кремовый и зеленый (3430 ♥ ️)
Великолепное сочетание цветов для нового стартапа в сфере биотехнологий.
6. Синий, зеленый и розовый (2774 ♥ ️)
Одна из самых популярных цветовых комбинаций, представленных на Colorhunt.
7. Оттенки зеленого (8251 ♥ ️)
Еще одна интересная цветовая схема для логотипа или стартапа.
8. Темно-синий, красный и зеленый (5427 ♥ ️)
Еще один пример множества отличных цветовых комбинаций для веб-сайтов и цветов логотипов.
Сделайте свой стартап за 60 секунд
Нажмите здесь, чтобы начать
9. Синий, красный и кремовый (2755 ♥ ️)
Одна из самых интересных цветовых комбинаций, синий прекрасный .
10. Красный и синий (3034 ♥ ️)
Отличный образец цвета для дизайна логотипа.
11. Светло-зеленый, кремовый, красный и темно-синий (3856 ♥ ️)
Идеальная цветовая схема для нового стартапа или дизайна логотипа.
12. Красный, желтый и синий (2814 ♥ ️)
Идеально для вашего следующего проекта. Эти цвета такие яркие. Они отлично смотрятся на экране.
13. Красный, кремовый, зеленый и синий (2915 ♥ ️)
Определенно одна из хороших цветовых комбинаций для веб-сайтов.
14. Цвет морской волны, кремовый, оранжевый и красный (6477 ♥ ️)
Прекрасное и счастливое сочетание цветов для стартапа с более молодой аудиторией.
15. Синий, зеленый и розовый (4002 ♥ ️)
Цветовая схема логотипа Кто-нибудь? Приведенные ниже цвета действительно работают.
16. Оттенки синего (7276 ♥ ️)
Великолепная цветовая схема для стартапа в сфере финансовых технологий.
17. Красный, белый и синий (4965 ♥ ️)
Идеальные цвета, которые вдохновят ваш следующий стартап или дизайн логотипа.
18. Синий, зеленый и красный (5253 ♥ ️)
Набор ярких цветов, одна из лучших цветовых комбинаций для веб-сайтов.
19. Розовый, кремовый, зеленый и темно-синий (5061 ♥ ️)
Уникальная цветовая схема, которая прекрасно сочетается с дизайном логотипа.
20. Темно-синий, желтый, кремовый и красный (2650 ♥ ️)
Яркая и уникальная цветовая схема для вашего следующего логотипа.
21.Серый, зеленый, оранжевый и красный (2186 ♥ ️)
Модная цветовая схема, которая обязательно привлекает внимание и привлекает внимание.
22. Серый, зеленый и темно-синий (628 ♥ ️)
Хорошая серьезная цветовая комбинация, идеально подходящая для страхового или финансового стартапа.
23. Синий, зеленый и желтый (514 ♥ ️)
Прекрасная естественная и естественная цветовая гамма, идеально подходящая для стартапа биотехнологий или логотипа.
Заключение
Итак, вот и все, мои коллеги-предприниматели, производители и сторонние дельцы!
23 удивительных, тщательно подобранных и популярных цветовых схемы, которые вдохновят вас на создание вашего следующего веб-сайта или логотипа.
Если вы знаете кого-то, кому нужно немного цветового вдохновения для своего следующего дизайна логотипа или стартапа, обязательно поделитесь с ним моими 23 основными цветовыми рекомендациями.
Наконец, если вам нужно еще больше потрясающих цветовых комбинаций, обязательно загляните в Colorhunt.
40 красивых цветовых комбинаций логотипа, которые сочетаются друг с другом, как арахисовое масло и желе
16 минут на прочтение
Цвета — одна из самых важных вещей, которые следует учитывать при создании вашего логотипа.Использование правильной цветовой схемы логотипа имеет решающее значение, потому что это повлияет на восприятие людьми вашего бренда.
В этой статье мы рассмотрим лучшие сочетания цветов логотипов, используемых некоторыми из самых известных брендов, чтобы помочь вам получить вдохновение, необходимое для вашего следующего проекта.
Мы также проанализируем значение каждого цвета логотипа, чтобы помочь вам понять, как выбрать лучшую цветовую палитру для логотипа.
Что нужно знать о психологии цвета
Психология цветов утверждает, что каждый цвет представляет разные чувства и влияет на то, как мы думаем и ведем себя.Различные цветовые комбинации могут повлиять на наши повседневные решения, например, на то, какие предметы мы выбираем или покупаем.
Фирменные цвета могут вызывать эмоции, помогать позиционировать бренды и выделять их среди других.
На изображении выше показано, как психология цветов применима к различным типам цветов дизайна логотипа и какие эмоции передают некоторые из самых известных цветов логотипа.
5 типов комбинаций цветов
Чтобы увидеть, как мы можем создавать красивые цветовые комбинации, мы должны визуализировать цветовое колесо.Чтобы создать красивое цветовое сочетание, вы можете выбрать один из следующих типов цветовых сочетаний:
1. Монологичные сочетания цветов
В этом типе цветовой комбинации используется основной цвет в паре с черным или белым.
2. Дополнительные цветовые комбинации
Дополнительные цветовые комбинации создаются между цветами, находящимися на противоположных сторонах цветового круга.
3. Аналогичные цветовые комбинации
Это цветовые комбинации между цветами, которые находятся рядом друг с другом на цветовом круге.
4. Триадные цветовые комбинации
Триадные цветовые комбинации используют три цвета, равномерно распределенные на цветовом круге.
5. Сочетания цветов тетрадика
Тетрадная цветовая схема использует четыре цвета, которые одинаково разнесены на цветовом круге.
Как насчет плохих комбинаций цветов логотипа?
Позвольте мне начать с того, что скажу, что существуют плохие цветовые комбинации логотипа, и они встречаются чаще, чем вы думаете.
Вы можете подумать, что фирменные цвета субъективны и ужасных цветовых сочетаний не бывает.
Но вы ошибаетесь.
Комбинирование правильных цветов — это наука, которая включает в себя все, от дизайна до психологии, поэтому выбор случайных цветов дизайна логотипа без надлежащих знаний может привести к катастрофическим последствиям.
Но вы не должны верить мне на слово — просто взгляните на иллюстрацию ниже и убедитесь в этом сами.
Более того, существуют цветовые схемы логотипов, которые просто не соответствуют индивидуальности бренда.
Известные бренды используют сочетания цветов и форм для логотипов, которые соответствуют их индивидуальности и уже являются товарным знаком их компании. Не говоря уже о том, что они настолько хорошо запечатлены в нашей визуальной памяти, что мы думаем о бренде каждый раз, когда видим что-то подобное.
Вот доказательство. Бразильский графический дизайнер Паула Руполо поменяла фирменные цвета на логотипы известных компаний, чтобы показать, насколько важен цвет в нашем восприятии бренда.
Источник изображений
40 красивых цветовых палитр логотипа для вдохновения
Мы собрали и проанализировали некоторые из лучших цветов логотипов, чтобы увидеть, какие цветовые комбинации они используют, изучили значение цветов бренда и чему мы можем по ним научиться.Если вы пользуетесь создателем логотипов или просите помощи у дизайнера, полезно знать об этом.
Ознакомьтесь с этим списком из 40 цветовых комбинаций в логотипах, сгруппированных по основному цвету. Если вы хотите прочитать об определенной цветовой комбинации, просто нажмите на нее, чтобы перейти прямо к этому разделу.
- Желтый
- Оранжевый
- Красный
- Розовый
- Фиолетовый
- Синий
- Зеленый
- Черный
- Серый
- Коричневый
- Цветной
1.Сочетания цветов желтого логотипа
Желтые логотипы предполагают оптимизм, яркость, дружелюбие и ясность. Желтый цвет в дизайне символизирует солнце, поэтому он напоминает жизнь, свет и тепло.
Желтая цветовая палитра логотипа отлично подходит для брендов, которые хотят создать дружелюбный и веселый образ. Желтый чаще всего сочетается с контрастным цветом, чтобы придать ему структуру и характер.
- Черно-желтый логотип — Nikon
Логотип Nikon использует желтый в качестве основного цвета в сочетании с сильным контрастом белого и черного.Такое цветовое сочетание логотипа свидетельствует о дружелюбном и ярком бренде, в центре внимания которого находится покупатель.
Nikon использует знаковую комбинацию черного и желтого цветов с 1949 года, а текущий логотип был представлен в 2003 году.
- Желто-красный логотип — Shell
Желтые и красные логотипы — это яркие логотипы с теплой, солнечной и креативной стороной, как в следующем примере.
В логотипе Shell используется желтая оболочка, окруженная красным контуром, что является оптимистичным, заслуживающим доверия и радостным.Бренд выбрал солнечные, яркие корпоративные цвета, чтобы обозначить связь с Калифорнией и Испанией.
- Желто-зеленый логотип — Subway
В логотипе Subway используется желтый и зеленый цвета, чтобы подчеркнуть свежесть, натуральные ингредиенты и оптимизм. Слоган, используемый с этим логотипом, — «Ешьте свежее». Цвета брендов указывают именно на это.
- Желто-синий логотип — Pokemon
Логотип Pokemon был создан в 1998 году и имеет желтый шрифт с синим контуром, который идеально подходит для обозначения игривости, веселья и игр.Желтый также является цветом Пикачу, одного из самых известных персонажей франшизы.
- Желто-фиолетовый логотип — Los Angeles Lakers
В логотипе сочетаются три основных цвета знаменитого баскетбольного клуба: золотой, фиолетовый и белый. Мощный дополнительный контраст внушает оптимизм и силу.
Эта цветовая палитра логотипа притягивает взгляд и завораживает.
2. Цветовые комбинации оранжевого логотипа
Оранжевый — это сочетание яркого, солнечно-желтого и страстного красного, в результате получается яркий, смелый и жизнерадостный цвет, используемый брендами для демонстрации мощной, творческой, но дружелюбной личности.Некоторые из самых знаковых логотипов, в которых в качестве основного цвета используется оранжевый, креативны и энергичны.
Оранжевый логотип также заставляет нас сразу думать о фруктах, оставляя во рту свежий, сладкий и кислый вкус.
Давайте взглянем на некоторые из самых известных цветовых схем оранжевого логотипа.
- Оранжево-черный логотип — Harley Davidson
Знаменитый логотип Harley Davidson использует оранжевый в качестве основного цвета и говорит о свободе, смелости и мощи — основных ценностях бренда.
В сочетании с черным контуром и белым текстом, которые обеспечивают сильный контраст, логотип выглядит смелым и стильным, что хорошо подходит для этого легендарного бренда.
- Оранжевый и красный логотип — Mastercard
Технически логотип Mastercard использует комбинацию двух ярких цветов: красного и желтого. Однако два цвета сочетаются, и в центре вы также можете увидеть оранжевый. Красный цвет олицетворяет жизнь, отвагу и жизненную силу, а оранжевый — счастье и процветание.Они объединяются, чтобы предположить, что с их услугами можно вести счастливую и благополучную жизнь.
- Сине-оранжевый логотип — Tide
Логотип Tide — отличный пример использования дополнительной цветовой комбинации для улучшения дизайна с помощью динамического контраста.
Характерный оранжево-желтый дизайн «яблочко» на протяжении многих лет претерпевал несколько изменений, но он по-прежнему остается одной из самых привлекательных цветовых палитр логотипа.
- Оранжевый и зеленый логотип — Crush Orange
Комбинация оранжевого и зеленого цветов логотипа переносит нас прямо в царство вкусов, предлагая свежесть апельсиновой газировки. Он вдохновлен природой и излучает динамичную и оптимистичную атмосферу.
3. Сочетание цветов красного логотипа
Красный — цвет жизни, а красные логотипы — страстные, яркие и мощные. Красные логотипы брендов приносят радость, игривость, энергию и азарт и идут рука об руку с ценностями, которые олицетворяют эти компании.
Давайте посмотрим на некоторые из самых знаковых красных логотипов и посмотрим, какие цветовые комбинации они используют, чтобы выделиться и выразить свои ценности.
- Красно-черный логотип — Netflix
Словесный знак Netflix в представлении не нуждается. Netflix Red на черном фоне создает ощущение кинематографа премиум-класса.
С другой стороны, символ Netflix, представляющий собой букву N, использует два оттенка красного, чтобы придать объем и выделить из N в логотипе.
- Красный, черный и желтый логотип — Lego
Красный, черный и желтый с черным контуром представляют собой смелую и надежную цветовую комбинацию логотипа, подходящую для легендарного бренда игрушек. Бренд Lego — это раскрыть вашу игривость и креативность.
- Красно-белый логотип — Coca-Cola
Яркий, искренний, энергичный и страстный. Так мы бы описали легендарный бренд Coca-Cola, в котором используется сочетание красного и белого цветов логотипа.Интенсивный красный имеет чистый, аккуратный белый акцент, который делает цветовую схему более сладкой.
Красный также может вызвать импульсивную покупку и стимулировать аппетит, что делает его отличным выбором для бренда напитков.
Логотип Coca-Cola очень мало изменился за последние 130 лет и остается одним из самых знаковых красно-белых логотипов всех времен. Исследования показывают, что 94% населения мира узнают этот логотип.
- Красный, черно-белый логотип — YouTube
Треугольник на красном фоне, побуждающий вас нажать «воспроизвести», усиленный черными буквами логотипа YouTube, создает один из самых узнаваемых и надежных логотипов бренда.
Используя энергичную и смелую цветовую комбинацию с контрастными черными и белыми элементами, чтобы еще больше усилить красный цвет, бренд демонстрирует волю к действию и созиданию. Это также один из самых известных красно-черных логотипов.
- Красный, белый и синий логотип — Suzuki
Знаменитый логотип Suzuki был создан в 1958 году со стилизованной буквой S. Завершенный полным названием Suzuki, он стал одним из самых узнаваемых красных и синих логотипов в автомобильной промышленности.
В этой энергичной и креативной цветовой комбинации используется страстный красный в паре с интенсивным синим, который символизирует совершенство и традиции.
- Красный, желтый и синий логотип — Burger King
Чтобы использовать все три основных цвета или спектр в одном логотипе, требуется смелость, а это не то, что мы часто видим в мире дизайна.
Но Burger King отлично справился с этим.
Цветовая комбинация идеально сбалансирована и говорит о дружелюбном, открытом и энергичном бренде.
- Красный, синий и зеленый логотип — Mountain Dew
Благодаря дополнительному сочетанию цветов, усиленному вторым контрастом, состоящим из белого и черного контуров, этот логотип является довольно динамичным. Яркая, но в то же время связанная с природой, цветовая схема этого логотипа говорит о движении и энергии.
4. Сочетание цветов розового логотипа
Розовые логотипы могут быть игривыми и невинными или яркими и энергичными, в зависимости от того, с какими цветами они сочетаются.Розовый — это интенсивный цвет, который сразу привлекает внимание людей, но его можно приручить или усилить, сочетая его с фоном или контурами разных цветов.
- Сине-розовый логотип — Baskin Robbins
В знаменитой американской сети мороженого используется простая, но привлекательная, хорошо сбалансированная цветовая гамма — голубой и розовый. Последний является частью идентичности бренда с 1953 года. По прошествии всех этих лет компания решила сохранить число 32 как часть логотипа.
Хотя некоторые утверждают, что розовые логотипы — довольно необычный выбор для пищевой цепи, эта цветовая схема логотипа оптимистична, юна и игрива.
- Розово-оранжевый логотип — The Dunkin Donuts
Милый и привлекательный — вот как выглядит эта цветовая комбинация, и это идеальный выбор для бренда, который она представляет. Наряду с белым фоном, он вызывает у каждого, кто его видит, радостное и веселое настроение.
- Розово-белый логотип — Victoria’s Secret PINK
Victoria’s Secret PINK — это подразделение и линия бренда, ориентированная на молодых женщин в возрасте от 15 до 22 лет.Ярко-розовая цветовая гамма логотипа в сочетании с белым чиста и приглашает подростков и молодых людей открыть для себя красочный мир нижнего белья и одежды.
5. Сочетание цветов фиолетового логотипа
Пурпурный находится между красным и синим на цветовом круге, и в результате он энергичен и надежен. Фиолетовый также имеет праздничный и изысканный вид, используемый брендами во всем мире как символ праздника и дружбы.
Давайте посмотрим, как некоторые из наиболее важных брендов использовали фиолетовый цвет в своей цветовой схеме логотипов, чтобы добавить в это сочетание надежды и любви.
- Фиолетовый и белый логотип — Milka
Пурпурный цвет — самобытный, роскошный и праздничный, и это идеальный выбор для шоколадного бренда. В сочетании с невинным и безупречным белым, фиолетовый логотип выделяется и идеально передает суть шоколада.
Шоколад Milka использует отличительную фиолетовую упаковку с 1901 года, но известный нам логотип был зарегистрирован только в 1960 году.
- Фиолетовый и оранжевый логотип — FedEx
Сильный контраст, в котором ярко выраженный фиолетовый сочетается с ярким оранжевым, — идеальная цветовая схема для компании, занимающейся доставкой.Комбинация цветов, предлагающая одновременно доверие и скорость, дает динамичный, идеально сбалансированный логотип.
Самое замечательное в логотипе FedEx заключается в том, что если вы присмотритесь, вы увидите стрелку между буквами E и X, которая также указывает на движение.
Нынешний логотип увидел свет в 2000 году, и с тех пор компания верна этому дизайну.
6. Сочетание цветов синего логотипа
Синий — это цвет воды и неба, поэтому он говорит о бесконечности и доверии.Этот цвет подходит для сильных, надежных и заслуживающих доверия брендов.
Давайте посмотрим, как крупные бренды использовали цветовые схемы синих логотипов и что они означают.
- Синий красно-белый логотип — Pepsi
В то время как Coca-Cola всегда использовала красную цветовую схему логотипа, Pepsi не всегда выбирала синий. Знаковый синий появился вместе с бело-красной смесью в конце 1950 года.
Эта цветовая комбинация логотипа отражает основные эмоциональные ценности продукта.Красный — энергичный, синий — прохладный и свежий.
- Сине-желтый логотип — Ikea
Ikea использует привлекательное сочетание синего и желтого цветов логотипа, но это также говорит о происхождении шведской компании, поскольку цвета также можно найти на шведском флаге.
В то же время синий цвет означает доверие и превосходство, а желтый символизирует счастье, воображение и энергию.
- Светло-синий логотип — PayPal
Фирменные цвета Paypal включают два разных оттенка синего, и все они говорят о доверии, открытости и общении.Цветовая палитра также выгодно отличает компанию от конкурентов.
PayPal всегда использовал синий цвет с момента своего основания в 1999 году, но различные оттенки из текущей цветовой схемы были добавлены в 2007 году.
- Сине-белый логотип — Oreo
Бело-синяя цветовая гамма с градиентным синим цветом заставляет задуматься о море, но это также символ надежности и доверия. Благодаря многослойному подходу логотип выглядит свежо и привлекательно.
Oreo радикально изменили свой логотип еще в 1952 году, когда они претерпели изменения, заменив красный на синий. Синий может быть необычным выбором для чего-то, связанного с едой, но он выделил их среди конкурентов и помог бренду выделиться.
- Синий, черно-белый логотип — BMW
Несмотря на то, что логотип BMW подвергся наиболее значительному изменению за более чем 100 лет, мы все же решили включить логотип, который использовался до этого, с белым и синим цветом, цветами земли Бавария в Германии и дома BMW.Эмблема BMW символизирует вращающийся пропеллер самолета.
Доверие, мощность и надежность — слова, которые лучше всего описывают эту цветовую комбинацию, и они хорошо подходят для этого культового автомобильного бренда.
7. Сочетание цветов зеленого логотипа
Green — это природа, свежесть и чистота, и это отличный выбор для брендов, которые хотят ассоциироваться с природой.
Это также мягкий цвет, который часто ассоциируется с ростом и здоровьем.Давайте познакомимся с некоторыми цветовыми схемами зеленых логотипов известных брендов, которые помогут вам в творчестве.
- Оттенки зеленого логотипа — Animal Planet
Одним из самых популярных зеленых логотипов является логотип Animal Planet, в котором используется несколько оттенков зеленого как символ природы. Бренд стремится к сохранению дикой природы, устойчивости и гармонии.
Однако бренд решил заменить зеленый геометрический шрифт и вернуть слона из логотипа 1996–2008 годов с той лишь разницей, что животное на логотипе теперь синее.
- Желто-зеленый логотип — Sprite
Этот зеленый логотип компании свежий, естественный и оптимистичный, как и сам бренд. Желтый лимон также нравится нашему вкусу и дает представление о вкусе напитка.
Логотип Sprite также пробовал сочетание зелено-красного, зеленого и синего цветов до 2014 года, когда он остановился на зелено-желтой цветовой схеме, которую мы знаем сегодня. Логотип Sprite также является одним из самых известных зелено-желтых логотипов.
- Зелено-черный логотип — Tripadvisor
Несмотря на то, что «Сова Олли» на фоне TripGreen является второстепенным логотипом, его все же стоит упомянуть, потому что это хорошее сочетание цветов.
- Зелено-белый логотип — Starbucks
Логотип Starbucks очарователен и прост, в нем используется сочетание зеленого и белого цветов. Зеленый символизирует природу и защиту, но это также цвет, который означает богатство.Starbucks использует эти фирменные цвета, чтобы занять лидирующую позицию в своей нише с большой корпоративной социальной ответственностью.
С 2011 года логотип Starbucks был упрощен: белая сирена отображается на зеленом фоне.
- Красно-зеленый логотип — Heineken
Смелый дополнительный контраст находится в центре этого великолепного логотипа. В этом случае зеленый цвет напоминает цвет пивной бутылки, а красная звезда обеспечивает отличный контраст и выделяется.
Одной из уникальных особенностей культового логотипа Heineken является красная звезда, символ, используемый пивоварами со времен средневековья в отношении его ингредиентов.
8. Сочетание цветов черного логотипа
Черные логотипы изысканны, элегантны и очаровательны. Часто говорят о роскоши, профессионализме и изысканности.
Давайте подробнее рассмотрим некоторые из самых известных черных логотипов и посмотрим, какие цветовые комбинации они использовали, чтобы оставаться в центре внимания потребителей.
- Цвет черно-белого логотипа — Chanel
Торговая марка Chanel — монохромная палитра, и логотип может использоваться в обеих версиях: черные буквы на белом фоне или белый логотип на черном фоне. Мы можем найти это цветовое сочетание в модных коллекциях бренда, а также оно отражается на логотипе компании.
Черно-белый брендинг Chanel — это превосходство, элегантность и вневременная красота. Этот символ отражает корни бренда и не менялся с 1910 года.
- Цвет черно-желтого логотипа — Caterpillar
Caterpillar использует контрастное сочетание черного и желтого, чтобы говорить о совершенстве и мощи в сочетании с оптимизмом и открытостью. Желтый треугольник согревает сильный шрифт и внушает оптимизм. Это один из самых известных черно-желтых логотипов.
Сочетание цветов было отличительной чертой логотипа с 1989 года. Самые ранние логотипы были красными или черно-белыми.
- Цвет черно-оранжевого логотипа — Amazon
Еще одним примером логотипа, в котором для согрева всего ансамбля используется капля цвета, является логотип Amazon.
Amazon — это профессионализм и выполнение своих обещаний. Тем не менее, в логотипе используется намек на оранжевый, чтобы предположить, что у бренда также есть человеческая, оптимистическая сторона, которая ставит своих клиентов на первое место.
Они впервые представили эту цветовую палитру в 1998 году и с тех пор остаются ей верны.
9. Сочетание цветов серого логотипа
Серый логотип символизирует мудрость, знания, баланс и спокойствие — различные оттенки серого хорошо сочетаются с черным, синим или другими цветами в известных логотипах во всем мире.
Давайте посмотрим на некоторые из наиболее заметных серых логотипов и посмотрим, что обозначают их цветовые схемы.
- Серый, белый и черный логотип — Википедия
Бренд Википедии — это знания и обмен ими с миром, и именно это обозначает серый цвет.
Серые или черно-белые логотипы также нейтральны, сбалансированы и равноудалены, что означает, что такие бренды, как Википедия, не принимают чью-то сторону и просто представляют информацию.
Логотип Википедии всегда был монохромным, за исключением версии 2003 года, в которой логотип головоломки был красочным.
- Цвет логотипа сине-серый — Volkswagen
Серые и синие логотипы — символ элегантности, прочности и силы. Это мужская цветовая комбинация с оттенком чувствительности и креативности, которую предлагает серебряное сияние.
Несмотря на то, что Volkswagen представил новый логотип в 2019 году, сочетание сине-серебристого цвета по-прежнему считается его торговой маркой.
10. Коричневые логотипы
Логотипы
Brown — теплые, милые и классические в ретро-стиле, которые идеально подходят для некоторых брендов. Этот цвет отлично смотрится в сочетании с желтым, черным или белым, но его также можно сочетать с оттенком красного или зеленого, если вы чувствуете себя смелым.
В то же время это непростой цвет, потому что вы знаете, что если вы используете его неправильно, он будет вонять.Давайте познакомимся с несколькими брендами, у которых есть коричневый логотип.
- Коричнево-желтый логотип — UPS
Знаменитый коричнево-желтый логотип
UPS имеет форму значка как символ традиций и преемственности. Это заставляет задуматься о бренде с историей, который готов помочь своим клиентам, несмотря ни на что.
UPS сохраняет верность этой коричнево-золотой цветовой палитре уже более ста лет. Цвета появились в первой версии логотипа UPS в 1916 году и присутствуют до сих пор.
- Коричневый, черно-белый логотип — M&M’s
Brown кажется очевидным выбором для бренда шоколада, но это еще не все. Это цвет традиций, уверенности и тепла, который заставляет доверять бренду. Наряду с монохромным контуром логотип выделяется и привлекает внимание.
M&M’s сохраняет верность своей цветовой схеме и буквам своего логотипа с самого начала, почти 60 лет назад.
11.Красочные логотипы
Многоцветный логотип олицетворяет разнообразие, включение и понимание наших различий. Компании, использующие красочные комбинации логотипов, являются глобальными, разнообразными и мультикультурными.
Давайте посмотрим на некоторые из наиболее ярких примеров.
Google — это глобальный мультикультурный бренд, который ценит разнообразие, что также отражено в его многоцветном логотипе. Буквы следуют шаблону основного цвета, но они также добавили дополнительный цвет к букве L, чтобы обозначить, что Google не всегда следует правилам.
Этот красочный логотип много раз менялся за эти годы, но единственное, что осталось нетронутым, — это фирменная цветовая схема.
Стилизованная птица с разноцветными перьями символизирует богатство красок, используемых телевизионной сетью. Красочный логотип говорит о творчестве и разнообразии, и он остался с брендом почти 60 лет.
Использование чистых линий и простых форм позволяет избежать перегруженности цветовой схемы логотипа.
Последние мысли
Я надеюсь, что вторжение в мир цветов логотипов вдохновило вас и помогло понять, как цвета влияют на наши чувства, восприятие и решения.
Теперь все, что вам нужно сделать, это проявить творческий подход и выбрать лучшие цвета логотипа для вашего бренда.
цветовых палитр и цветовых схем пользовательского интерфейса
Дизайн — это
коммуникация. Так же, как писатели используют слова для общения со своими читателями,
дизайнеры используют визуальный язык, чтобы предоставить нужный опыт.
У дизайнеров есть множество различных инструментов для создания правильного визуального языка, и
цвет — один из самых мощных инструментов в их арсенале.
Великолепные цветовые палитры могут создать правильный
настроения и мотивации посетителей
действие.Но при разработке нового продукта часто бывает трудно определиться с
цветовую схему, потому что существует очень много возможных цветовых комбинаций. В этом
статьи, я расскажу об основах того, что
учитывайте при выборе цветовой палитры для вашего продукта.
Основы теории цвета
Перед погружением
в подробностях о том, как выбрать цветовую палитру
для вашего следующего проекта важно понимать несколько основных терминов о
цвет.
Оттенок
Оттенок — одно из основных свойств цвета.Это значит
и цвет, и оттенок цвета (цвет, смешанный с черным). Например,
синий, зеленый, оранжевый и желтый — каждый из них является оттенком.
Шкала оттенков цвета
Насыщенность
Насыщенность цвета — это интенсивность цвета.
По мере увеличения насыщенности цвета кажутся чище.
Насыщенность цвета
Тон
Тон получается путем смешивания цвета с
серый.
Пример цветового тона. Изображение по шестнадцатеричному цвету.
Оттенок
Оттенок представляет собой смесь цвета с белым,
который уменьшает темноту.
Пример цветового оттенка
Вот как все
элементы работают вместе:
График терминологии смешения цветов
Основная цветовая схема
Цветовой круг — обязательный инструмент для
создание цветовых палитр. Всем, кто хочет создать свою цветовую схему, следует
воспользуйтесь цветовым кругом.
Цветовой круг
Ниже приведены три основных стандарта цветовой схемы.
которые упрощают создание новых схем, особенно для начинающих:
Монохроматическая
Монохроматическая цветовая схема — самая простая
создать, потому что он создан из разных оттенков одного оттенка.Цвета в
эта схема хорошо сочетается друг с другом, оказывая успокаивающее действие. Но несмотря на
простота, легко создать скучный интерфейс, используя монохроматическую схему, так что будьте
осторожный!
Монохроматическая цветовая схема
Аналог
Аналогичные цвета — это группы из трех цветов
которые находятся рядом друг с другом на цветовом круге. Как следует из названия, аналогичный
цветовые палитры создаются с использованием аналогичных цветов. Обычно используется один цвет
в качестве доминирующего цвета, в то время как другие используются для обогащения схемы.
Аналогичная цветовая схема
Дополнительные
Дополнительные цвета противоположны каждому
другой на цветовом круге. Высокая контрастность дополнительных цветов создает
яркий вид. В своей основной форме дополнительные цветовые схемы состоят из
только два цвета, которые сильно контрастируют. Эта схема используется для привлечения
внимание зрителя.
Дополнительная цветовая схема
6 вещей, которые следует помнить при создании цветовой палитры для вашего пользовательского интерфейса
Многие дизайнеры
подбирайте цвета на основе своей интуиции.Хотя этот подход сам по себе неплох,
результат зависит от вашего личного вкуса, а также от интуиции, которую сложно стандартизировать. В этом
раздел, я хочу поделиться более системным подходом к выбору и использованию
цвета. Вот несколько основных правил, которые нужно помнить при работе
с цветом.
1. Всегда начинайте с оттенков серого
Выбирать цвета — это весело, и поэтому
дизайнеры уделяют этому занятию много времени. Но прежде
пробуя различные цветовые комбинации для вашего пользовательского интерфейса, важно помнить состояние
вашего пользовательского интерфейса.Если вы только в начале процесса проектирования,
лучше начать с черно-белого или оттенков серого. Почему? Потому что это будет
помочь вам сохранить концентрацию. Ваше внимание будет направлено на создание отличного визуального
иерархия вашего макета, а не выбор цвета для призыва к действию
кнопки.
2. Будьте проще
Применение цвета в дизайне имеет много дел
с балансом, и чем больше цветов вы используете, тем сложнее достичь баланса.
Использование слишком большого количества цветов — распространенная ошибка дизайна.Это обычная ошибка для
неопытные дизайнеры, потому что они часто выбирают цвета случайным образом и в конечном итоге
создание эффекта радуги (когда продукты имеют столько цветов, что они становятся
крайне отвлекает).
Обычно рекомендуется использовать максимум 3 основных цвета в вашей цветовой схеме. Согласно исследованию, проведенному в Университете Торонто, о том, как люди использовали Adobe Color, большинство людей заявили, что предпочитают простые цветовые комбинации, основанные только на двух или трех цветах.
3. Правило 60-30-10
Теперь мы знаем, что наша цветовая схема должна
иметь максимум три цвета, пора узнать, как выбрать эти три
цвета.В этом нам поможет известное правило декорирования. 60-30-10 — это правило
дизайна интерьера. В нем говорится, что для создания визуально стабильной композиции вы
необходимо использовать 60% для вашего доминирующего оттенка, 30% для вашего вторичного цвета и 10%
для акцентного цвета. Основная идея этого правила заключается в том, что вторичный цвет
поддерживает основной цвет, но достаточно отличается, чтобы выделить их. А также
акцентный цвет используется для создания фокусных точек. В дизайне пользовательского интерфейса акцентные цвета
используется для выделения ключевого сообщения или функционального элемента (например, вызова
кнопка действия).
Фотография в масштабе 60/30/10. Изображение предоставлено UxPlanet.
4. Учитывайте эмоциональное воздействие цветов
Хорошо известно, что цвета могут
вызывать эмоции. Эмоции, которые вызывают цвета, определяют, как пользователи воспринимают
ваш продукт. Вот почему, когда вы выбираете цветовую палитру для своего продукта,
важно не только думать о том, как все выглядит, но и думать о том, как
они тоже чувствуют.
Вот как обычно воспринимаются цвета в
Западный мир:
- Красный.Сила, страсть, опасность, важность
- Апельсин. Резвая, энергичная, дешевая
- Жёлтый. Веселая, приветливая, внимательная
- Зеленая. Натуральный, безопасный, свежий
- Синий. Спокойный, надежный, заслуживающий доверия
- Purple. Роскошно, романтично, духовно
- Розовый. Женственность, молодость, невинность
- Черный. Утонченный, резкий, загадочный
- Белый. Чистота, чистота, здоровье
- Серый. Нейтральный, формальный, изысканный
Стоит отметить, что это общие ассоциации, и точное значение может варьироваться в зависимости от контекста.Значение цветов также существенно различается в зависимости от культуры. Если вы хотите узнать больше о значении цвета в разных частях мира, ознакомьтесь со статьей «Символизм цветов и значения цветов во всем мире».
4. Найдите вдохновение
Создание цветовой схемы может быть трудным,
особенно если вы пытаетесь сделать это с нуля. Чтобы упростить,
искать вдохновение. Попробуйте просмотреть изображения, чтобы найти тот, который вам нравится:
- Фотографии природы.Это
общеизвестный факт, что природа — лучшее вдохновение. Так что вы можете взять свой
любимый снимок и получить из него цветовую схему с помощью одного из этих инструментов. - Видео. Музыкальные клипы и фильмы
являются отличным источником вдохновения для визуальных дизайнеров.
После того, как вы найдете нужное изображение, вы можете использовать инструмент Coolors, чтобы выбрать из него цвета.
Выбор цвета из изображения
Кроме того, вы можете посетить Dribbble Colors, где вы можете фильтровать работы дизайнера по цвету.
Dribble упрощает поиск и фильтрацию по цвету. Изображение предоставлено Dribble.
5. Используйте готовые цветовые палитры
Что делать, если вы знаете, какие цвета вы
должны быть в вашей цветовой схеме, но не знаете, как выбрать эти цвета? Ты
можете искать готовые цветовые палитры.
Adobe Color — отличный инструмент как для создания, так и для поиска цветовых схем.
Adobe Color поможет вам найти цветовую схему в несколько кликов.
Вы также можете ознакомиться с рекомендациями по материальному дизайну.
Образцы цветов материального дизайна
5. Учитывайте доступность
Примерно 8% мужчин и 0,5% женщин страдают той или иной формой дальтонизма. Это 1 из 12 мужчин и 1 из 200 женщин. Хотя существует несколько форм этого состояния, наиболее распространенным является дальтонизм на красный / зеленый цвет. Человек, страдающий этой формой дальтонизма, обычно не видит изменений как красного, так и зеленого цветов.
Цветовой круг при недостатке красно-зеленого
Убедитесь, что выбранная вами схема будет
удовлетворить потребности пользователей с дальтонизмом или дефицитом цветового зрения (ССЗ).Дальтонизм принимает разные формы (в том числе красно-зеленый, сине-желтый и
монохромный), поэтому важно использовать несколько визуальных подсказок, чтобы
сообщать о важных состояниях в вашем продукте. Помимо цвета используйте
элементы, такие как штрихи, индикаторы, узоры, текстура или текст для описания
действия и содержание.
Не используйте только красный и зеленый цвета для передачи информации, потому что это может вызвать неприятные ощущения у людей, которые не могут различать красный / зеленый цвета.
Чтобы избежать проблем с доступностью при проектировании, рекомендуется самостоятельно испытывать дальтонизм во время проектирования.NoCoffee Vision Simulator для Chrome можно использовать для моделирования нарушений цветового зрения и состояний слабовидения. Например, используя параметр «Дефицит цвета», параметр «Дейтеранопия», вы можете просматривать веб-страницы в оттенках серого. Это поможет сделать ваш дизайн доступным для пользователей с нарушениями зрения.
Снимок экрана nocoffee vision
Наличие достаточного цветового контраста — еще одна вещь, о которой вам нужно помнить при работе над своим пользовательским интерфейсом. Когда вы используете цвета в тексте, имейте в виду, что размещение двух цветов с низким контрастом рядом друг с другом может затруднить чтение вашей копии.
Цветовой контраст в тексте
Выработайте привычку проверять контрасты, чтобы цвета фона и переднего плана выглядели достаточно контрастными для дальтоника или человека с ослабленным зрением. Это не так уж и сложно, все, что вам нужно сделать, это проверить коэффициент контрастности. Коэффициенты контрастности показывают, насколько цвет отличается от другого цвета (обычно обозначаемого как 1: 1 или 21: 1). Чем выше разница между двумя числами в соотношении, тем больше разница в относительной яркости между цветами.W3C рекомендует следующие коэффициенты контрастности для основного текста и текста изображения:
- Мелкий текст должен иметь
контрастность не менее 4,5: 1 на его фоне. - Большой текст (14 пт полужирный / 18 пт
обычный и выше) должен иметь коэффициент контрастности не менее 3: 1 по сравнению с
задний план.
И хорошая новость в том, что вам не нужно проверять коэффициент контрастности вручную. Вы можете использовать такой инструмент, как Color Contrast Checker, чтобы проверить свои цветовые комбинации всего за несколько кликов.
Заключение
Цвет — чрезвычайно мощный инструмент в арсенале дизайнеров, но с ним также сложно справиться. Надеюсь, что упомянутые выше правила помогут вам подобрать подходящую цветовую схему. Пришло время попробовать эти правила на практике. Помните, что лучший способ достичь совершенства в цветовых схемах — это создать их.
Изображение любезно предоставлено Авалон Ху.
120 потрясающих идей сочетания цветов
Ваш выбор цветов может задать тон всего вашего проекта, поэтому правильный выбор имеет решающее значение.В конце концов, вы не хотите, чтобы ваши цвета передавали настроение, противоположное тому, к чему призывает проект, и, конечно же, не хотите, чтобы сочетание цветов отталкивало или сбивало с толку глаз.
Мы кратко объясним науку, лежащую в основе выбора правильного сочетания цветов, а затем дадим вам 120 красивых цветовых комбинаций, которые вы можете сразу же начать использовать. Давайте прямо сейчас!
Наука сочетания цветов
Хотите верьте, хотите нет, но существует наука о создании цветовых комбинаций, и на самом деле это несложно для понимания.Все, что вам нужно, — это цветовое колесо и понимание пяти различных стилей комбинирования, каждый из которых имеет свое место в вашем наборе трюков.
Дополнительная цветовая комбинация
Дополнительный относится к двухцветной комбинации, в которой цвета противоположны друг другу на цветовом круге. Два цвета дополняют друг друга благодаря своему контрасту, который позволяет каждому цвету выделяться.
Сочетание монохроматических цветов
Монохроматический — это сочетание разных оттенков, тонов и оттенков одного цвета путем добавления черного, белого или серого к исходному цвету.Сочетание однотонных цветов традиционно и утонченно.
Триадное сочетание цветов
Триадные цвета — это трехцветная комбинация, образующая идеальный треугольник на цветовом круге. Здесь не так много контраста, как с дополнительными цветами, но его достаточно, чтобы каждый цвет делал свое дело.
Аналогичное сочетание цветов
Аналог — это еще одна трехцветная комбинация, на этот раз цвета, которые соседствуют друг с другом на цветовом круге.При таком сочетании цветов лучше всего сделать один цвет доминирующим, а другие использовать в качестве акцента.
Сочетание цветов тетрадик
Тетрадич представляет собой комбинацию из 4 цветов, в которой цвета расположены в идеальном квадрате вокруг цветового круга (по сути, две пары дополнительных цветов). Чтобы достичь баланса с таким большим количеством цветов, лучше всего оставить один цвет доминирующим, а остальные использовать в качестве акцентов.
Сочетание цветов, основанное на природе
Иногда природе виднее.Если вы найдете цветовую комбинацию, которая встречается где-то в природе, скорее всего, это выигрышная комбинация, как вы можете видеть из многих примеров, приведенных ниже.
Вдохновение от природы и дикой природы
1. Закатное свечение
Shutterstock / Марк Харпур
Трудно превзойти впечатляющую цветовую палитру, которую создает закат. В этой цветовой палитре огненно-оранжевый закат на пляже в Мексике создает потрясающий контраст с приглушенным пурпурным небом и отражением на море.Это идеальное сочетание цветов, которое можно использовать, если вы хотите добавить яркости своим дизайнам.
2. Пурпурное небо
Shutterstock / Vincentiu Solomon
Это идеальное сочетание темного и светлого цветов. Это привлекательное изображение было снято в Cima d’Asta в Scurelle, Италия. В нем использованы пурпурные тона и черные края, создающие приглушенный и знойный тон. Четкая белая полоса падающей звезды контрастирует с мягкостью цветов в этой палитре, создавая идеальное знойное сочетание.
3. Сдержанный и крутой
Unsplash / Джефф Кинг
Еще одна комбинация темных и светлых цветов, эта коллекция темных пепельно-серых и серовато-синих оттенков создает сдержанную и прохладную цветовую палитру. Мрачность этой сцены в Куле, США, смягчается оттенками красного в центре, оттенком зеленого на переднем плане и голубым небом на заднем плане. Эта цветовая комбинация идеально подходит для мрачного дизайна.
4.Галечный серый
Unsplash / Джереми Кай
Галька, разбросанная по разным оттенкам серого, коричневого и черного, создает грубую, но сдержанную текстуру на переднем плане, в то время как пенистая вода на заднем плане добавляет мягкий контраст изображению. Эта цветовая комбинация универсальна и может применяться для широкого спектра проектов, идеально подходит для дизайна веб-сайтов.
5. Пылающий и огненный
Unsplash / dade72
Белые горячие лучи солнца подчеркивают пылающий и огненный песок в Долине Монументов.Золотой песок мерцает в ярком солнечном свете, а несколько каменных скульптур немного облегчают суровый пейзаж. Такое цветовое сочетание идеально подходит для смелых и теплых дизайнов.
6. Крутой речной блюз
Unsplash / Лео Ривос-Микуд
Эта цветовая комбинация, изображенная в Цунане, Япония, является классическим примером монохромной цветовой схемы. Каждый элемент, от текущей и бурлящей воды до скал на заднем плане, имеет разные оттенки, тона и оттенки синего цвета.Это идеальная цветовая схема, если вам нужна классная цветовая комбинация.
7. Мох водянистая зелень
Flickr / Мойанн Бренн
Цветовая комбинация маленького водопада Cascate Del Monte Gelato в Италии идеально передает драматические контрасты природы. Различные оттенки зеленого, от мшисто-зеленого до темно-бутылочного, добавляют прохладу ярким синим оттенкам и приглушенным коричневым пятнам.Такое цветовое сочетание идеально подходит для любого смелого и смелого проекта.
8. Земное и естественное
Flickr / Мойанн Бренн
Контрастное взаимодействие коричневых скал и зеленых деревьев создает потрясающую природную сцену в Брайс-Каньоне в Юте. В коричнево-зеленой цветовой гамме эта цветовая гамма одновременно естественная и земная. Такое цветовое сочетание создает теплую палитру в любом дизайне.
9. Смелый и сильный
Flickr / Пол Бика
Использование основных цветов в этом снимке Напали, Гавайи, придает изображению смелость и яркость.Применение основных цветов красного, синего, желтого и зеленого добавляет уникальности вашим дизайнам. Основной цветовой круг часто используется в бизнес-брендинге по какой-то причине — потребители часто воспринимают их как выражение уверенности и доверия.
10. Яркий и свежий
Flickr / Мираи Такахаши
Ряд красивых темно-розовых цветов на длинных светло-зеленых стеблях напоминает о новых начинаниях, которые приносит весна. Комбинация цветов женственная, но смелая.Этот снимок, сделанный в Приморском парке Хитачи, Япония, отличается идеальным сочетанием цветов для создания свежего и яркого дизайна.
11. Плавучий лед
Shutterstock / Shaiith
В этом кадре потрясающих айсбергов, плавающих по озеру в Исландии, преобладают различные оттенки холодного ледникового синего цвета. При таком выборе цветов никто не сможет ошибиться в послании, которое вы пытаетесь передать в кадре. Используйте эту монохромную цветовую схему, если хотите выразить видение минимализма, мира, безмятежности или ледяной прохлады.
12. Яркий солнечный свет
Shutterstock / Creative Travel Projects
Эта комбинация ярких цветов нарушает белый цвет, который обычно преобладает в зимних сценах. Темные, драматические оранжевые и желтые цвета закатного солнца на заднем плане придают этой зимней сцене в Украине фантастическую энергию и жизненную силу, идеально подходящую для любого яркого проекта.
13. Весеннее цветение
Shutterstock / Андрей Майовский
Ковер из розовых цветущих цветов рододендрона добавляет яркую красочную нотку в приглушенный фон Карпат.Это идеальная палитра цветов, если вы хотите проиллюстрировать «затишье после шторма» для создания легкого дизайна.
14. Морозная зима
Shutterstock / elen_studio
Ярко-белый морозный зимний пейзаж придает образу прохладу. Как бы то ни было, выбор цветов и эффектов в этом зимнем пейзаже в городском парке добавит идеального волшебства любому из ваших проектов.
15. Осеннее сияние
Shutterstock / Солнечный лес
Ничто не говорит об осени лучше, чем листья золотистого цвета и цвета ржавчины.Комбинация светлых цветов, из которой состоит этот осенний пейзаж, включает почти все цвета сезона — ржавчину, золото, коричневый, зеленый и желтый. Выберите из этих цветов для своего следующего проекта ярко-желтые цветовые сочетания.
16. Коралловые тона
Shutterstock / Брайан Кинни
Снятый в Красном море в Египте смесь ярких цветов прекрасно оживляет этот подводный пейзаж. Глубокие насыщенные голубые воды на заднем плане служат прекрасным фоном для ряда ярких цветов на переднем плане.Это насыщенное цветовое сочетание идеально подходит для любого творческого проекта.
17. Дуб и ясень
Shutterstock / пусть идеи соревнуются
Даже куча опавших листьев может стать отличным сочетанием цветов. Опавшие листья коричневого цвета с вкраплениями оранжевого, зеленого, красного и желтого цветов создают деревенский и красочный снимок. Придайте своим деревенским проектам оттенок цвета с помощью этой великолепной палитры.
18. Персиковые розы
Flickr / jay
Ищете эффектную цветовую палитру? Эта цветовая комбинация представляет собой яркое сочетание зеленого и теплого красного, что придаст вашему проекту большую энергию.Плей-офф идеально подходит для свежего прикосновения к любому естественному и яркому дизайну.
19. Pretty & Pink
Unsplash / Мона Эандра
Вы хотите добавить женственности своему дизайну? Букет цветов, раскрашенных в разные оттенки розового, безошибочно женственен. Светлое цветовое сочетание различных розовых оттенков поможет добавить яркости вашим рисункам.
20. Оттенки зеленого
Flickr / Reflected Serendipity
Различные оттенки зеленого этого растения в Оазисе, Сассекс, добавляют освежающие и успокаивающие нотки любому проекту.Эта свежая основа — отличное цветовое сочетание для любого яркого и чистого дизайна.
21. Приглушенный и тонкий
Flickr / Хуан Рабиано
Пенящийся водопад создает резкий драматический контраст с приглушенной и утонченной сценой. Осенний сезон проявляется в этом цветовом сочетании с оттенками коричневого, оранжевого и желтого.
22. Оттенки синего
Shutterstock / Annmarie
Сочетание голубых лепестков с ярко-синим контуром придает снимку крутой и заметный вид.Это сочетание темных и светлых цветов идеально подходит для дизайнерского проекта, в котором вы хотите произвести сильное впечатление.
23. Яркий и свежий
Shutterstock / allstars
Букет тюльпанов имеет цветовую палитру с множеством ярких желтых, пурпурных, красных и зеленых оттенков. Если вы хотите добиться в своем следующем проекте образа летней свежести, выберите любую комбинацию цветов из этой палитры или используйте их все!
24.Солнечный желтый
Flickr / Сара Маклеод
Эти цветы имеют несколько оттенков желтого, которые добавляют солнечности и яркости любому дизайну. Используйте эту комбинацию светлых цветов, чтобы добавить энергии вашему проекту. Вы можете комбинировать его с более темными желтыми и оранжевыми тонами, чтобы добавить контраста вашему дизайну.
25. Лесная зелень
Shutterstock / Руслан Иванцов
Ищете цвета, которые подчеркнут вашу экологическую миссию? Цветовая палитра, состоящая из листовой зелени и древесно-коричневых оттенков, поможет вам достичь этого видения.Если вы хотите приглушенный вид, используйте только темно-зеленый и коричневый цвета. Добавьте в дизайн нотку зеленого лайма, если хотите сделать вещи еще ярче.
26. Огненные апельсины
Flickr / albadros1
Эффектное сочетание ярко-желтого и огненно-оранжевого цветов отражает цвета заходящего солнца в яркий и безоблачный день. Используйте эту цветовую комбинацию для своих дизайнерских проектов, если вы хотите добавить энергичный и смелый штрих.
27. Весенняя пастель
Shutterstock / Анна-Мари Вест
Букет весенних тюльпанов в пастельных тонах олицетворяет изящество и женственность. Винтажная ваза и фон различных оттенков голубого дополняют пастельную палитру. Выбирайте эту светлую цветовую комбинацию, если хотите, чтобы ваш дизайн-проект создавал ощущение женственности и изящества.
28. Жирный фиолетовый
Shutterstock / Роксана Башырова
Четкие фиолетовые оттенки прекрасно дополняют друг друга в этом превосходном монохромном изображении весенних лилово-фиолетовых цветов.Более светлые оттенки фиолетового служат прекрасным корешком, подчеркивающим и подчеркивающим более глубокие и темные фиолетовые тона.
29. Тропический
Shutterstock / Fotozotti
Тропические цвета прекрасно представлены в этом красочном свадебном букете из летних цветов. Комбинация апельсинов, розового и зеленого цветов безошибочно тропическая, а деревянный контейнер придает всей сцене деревенский и красочный вид.
30.Розовый цветок
Shutterstock / iravgustin
Розовые цветы знаменуют начало весны. Применение этой цветовой палитры к вашим дизайнам — отличный способ добавить более мягкие оттенки розового, которые предполагают женственность. Коричневые цвета, окропленные морем розовых цветов, придадут больше характера и глубины розовому цвету, который в остальном может быть подавляющим.
31. Азиатское вдохновение
Shutterstock / Евгений Атаманенко
Черный фон с вкраплениями алого создает яркую двухцветную комбинацию темных цветов, которая является яркой и потрясающей.Это идеальное сочетание цветов для вашего брендинга, которое добавляет резкий контраст, который обязательно привлечет внимание клиентов.
32. Оттенки ракушки
Shutterstock / Olleg
Ищете яркое цветовое сочетание? Мягкие нежно-белые, розовые, бежевые и пурпурные цвета этих раковин универсальны и могут быть использованы для легкого и мягкого прикосновения к вашим дизайнерским проектам.
33. Перламутр
Shutterstock / Lost Mountain Studio
Переливающийся персиковый и светло-зеленый жемчуг на перламутровой ракушке — это богатый выбор цветов.Используйте эту цветовую схему для дизайна, который предлагает элегантность, изысканность и роскошь — волшебный штрих для любого проекта.
34. Цветение
Shutterstock / pavelgr
Эта пастельная цветовая гамма мягкая и нежная. Пастельные оттенки прекрасно подходят для создания освежающих дизайнов. Эта цветовая комбинация идеально подходит для приглашений на особые мероприятия и детских душей.
35. Грибные коричневые
Shutterstock / bikeriderlondon
Вы хотите добавить органичности в свой дизайн? Землистые коричневые и зеленые тона могут стать отличным способом выделить в вашем проекте естественные цветовые сочетания.Добавьте более темный цвет для контраста, чтобы ваша цветовая палитра выделялась на странице.
36. Одуванчик
Shutterstock / Брайан Джексон
Вы ищете темную цветовую палитру для своего следующего дизайна? Эта цветовая комбинация добавляет более темный оттенок любому проекту. Сочетание коричневого, серого и черного может стать отличной динамикой для вашего веб-сайта, блога или дизайна визитной карточки.
37. Классический цветовой круг
Shutterstock / Super Prin
Сочетание глубокого, насыщенного синего, дополненного ярким желтым, огненно-красным и пятнышками зеленого, создает богатую цветовую палитру, излучающую счастье, энергию и изобилие.Эта богатая цветовая комбинация — отличный выбор для вашего бренда и дизайна.
38. Леопардовый принт
Shutterstock / Ондрей Просицки
Леопардовая комбинация оранжевого, желтого и черного цветов обычно используется в модных цветовых решениях, таких как обувь. Тем не менее, леопардовые принты сами по себе очень привлекают внимание, и это цветовое сочетание можно использовать для других целей, например, для дополнения заповедника тропических лесов или, возможно, логотипа программы зоопарка.
39. Тоны бабочки
Unsplash / Борис Смокрович
Экзотическая окраска бабочки с различными оттенками желтого, от мягкого до яркого, эффективно контрастирует с бледно-синим цветом на противоположном конце цветового круга. Это прекрасная цветовая палитра, которую можно использовать для пейзажа на открытом воздухе, чтобы добавить нежный тон счастья.
40. Лаймовая зелень
Flickr / Rushen
Ярко-зеленый цвет лягушки почти такого же цвета, как и лист, на котором она осела.Разница между ними заключается в небольшом изменении оттенка, влияющем на текстуры. Это прекрасный пример того, как использовать текстуры для создания драматизма в сцене, состоящей из одной цветовой схемы.
41. Легкий и воздушный
Flickr / Ricky Kharawala
Что вы представляете, когда думаете о розовом, воздушном и светло-коричневом? Я могу представить себе красивый теплый капучино, стоящий прямо передо мной. Светло-коричневая пена, маленькое белое розоватое сердечко, плавно вписанные в образ, создают мягкую сладость.
42. Классные тона
Unsplash / Стивен Диас
Смесь холодных тонов с дымчато-серой вуалью придает кадру ощущение умиротворения и безмятежности. Мягкий коричневый цвет, наблюдаемый у обезьян, добавляет небольшие пятна цвета к монохромной цветовой схеме. Это отличный выбор цветов, если вы хотите изобразить тихое уединение или даже тайну.
43. Звездный свет
Flickr / Джонатан Пай
Пурпурный и белый — союз, заключенный на небесах.Точнее, далеко в космосе. С черным цветом глаз песца вы получаете тьму космоса, фиолетовый — один из многих цветов, которые вы видите в туманностях, а белый — это крапинки звезд. Это идеальная палитра для прекрасной композиции пространства!
44. Свежий и свежий
Unsplash / Борис Смокрович
Абсолютно великолепное и универсальное сочетание цветов. Ярко-оранжевый цвет доминирует в кадре и подчеркнут мерцающим зеленым цветом и длинным коричневым клювом зимородка.Эта комбинация хорошо сочетается друг с другом и создает четкую и ясную завершенность изображения.
45. Золотые замки
Flickr / Калеб Фишер
Золотисто-коричневый цвет этой цветовой схемы создает прекрасное ощущение покоя и безмятежности. Различные оттенки, от нежно-розового до темно-коричневых теней, создают очарование без излишнего контраста и доминирования цветов.
46. Обезьянье дело
Unsplash / Quentin DrIndonesia
Приглушенная цветовая гамма этой палитры передает ощущение тихой безмятежности.Пепельно-серый цвет доминирует в этой комбинации, а коричневый оттенок добавляет неожиданные блики. Дополнительные оттенки серого и коричневого помогут красиво улучшить любой образ.
47. Уютные теплые тона
Unsplash / Педро Ластра Майами
Смесь коричневых оттенков искусно подчеркнута мягким пурпурным оттенком, который придает этой палитре нотку аромата и царственности. Эти пастельные тона дополняют ряд других цветов, как видно из добавления желтого и белого цветов на этом изображении.
48. Основы
Flickr / Энди Чилтон
Палитра серых оттенков подчеркнута мягким желтым, что придает ощущение чистого счастья. Серый цвет помогает подчеркнуть свежесть желтого, как видно на этом изображении. Это отличное цветовое сочетание, демонстрирующее свежесть, чистоту и простоту.
49. Теплый и естественный
Flickr / Фил Лонг
Кто сказал, что коричневый — это скучно? Отнюдь не.Насыщенный темный шоколадный фон образует идеальную фольгу, которая подчеркивает светло-коричневые оттенки этой палитры, продемонстрированные на кролике. Эта цветовая гамма насыщенная, теплая и уютная, она идеально подходит как для уютной обстановки, основанной на природе, так и для уютного кафетерия.
50. Аква Гринс
Flickr / Джереми Бишоп
Трудно представить себе другой снимок, который так точно иллюстрирует прекрасную гамму аква-зелени. Зеленый цвет переходит от светлого мерцающего аква-оттенка к более глубокому и темному оттенку зеленого.Прямо посередине сцены изображена оливково-зеленая черепаха, которая игриво плывет, добавляя искры цвета. Эта цветовая схема создает красивую цветовую комбинацию для изображения морской обстановки или аквапарка.
51. Тропический
Flickr / Ананасы
Эта комбинация нейтральных цветов достаточно универсальна, чтобы ее можно было использовать в нескольких различных дизайнерских проектах. Выберите один или два цвета из этой палитры, чтобы создать основной фон, и расставьте акценты, используя другие цвета, чтобы создать изысканный, но удобный вид.
52. Комфортный
Unsplash / Мэтью Вибе
Монохромный? Да. Скучный? Ни за что. Это блестящий пример того, как использовать оттенки и оттенки в вашей работе. Этот образ состоит исключительно из коричневых оттенков, которые варьируются от коричневого и шоколадно-коричневого до светло-бежевого и нейтрального белого. Эта разновидность коричневого меняет ваше мышление от «почему так много коричневого» на «как же все эти коричневые выглядят прекрасно». Плюс нельзя игнорировать очаровательного щенка.
53. Органические и нейтральные
Flickr / Виктор Яковек
Цветовая палитра, использованная в этом снимке, идеально подходит для использования в любом дизайнерском проекте, в котором участвуют хищные птицы, дикая природа, природа или пустыня. Оранжево-коричневый, пепельно-серый и непрозрачный зеленый цвет, контрастирующие с черным, хорошо подходят для создания фантастического фона для проектов, основанных на теме природы.
54. Шоколадно-коричневый
Flickr / Джулия Джанета
Ищете нейтральную цветовую схему, которую можно использовать в нескольких проектах? Обратите внимание на диапазон коричневых и черных оттенков, использованных в этом снимке.Землистые оттенки этого сочетания, дополняют друг друга и добавляют образу теплый оттенок.
55. Трезвые тона
Unsplash / Tarpit Grover
Эта цветовая схема, представленная одинокой чайкой, создает ощущение приглушенного драматизма с сильным контрастом между черными и желтыми тонами. Цвета добавляют акценты изображению и, как мы видим на этой картинке, добавляют теплые тона к холодным цветам океана.
56.Тринидад и Тобаго
Unsplash / Pedro Lastra San Fernando
Мерцающий зеленый и синий цвета — это цвета, от которых любой модельер бы не обратил внимания. Яркие, искрящиеся синий и зеленый оттенки подчеркнуты глубоким мерцающим пурпуром, которые легко дополняют друг друга. Эти цвета образуют идеальное сочетание яркого, яркого и индивидуального стиля.
Еда и напитки
57. Экзотический кокос
Flickr / Shaiith
Ничто не говорит о тропическом веселье лучше, чем это сочетание цветов и пина-колада с мятой, подаваемая в свежем кокосе.Желтая танкетка в виде ананаса придает этой забавной комбинации идеальный завершающий штрих и яркий акцент. Если вы ищете земляные тропические цвета, эта цветовая схема идеально подойдет для вашего дизайна: коричневый, белый, зеленый и ананасовый желтый.
58. Жёлтый
Flickr / Майкл Стерн
Поднос для сыра станет идеальным источником вдохновения для тех, кто хочет использовать желтую палитру в своем следующем дизайнерском проекте. Сочетание ярких и светло-желтых цветов придает любой сцене восхитительно освежающий и веселый вид.
59. Затопленный цитрус
Flickr / Майкл Стерн
Эта смесь ярких красных и оранжевых цветов — идеальное сочетание для Citrus Sensations. Сплошной светлый синий цвет добавляет мягкие тона к комбинированным цветам, не противореча другим ярким цветам и не отвлекая их от них. Острые красные оттенки в этой палитре создают нужный контраст с белой коркой и желтой кожурой.
60. Летние тона
Flickr / Майкл Стерн
Это сочетание тропических цветов создает теплую летнюю атмосферу.Мягкие оттенки этих обычно ярких цветов эффектно дополняют друг друга и добавляют эффектности палитре. Как вы можете видеть на этой картинке, добавление цвета пены и блеска, который покрывает все элементы изображения, делает его безошибочно освежающим.
61. Макаронная пастель
Flickr / Майкл Стерн
В этой цветовой схеме используются как контрастирующие, так и дополняющие цвета, чтобы создать привлекательную и восхитительную комбинацию.Благодаря столь разнообразной цветовой гамме вы можете быть уверены, что каждый найдет что-то для себя. Это идеальная цветовая палитра для магазина кондитерских изделий или мороженого.
62. Фруктовый
Flickr / Майкл Стерн
Эта цветовая схема идеально подходит для добавления свежих фруктовых ноток в ваши работы. Абрикосово-бутылочный оттенок компенсируется оттенками зеленого и придаст вашему снимку ощущение бодрости и сочности с оттенком свежести.
63.Мороженое Браун
Flickr / Майкл Стерн
Это монохромное сочетание теплых коричневых тонов отлично подходит для тем, связанных с богатым декадансом какао, кофе и шоколада. Диапазон коричневых оттенков от более светлого до более темного добавляет теплого оттенка. Вы можете свободно использовать эту цветовую палитру, не беспокоясь об излишках. Так же, как кофе и шоколад, их никогда не бывает достаточно.
64. Клубничное ощущение
Flickr / Майкл Стерн
Эта цветовая палитра с множеством ярких красных перемежающихся с темно-пурпурным и мягким коричнево-оранжевым оттенком представляет собой сладкое наслаждение.Это великолепное цветовое сочетание для кондитера или любой маленькой девочки, которая не любит стереотипный «девчачий розовый». Цвет торта и темная ежевика компенсируют насыщенность красного цвета, чтобы он не подавлял.
65. Черника
Flickr / Майкл Стерн
От темно-темно-синего до более светлых чернил индиго и даже более светлого барвинка — снимок с использованием только черники демонстрирует великолепную смесь синего. С добавлением веточки зеленых листьев и оттенка коричневого в кадре синий цвет уравновешивается, но сохраняет свою эффектность.
66. Вишневый красный
Flickr / Майкл Стерн
Эта цветовая комбинация вишни идеальна для передачи современных рождественских красок. Как вы можете видеть на этом изображении, сочетание темно-красной вишни с ее зелеными стеблями, расположенными в мягкой зеленой миске, создает хорошо дополненную смесь. Вы можете использовать только эти три цвета в различных комбинациях, чтобы создать бесконечное множество сказочных рождественских сцен.
67.Матовый
Flickr / Майкл Стерн
От глубокого темно-коричневого цвета шоколада до насыщенного красного цвета клубники и нежного кремового сахара, посыпанного десертом, в этом изображении нет ничего непривлекательного. Все теплые насыщенные цвета дополняют друг друга и вызывают у меня желание расслабиться. Кто откажется от шоколада и клубники?
68. Fiesta
Flickr / Майкл Стерн
Эта освежающая цветовая палитра включает в себя широкий спектр цветов, которые прекрасно дополняют друг друга.Обилие светло-коричневого с каплями красного, светло-зеленого, темно-зеленого и желтого цветов находится на прозрачной стеклянной пластине мягкого серого цвета, которая поддерживает смешение цветов, не затмевая их.
69. Летние флюиды
Flickr / Майкл Стерн
Сочетание различных оттенков красного и белого делает это место долгожданным, напоминающим лето. Сдержанно используйте эту цветовую палитру, чтобы добавить ярких красок к плакатам летних мероприятий или придать обстановке свежий и молодой вид.
70. Глазурованная
Flickr / Майкл Стерн
Богатый сочный декаданс этого снимка безошибочно узнаваем и эффектно подчеркивается этой цветовой палитрой. Оттенки красного доминируют в сцене от начинки до внешней стороны пирога, но не становятся подавляющими. Это идеальное сочетание цветов для проекта кондитерской или дизайна, изображающего страсть и похоть.
71. Окрашенная
Flickr / Майкл Стерн
Эта цветовая палитра вызывает яркие и живые образы, от сочных красных и сочных зеленых до свежих желтых и освежающих апельсинов.Вы можете использовать любой из этих цветов в любой комбинации для создания сцен, изображающих здоровье, жизненную силу, питание и общую физическую форму.
72. Теплый янтарь
Flickr / Майкл Стерн
Это еще один отличный пример монохромной цветовой палитры, захватывающей дух своей простотой. Центр светлого цвета ириски обрамлен более богатыми оттенками того же цвета и подчеркнут обоими, более темным оттенком янтаря, а также более светлым оттенком, почти белым с оттенками ириски.Это освежающая нейтральная палитра, которая универсальна для многих целей.
73. Флуро
Flickr / Майкл Стерн
Эта счастливая цветовая палитра — воплощение веселья и веселья. В этой комбинации нет ничего мрачного, степенного или серьезного. Вы хотите создать приглашение на летнюю вечеринку или на детский день рождения? Пусть веселье начнется с приглашений в этой яркой палитре.
74. Джаз и драгоценности
Flickr / Майкл Стерн
Красный, как правило, очень доминирующий цвет, особенно потому, что он может быть очень теплым.Это изображение наглядно демонстрирует, как даже небольшой контраст цветов в композиции может придать ей столь необходимый рельеф. Это ясно показано на этом изображении, поскольку мятно-зеленые листья и мягкое серебро выделяются на фоне красного.
75. Брызги
Flickr / Майкл Стерн
В этой сцене преобладают различные оттенки коричневого, которые идеально дополняют ярко-фиолетовый и розовый или цветок и трубку. Яркие цвета, обеспечиваемые фиолетовыми соломинками, добавляют всплеск розовых лепестков на переднем плане, добавляют красочный рельеф палитре и делают сочетание живым и веселым.
76. Тонировка
Flickr / Майкл Стерн
Этот оранжевый оттенок — именно то, что вам нужно, чтобы оживить скучную и скучную сцену. Оранжевый излучает тепло и счастье, и если вы хотите добавить волнения к монотонному серому, коричневому, зеленому или синему снимку, которому нужно немного чего-то особенного, всплеск оранжевого будет иметь значение.
77. Вымыто
Flickr / Майкл Стерн
Волны и завитки малиново-красного цвета добавляют нежные оттенки цвета этому прекрасному изображению.Это сочетание цветов, созданное на небесах для широкого спектра дизайнерских проектов, особенно тех, которые нацелены на более женственную аудиторию. Это уютная, удобная, богатая и вкусная цветовая гамма одновременно.
78. Яркий и летний
Flickr / Майкл Стерн
Этот снимок — воплощение деревенской итальянской кухни. Темный контраст служит идеальным деревенским корешком для веселых, ярко-желтых, красных, зеленых, пурпурных и белых цветов.Выберите из этой цветовой палитры для своего следующего кулинарного проекта и оживите изображения блюд.
79. Блеклые тона
Flickr / Майкл Стерн
Цветовая гамма в этом кадре явно средиземноморская, с ее сочетанием оливково-зеленого, более темного зеленого тимьяна оставляет молочно-кремовый оттенок козьего сыра, поданного на розовом блюде. Эти мягкие цвета розового и зеленого находятся на противоположных концах цветового круга, но их нежные тона хорошо сочетаются друг с другом.
80. Брызги
Flickr / Майкл Стерн
Поднос с ягодами на основе нарезанных цитрусовых создает яркую палитру ярких цветов, с помощью которой можно оживить любой дизайн. Несмотря на контрастные оттенки, все они прекрасно сочетаются друг с другом. Используйте их все вместе или просто выберите пару цветов, чтобы придать яркости вашему следующему проекту.
81. Мрачный
Flickr / Майкл Стерн
Цветовая палитра шоколадно-коричневых и белых оттенков декаданса в равной мере ассоциируется с комфортом и роскошью.Такое сочетание цветов можно использовать для изображения всех вышеперечисленных функций. Нейтральная цветовая схема позволяет использовать эти цвета сами по себе, а также добавлять их к любой другой цветовой схеме. Более светлые цвета этой палитры смягчают общий эффект, тогда как более темные оттенки добавляют яркости и яркости.
82. Вишневое сочетание
Shutterstock / Юлия Городецкая
Вишнево-красный цвет, показанный на этом изображении, добавляет яркости и драматизма крутому кадру персикового мороженого.Эта комбинация вишневого цвета является прекрасным примером того, как использовать только немного глубоких темных цветов, чтобы красиво подчеркнуть ваш дизайн, не подавляя его и не отвлекая внимание.
83. Кофе
Flickr / Майкл Стерн
Эта нейтральная палитра цветов, от белого и светло-серого до более глубоких и темно-коричневых, очень универсальна. Его можно использовать для самых разных дизайнерских проектов, от тех, которые ориентированы на прохладные композиции, до тех, которые сосредоточены на более теплых, насыщенных и пенных капучино.
84. Пылающий красный
Flickr / Майкл Стерн
В этой цветовой палитре, основанной преимущественно на красном, используется мягко контрастирующий кремово-коричневый цвет, который добавляет композиции еще одно измерение. Сильный красный цвет делает эту цветовую палитру идеальной для изображений, пробуждающих вожделение и страсть, и добавит силы и энергии любому проекту.
85. Свежий арбуз
Flickr / Майкл Стерн
Когда вы думаете о сочетании красного, зеленого и белого, вы не можете не представить рождественские сцены.Но красный, зеленый и белый — традиционные цвета Рождества также могут быть использованы для передачи сочного освежения, которое дает ломтик арбуза, и добавления летнего ощущения в образ.
Вдохновение от путешествий
86. Отдых на природе
Flickr / Майкл Стерн
Эта цветовая палитра представляет идеальные цвета, чтобы дополнить пляжный пейзаж. Холодная цветовая палитра этого образа с его мягкими зелеными и нежными серыми тонами гармонично сочетается друг с другом и может быть применена практически к любой спокойной композиции.
87. Рио Тач
Flickr / Roderick Eime
Величественная статуя Христа-Искупителя возвышается на переднем плане и доминирует в сцене, которая в остальном состоит из множества винтажных синих, зеленых и коричневых тонов. Светло-зеленый резко контрастирует с приглушенными цветами фона. Это отличная цветовая схема для винтажной сцены.
88. Фиалки
Авторские права / Ronnybas
Мягкий фиолетовый, дополняющий синий и контрастный черный создают мистическую цветовую комбинацию.Вид на этот очаровательный город Позитано на побережье Амальфи в Сорренто, Италия, использует цвета этой палитры, чтобы добавить волшебный тон зданиям, расположенным на холме.
89. Ретро стиль
Shutterstock / Михал Беднарек
Красный — один из тех цветов, которые могут украсить самые скучные композиции, как это было сделано в этой цветовой палитре. Размытые красные автобусы, показанные на этом изображении, добавляют ярких красок в винтажную сцену в стиле ретро, состоящую из коричневых, серых и синих оттенков.
90. Нейтралы в Италии
Авторские права / Prochasson Frederic
Эта цветовая палитра отображает теплые образы с элементами камня, типичные для старинной европейской достопримечательности, показанной на снимке выше. Добавление зеленого цвета обеспечивает красочное облегчение диапазона коричневых и серых оттенков этой палитры и сцены в кадре Колизея.
91. Гармоничные тона
Shutterstock / Krunja
Эта очень теплая цветовая палитра, удачно изображенная в Мраморном храме Бангкока на этом изображении, идеально подходит для летних и тропических тонов.Эту палитру можно эффектно контрастировать с холодным синим и придать образу рельефность.
92. Канал в Венеции
Shutterstock / g215
Эта цветовая палитра дополняет романтическую картину канала в Венеции. Сочетание водной краски с контрастным кремовым и черным создает прохладные тона. На изображении эти цвета создают плавный поток в воде с кажущимся медленным движением гондолы и эффектно дополняют нежный мягкий коричневый цвет зданий.
93. Современное вдохновение
Shutterstock / С.Борисов
Фиолетовый, обычно королевский цвет, придает большое значение этой цветовой палитре и усиливает холодные оттенки синего. На этом снимке собора Святого Петра в Риме пурпурное мерцание, покрывающее строения, помогает добавить собору ощущение превосходства. Мягкий градиент от синего до мягкого фиолетово-коричневого цвета идеально связывает палитру.
94.Pales & Navies
Shutterstock / SabinoParente
Мраморные колонны мечети Сулеймание вместе с ее бледно-голубыми куполами представляют собой настолько прохладную палитру, что она может почти замерзнуть. Эти цвета подходят для любой арктической или ледяной композиции. Несмотря на преобладание оттенков синего, это изображение демонстрирует, насколько хорошо он работает и насколько нежными они могут быть.
95. Пыльный
Shutterstock / Fabio Lamanna
На этом изображении террасированных соляных ванн в регионе Куско в Перу используется чрезвычайно универсальная бело-коричневая цветовая палитра.Его можно использовать для самых разных дизайнерских проектов, от деревьев и снега арктического леса до кофе и взбитых сливок во фраппе Starbucks. Подумайте о шоколаде, кофе, снеге, льду. Так много комбинаций с двумя простыми нейтральными цветами.
96. Классический и темный
Shutterstock / Деннис ван де Уотер
На этом снимке Моста Александра III и Дома инвалидов в Париже на рассвете видно сочетание светлых и темных цветов, приглушенное и сдержанное.Вы можете выбрать сочетание черного и серого на переднем плане или бледно-кремового на заднем плане. В обоих случаях вы можете подчеркнуть весь эффект с помощью стратегически размещенной ложки ярко-оранжевого цвета.
97. Тонкое белье
Shutterstock / S. Борисов
Эта осенняя цветовая гамма подчеркнута желтыми зданиями и бледно-голубым небом. Коричневые и серые оттенки смягчаются синим и желтым. Несмотря на то, что обычно это яркие цвета, в этой палитре используются более тусклые тона каждого цвета, чтобы создать более мягкую комбинацию.Чтобы улучшить этот стиль, ретро-фильтр может дополнить эти цвета и помочь создать идеальный ретро-образ.
98. Мягкий и теплый
Shutterstock / iascic
Теплый и землистый тон этой старинной городской улицы в Хорватии заставляет зрителей чувствовать, что они смотрят на место, нетронутое современными технологиями, место, все еще укоренившееся в его культуре. Коричневый и красный с их различными тонами действительно демонстрируют, как монохромные палитры не обязательно доминируют, а, скорее, дополняют и улучшают образы.
99. Сидней Блюз
Shutterstock / Тарас Вышня
Эта темно-синяя цветовая палитра подходит для множества тем, от проектов на водной основе до ночной жизни, как показано на этом снимке Сиднея. Хотя сами синие цвета могут не казаться темными, их контраст с пятнышками ярко-желтого света подчеркивает их. Плавная смена оттенков синего создает нежную и мягкую цветовую гамму.
100. Праздничный
Shutterstock / Шон Павон
Ярко-красная и изумрудно-зеленая восточная структура резко контрастирует с приглушенным серым цветом горы.Фудзи на заднем плане. Мягкий коричневый цвет стены пагоды создает красочный рельеф. Цвета в этой палитре являются типично восточными и идеально подходят для любого восточного дизайн-проекта.
101. Вишневый цвет
Shutterstock / Nonthachai Saksri
Такие цвета, как нежный фиолетовый цвет вишневого дерева, а также нефритово-зеленый и коричневый цвета замка, создают идеальную цветовую палитру для любого восточноазиатского искусства. Палитра подходит как для восточноазиатской моды, так и для более традиционной живописи.
102. Универсальный
Shutterstock / RuthChoi
Эта мягкая цветовая палитра зеленого и коричневого цветов создает мягкий рельеф любому проекту. Эта изысканная комбинация цветов хорошо сочетается с любой другой цветовой схемой, как видно на этом изображении, контрастирующим с ярким зеленым. Комбинация зеленого и коричневого цветов универсальна и может быть использована в любом дизайне.
103. Аутентичный
Shutterstock / Чен Мин Чун
Использование контрастных цветов с синим и красным создает сильный эффект и усиливает ценность каждого отдельного цвета.Это идеальная цветовая палитра, если вы хотите воссоздать аутентичный пейзаж набережной, как это видно на этой классической набережной реки Тамсуи в Тайбэе, Тайвань.
104. Нетрадиционный
Shutterstock / apiguide
Этот мощный закат, эффективно использующий превосходную природу мягкого пурпурного цвета в палитре, резко контрастирует с ярко-зеленым. Эта сцена в Wat None Kum в Таиланде предлагает множество неожиданных нетрадиционных цветовых комбинаций, которые вы можете использовать в своем следующем дизайнерском проекте.
105. Средневековье
Shutterstock / Stroujko
Один только этот снимок передает очарование и цвета этого немецкого города, успешно используя синий, желтый и коричневый цвета для создания изысканных и дополняющих образов. Если вы ищете средневековые цвета для своего дизайна, в этой очаровательной цветовой палитре есть из чего выбрать.
106. Контрастность
Shutterstock / TTstudio
Эта палитра состоит из мягких оттенков светлого и темного синего, а также яркого и мягкого синего и коричневого цветов.Сочетание более ярких синих и коричневых цветов добавит искру и изюминку любой сцене.
107. Диммер тона
Shutterstock / vichie81
Снимок традиционных разноцветных домов на берегу канала в Кольмаре, Маленькая Венеция, подчеркивает эту очаровательную палитру цветов. Более темные оттенки каждого цвета делают эту комбинацию идеальной для более тусклых сцен, которые будут хорошо контрастировать со светлыми яркими цветами.
108.Богатый и волшебный
Shutterstock / Krunja
Богатое, пышное золото пагоды Шведагон возвышается над синим небом над Мьянмой ночью. Красные фонари усеивают небо, эффектно контрастируя с темным цветом и создавая эффектный эффект. Эта богатая цветовая комбинация — классическая комбинация, которую можно использовать, когда вы хотите изобразить королевскую семью.
109. Мягкий и темный
Shutterstock / Kanuman
Важность баланса так явно передана в этой цветовой комбинации, видимой на этом снимке Стамбула в Турции.Темный полуночный синий цвет доминировал бы в кадре, если бы не теплый свет стены мечети, привлекающий внимание зрителя.
110. Отбеленная
Shutterstock / Леонид Андронов
Ничто не говорит о царственности больше, чем цвет золота, которое первое, что бросается в глаза на этом кадре. Это подходящий цвет для дворца Голестан в Тегеране, Иран, и отличное дополнение к этой цветовой гамме, наряду с его ярко-оранжевым.Золото дополняется ярким зеленым цветом, который придает палитре естественный рельеф, который усиливается тускло-синим.
111. Яркий и яркий
Shutterstock / Mikadun
Смесь цветов подчеркивает красочную природу жителей Медины Шефшауэн, Марокко в Африке. В цветах нет ничего скромного. Ярко-синий, ярко-красный, нежно-зеленый и розовый придают шарм любому образу, не противореча и не выглядя кричащим.Эта красочная палитра идеально подходит для того, чтобы привнести чувство веселья и веселья в любой дизайн.
112. Блеклый
Shutterstock / Creative Travel Projects
Использование выцветших зеленых, красных и желтых тонов создает легкую и спокойную цветовую комбинацию на этом снимке горного озера в Национальном парке Высокие Татры. Солнце, выглядывающее издали над деревьями, является единственной подсказкой о том, что снимок был сделан рано утром, до того, как начались дневные суеты.Использование фильтра в стиле ретро поможет вам добиться такого эффекта на любом изображении.
113. Яркость красок
Shutterstock / Ольга Гаврилова
Использование ярких цветов в этих домах на острове Бурано недалеко от Венеции, Италия, делает эту палитру привлекательной. Сочетание солнечно-желтого, конфетно-розового, жженого апельсина и лаванды добавляет яркой свежести, придавая сцене игривый вид. Это прекрасный выбор цветов, если вы хотите придать своему проекту свежий и молодой вид.
114. Туманное утро
Shutterstock / Sazali
Абсолютная простота сцены в Нагаланге, Лабуан представляет собой идеальное сочетание теплых и холодных цветов. Светло-оранжевое небо светится безмятежным светом на тихую голубую воду, которая окружает одинокий коричневый дом на сваях вдали. Это красивая цветовая палитра, передающая безмятежность, простоту или минимализм.
115. Восход солнца
Shutterstock / Dancestrokes
Цветовая схема этого раннего восхода солнца на острове Коронадо, Сан-Диего, США, спокойная, прохладная и привлекательная.Лазурно-голубое небо окрашено теплым коралловым оттенком, напоминающим восход солнца. Это сочетание цветов женственно и идеально подходит для мягких и нейтральных дизайнов.
116. Свежий и яркий
Shutterstock / Ольга Гаврилова
Обилие пурпурного цвета самых разных оттенков с вкраплениями ярких голубых акцентов и зеленых оттенков делает эту цветовую палитру необычной. Снятый на острове Бурано недалеко от Венеции, Италия, это отличный выбор цветов, если вы хотите подчеркнуть женственность и смелые цвета в своем дизайне.
117. Небо встречает воду
Shutterstock / Евдокимов Максим
Мягкое заходящее солнце заливает все небо этим мальдивским персиковым сиянием, создавая оранжевый горизонт там, где он встречается с изумрудно-зеленой лагуной. Коричневые фасады надводных бунгало служат прекрасной пленкой между оранжевым небом и мерцающими зелеными водами. Это сочетание светлых и темных цветов идеально подходит для любой теплой дизайнерской палитры.
118.Облачно
Shutterstock / Arlo Magicman
Смешение цветов в этом городском пейзаже Кувейта варьируется от умеренно оранжевого и розового до серовато-оранжевого с акцентом на ярко-желтые пятна между ними. Эта цветовая палитра идеально подходит для более темной цветовой схемы дизайна.
119. Хрустящее утро
Shutterstock / Лучано Мортула
Взаимодействие коричневого, синего и розового цветов создает расслабляющую цветовую схему в этом пейзаже реки Адидже и Понте ди Пьетра в Вероне, Италия.Это идеальная палитра цветов на выбор, если вы хотите привнести в свой дизайн тепло, умиротворение и гармонию.
120. Безвременье
Shutterstock / Romas_Photo
Голубое небо и белые облака отделены от мерцающих изумрудных вод бесконечным рядом старых домов на этом красочном изображении канала в Венеции. Эта светлая цветовая комбинация идеально подходит для веб-сайта или блога.
Хотите добавить уникальное сочетание цветов в свой дизайн?
Отличное сочетание цветов в ваших дизайнах может изменить тон ваших сообщений для ваших читателей.Изо всех сил пытаетесь применить отличный дизайн с цветовой схемой? Почему бы не создать его для вас?
Процесс очень простой! Просто опубликуйте конкурс, и вы получите разные дизайны от экспертов со всего мира. Вы можете оставить отзыв и поговорить с фрилансерами об их дизайне и любых изменениях, которые вы собирались внести.
Затем, когда конкурс будет завершен, вручите приз конкурса разработчику вашего любимого дизайна цветовой схемы, и интеллектуальная собственность этого дизайна будет передана вам.
Так чего же вы ждете? Опубликуйте конкурс на Freelancer сегодня!
С помощью цветов можно задать настроение, привлечь внимание или Цвета влияют на нас по-разному, как умственно, так и физически. Сильный Умение осознанно и гармонично использовать цвета может помочь вам создавать Цветовое колесо Цветовой круг или Цветовой круг является основным Цветовой круг разработан таким образом, что практически любые цвета, которые вы выбираете из него Традиционно существует ряд сочетаний цветов, которые считаются ColorImpact разработан для динамического создания цветового круга, соответствующего вашему Основные, второстепенные и третичные цвета В цветовой модели RYB (или субтрактивной) основных цвета Три вторичных цвета (зеленый, оранжевый и фиолетовый) являются Еще шесть третичных цветов создаются путем смешивания основных На приведенном выше рисунке показан цветной круг с первичным, вторичным Теплый |
Оттенки — добавление белого к чистому оттенку: |
Оттенки — добавление черного к чистому оттенку: |
тона — добавление серого к чистому оттенку: |
Гармония цветов
— основные приемы создания цветовых схем
Ниже показаны основные цветовые аккорды, основанные на цветовом круге .
Дополнительный цвет Высокая контрастность дополнительных цветов создает особенно яркий образ. Дополнительные цветовые схемы сложно использовать в больших дозах, но они хорошо работают Дополнительные цвета плохо подходят для текста. | |
Аналогичный цвет Аналогичные цветовые решения часто встречаются в природе, они гармоничны и приятны. Убедитесь, что у вас достаточно контраста при выборе аналогичной цветовой схемы. Выберите один цвет, который будет доминировать, а второй — для поддержки. Используется третий цвет | |
Цветовая схема Triadic Цветовые схемы Triadic, как правило, довольно яркие, даже если вы используете бледные или ненасыщенные Для успешного использования триадной гармонии цвета должны быть тщательно сбалансированы. | |
Раздельно-дополнительный Эта цветовая схема имеет такой же сильный визуальный контраст, как и дополнительная Комплиментарная цветовая схема часто является хорошим выбором для новичков, | |
Прямоугольник (четырехугольник) Эта богатая цветовая схема предлагает множество возможностей для вариаций. Тетрадические цветовые схемы работают лучше всего, если вы позволяете одному цвету быть доминирующим. Также стоит обратить внимание на баланс между теплыми и холодными цветами. | |
Квадратное цветовое решение Квадратная цветовая схема работает лучше всего, если вы позволяете одному цвету быть доминирующим. Также стоит обратить внимание на баланс между теплыми и холодными цветами. |
Лучшие цветовые палитры для повышения вовлеченности веб-сайтов (2020)
Вызывает ли желаемый отклик цветовая схема, которую вы выбрали для своего веб-сайта?
Вы ошеломлены количеством возможных цветовых палитр веб-сайта?
У всех есть любимые цвета, к которым они склонны тяготеть, когда дело касается работы или чего-то еще.
Но опытный дизайнер понимает важность оценки цветовой схемы на основе бренда. Значения цветов. И продвигаемые продукты или услуги.
Цвета на самом деле вызывают эмоциональные отклики в зависимости от используемой палитры.
Хороший выбор цвета требует тщательного планирования.
Они могут влиять на то, как посетитель интерпретирует то, что он видит, а также на макет и типографику сайта — и, если все сделано правильно, они могут положительно повлиять на оценку бренда каждым посетителем в целом.
В этой статье мы рассмотрим, почему так важен выбор правильных цветов для вашего сайта, а также рассмотрим 23 различные цветовые палитры реальных сайтов, которые эффективно привлекают внимание посетителей.
Почему ваша цветовая схема так важна?
Прежде чем мы перейдем к процессу выбора цветовой схемы для вашего сайта, важно точно понять, почему цветовая схема вашего сайта так важна.
В конце концов, вы могли подумать, что действительно имеет значение содержание.И это не неправда.
Люди любят контент. Их привлекают свежие голоса и интересная информация, но сначала нужно привлечь их внимание. Вот здесь и вступают в игру цветовые палитры веб-сайтов.
Если вы выберете правильную цветовую схему веб-сайта, вы получите возможность поразить посетителей своим контентом.
Вот как:
1. Обеспечение узнаваемости бренда
Ваш сайт — это, по сути, дом вашей компании в Интернете.
Это означает, что он должен точно отражать ваш бренд.Кроме того, он должен быть достаточно запоминающимся, чтобы пользователи вернулись после первого посещения.
В конце концов, многие из ваших посетителей не будут готовы совершить покупку или совершить другую серьезную конверсию во время своего первого посещения — и им нужно помнить о вашей компании, чтобы вернуться и предпринять эти действия.
К счастью, цвет повышает узнаваемость бренда на 80%.
Итак, если у вашей компании уже есть устоявшаяся цветовая схема, важно включить ее в дизайн вашего сайта.Так посетителям будет намного проще сразу же связать его с другими местами, где они видели ваш бренд.
Кроме того, если ваша цветовая схема одинакова для всего сайта, они будут знать, что попали в нужное место, когда вернутся, независимо от того, на какую именно страницу они попали.
Помимо того, что вы говорите пользователям, кто ваша компания, ваш веб-дизайн также играет важную роль в формировании мгновенных суждений пользователей о вашем бренде.
Согласно одному опросу, 94 процента респондентов назвали веб-дизайн одним из основных факторов, влияющих на первое впечатление от веб-сайта.
Конечно, веб-дизайн — это гораздо больше, чем просто цвет.
Но учитывая, что цвет является одним из наиболее очевидных элементов на вашем сайте и одним из немногих, которые пользователь может различить в течение этих первых 50 миллисекунд, ваша палитра может повлиять на оценку вашей компании пользователем.
2. Сформируйте отношение посетителей к вашему сайту
Согласно другому исследованию того, как формируются первые впечатления потребителей, 90 процентов первоначальных оценок основаны только на цвете.
В определенной степени причина этого ясна.
В конце концов, цвет — один из самых простых для понимания аспектов страницы. Его можно оценить почти мгновенно и не требует от посетителей оценивать текст или другой обмен сообщениями.
Но также важно учитывать роль, которую психология цвета играет в этих поспешных суждениях.
Многие компании используют эти связи, как показано логотипами на следующей диаграмме.
Например, бренды, которые хотят создать ощущение творчества и воображения, как правило, включают фиолетовый в свои образы, в то время как бренды, которые хотят установить чувство баланса и спокойствия, склоняются к черному и белому.
Это напрямую связано с «индивидуальностью» вашего бренда.
В одном исследовании личности бренда психолог и профессор Стэнфордского университета Дженнифер Аакер пришла к выводу, что пять основных параметров играют роль в индивидуальности бренда:
Бренды иногда могут смешивать черты характера, но по большей части их «индивидуальность» сосредоточена в первую очередь на одном. Например, компания, продающая снаряжение для кемпинга, будет идентифицировать себя с «прочностью», а модный бренд — с «изысканностью».”
И, как вы можете видеть на диаграмме логотипов выше, цвет может сыграть важную роль в демонстрации потребителям индивидуальности вашего бренда.
Хотя большинство людей могут не осознавать, что красный логотип компании создан для того, чтобы вызывать чувство возбуждения, она все же может делать именно это.
И хотя каждый цвет может вызывать определенное чувство или реакцию, некоторые цвета лучше других подходят для большинства брендов и веб-сайтов.
Например, синий часто считается самым безопасным выбором.Отчасти это связано с тем, что это самый распространенный «любимый» цвет среди большинства населения.
На самом деле 57% мужчин и 35% женщин считают, что это их любимый цвет.
Итак, если вы хотите привлечь широкую аудиторию, это может быть отличным выбором для вашего сайта. На самом деле, возможно, именно поэтому некоторые из наиболее посещаемых сегодня сайтов, такие как Facebook и Twitter, используют его для своих логотипов и брендов.
Также стоит отметить, что синий цвет также часто ассоциируется с чувством доверия, авторитета и надежности.
Но это не значит, что это лучший выбор для любого сайта. Все зависит от чувства, которое вы хотите передать своим посетителям.
Например, если ваш бренд сосредоточен на здоровье и благополучии, зеленый цвет может быть лучшим вариантом для создания этой ассоциации. И если вы хотите взволновать посетителей и побудить их к быстрым действиям, красный цвет может быть более эффективным для достижения этой цели.
Итак, выбирая цвета для своего сайта, учитывайте эмоциональные реакции, которые они могут вызвать у посетителей.
Например, если вы пытаетесь создать ощущение умиротворения для веб-сайта своей студии йоги, красный цвет может быть не лучшим выбором — и лучше знать это, прежде чем вкладывать серьезные деньги в свой дизайн.
3. Развивайте чувство порядка
Помимо эмоциональных реакций, которые могут вызывать отдельные цвета, которые вы выбираете, также необходимо учитывать то, как цвета на вашем сайте взаимодействуют друг с другом.
Лучший способ сделать это — изучить несколько основных принципов теории цвета.
Если вы когда-нибудь посещали занятия по рисованию или просматривали какие-либо ресурсы, связанные с дизайном, вы, вероятно, видели что-то похожее на цветовое колесо на рисунке выше.
Наиболее распространенная концепция, проиллюстрированная в этом круге, — это взаимосвязь между основными цветами (красным, желтым и синим), а также вторичными и третичными цветами, которые образуются путем их смешивания.
Но помимо этого, это колесо может помочь вам создать цветовую гармонию или визуально приятное расположение цветов.Гармоничная палитра веб-дизайна может помочь вам установить чувство баланса и порядка.
Существует три общепринятых типа цветовых схем, которые можно использовать для создания такой гармонии: аналогичная, монохроматическая и дополнительная.
Аналогичная цветовая схема состоит из цветов, которые попадают бок о бок на цветовом круге. Это одна из самых сложных в использовании палитр, поскольку цвета могут легко подавлять друг друга.
При этом аналогичные цветовые схемы также являются одними из самых ярких.
Итак, если вы хотите создать красочный, визуально интересный сайт, вы можете использовать палитру, подобную следующим трем примерам:
Монохроматическая цветовая схема находится на противоположном конце спектра по сравнению с предыдущим типом. Как следует из названия, он состоит из одного основного цвета, но интенсивность и яркость оттенков различаются.
Эти палитры — одни из самых простых в создании и «самых безопасных» в применении, потому что разные оттенки одного цвета редко сталкиваются или кажутся слишком занятыми.
Итак, если вы хотите, чтобы ваш сайт выглядел относительно просто, монохромная цветовая схема, подобная этим трем, может хорошо подойти для вашего бренда:
Наконец, дополнительная палитра находится где-то между аналогичными и монохроматическими схемами с точки зрения разнообразия.
Он состоит из цветов, лежащих прямо противоположно друг другу на цветовом круге. Таким образом, хотя здесь задействовано больше цветов, эти цвета естественно дополняют друг друга и не ошеломляют посетителей.
Если вы хотите внести разнообразие в свою цветовую схему, чтобы ваш сайт не выглядел слишком загруженным, дополнительная цветовая схема, подобная одной из этих, может быть идеальным выбором:
Конечно, это не единственные типы цветовых схем, которые вы можете создать. На самом деле, лучшие типы палитры различаются в зависимости от того, кого вы спрашиваете.
Триадная цветовая схема — один из основных вариантов.
В этой цветовой схеме используются три цвета, расположенные на цветовом круге под углом 120 градусов друг от друга.На рисунке выше это оранжевый, зеленый и фиолетовый цвета.
При выборе цветов помните, что перечисленные выше типы не являются окончательными. Они могут дать вам общее представление об общем ощущении, которое вы хотите получить от своего сайта, но это ни в коем случае не единственный способ создать палитру, которая работает для вашего бренда.
Независимо от типа палитры, которую вы используете, вы можете использовать ее для создания иерархии наиболее важного контента на каждой из ваших страниц.
4.Выделение определенных элементов
Как я упоминал в предыдущем разделе, определенная цветовая палитра веб-сайта может быть полезна для обозначения важности определенных элементов.
Вы можете максимизировать это влияние, помня об эффекте изоляции при определении того, как использовать цветовую схему на своих страницах.
Общая идея этого психологического принципа состоит в том, что чем больше выделяется предмет, тем больше вероятность, что его заметят и запомнят.
Убедитесь, что выбранные вами цвета дают вам возможность выделить определенные призывы к действию на ваших страницах, не противореча остальному дизайну.
Такой подход также соответствует предпочтениям большинства потребителей.
В двух исследованиях, «Эстетическая реакция на цветовые комбинации» и «Потребительские предпочтения в отношении цветовых комбинаций», исследователи обнаружили, что, хотя потребители предпочитают сочетания цветов с похожими оттенками, они также отдают предпочтение палитрам с очень контрастным акцентным цветом.
Первое исследование показало, что «предпочтение пар и гармония усиливаются по мере увеличения сходства оттенков». Но, «хотя пары с высококонтрастными оттенками, как правило, не считаются ни предпочтительными, ни гармоничными, рейтинги предпочтений фигурального цвета увеличиваются по мере увеличения контраста оттенка с фоном.”
Во втором исследовании исследователи обнаружили, что «людям обычно нравится комбинировать цвета, которые относительно близки или точно совпадают, за исключением того, что некоторые люди выделяют один фирменный компонент продукта, используя контрастный цвет».
Итак, хотя ваш акцентный цвет должен иметь сильный контраст, это нормально — и даже предпочтительнее — если остальная часть вашей палитры состоит из относительно похожих оттенков.
Это означает, что создание палитр веб-дизайна, включающих один сильный, привлекающий внимание акцентный цвет, не только эффективно для выделения определенных элементов, но также является отличным способом создания комбинации, которая понравится многим вашим посетителям.
5. Упростите конструкторские решения
Когда дело доходит до ведения веб-сайта или бизнеса (или того и другого!), Всегда полезно искать способы упростить базовые процессы.
В конце концов, чем меньше времени вы тратите на основные задачи, тем больше времени вам придется потратить на процессы и решения, которые имеют большее влияние на ваш успех.
А создание палитр веб-дизайна — отличный способ сократить время, необходимое для создания новых страниц. Когда у вас есть устоявшаяся цветовая схема, вы значительно упрощаете базовый выбор дизайна как для себя, так и для своих дизайнеров и разработчиков.
Это особенно верно, если вы потратите время на документирование своей палитры простым в использовании способом, как в этом бизнесе:
Когда вы создаете удобный для пользователя документ своей палитры, вы создаете наглядный ресурс со всеми возможными опциями для каждого элемента.
Таким образом, если вы (или ваши дизайнеры) не можете определить, какой цвет использовать для кнопки CTA, вы можете просто сослаться на документ, чтобы получить полный список ваших вариантов.
Таким образом, вместо того, чтобы ломать голову над всеми различными возможностями, вы можете выбрать цвета из заранее заданного списка. И как только вы выберете несколько для использования или тестирования, все коды HEX и RGB уже будут прямо перед вами.
Сколько цветов вам нужно добавить?
Все зависит от сложности вашего дизайна и типов цветовых сочетаний. Например, если вы используете монохромную палитру веб-дизайна, вам может потребоваться семь или даже больше оттенков этого цвета, чтобы отобразить достаточно разнообразия на экране.
Вам нужно указать цвета для определенных частей вашего сайта, таких как текст, фон, ссылки, цвета при наведении курсора, кнопки с призывом к действию и заголовки.
Как выбрать цветовую схему веб-сайта
Если вы не знаете, как выбрать лучшую цветовую палитру для веб-дизайна, посмотрите это видео, которое я создал. В нем представлены практические советы по выбору цветовой схемы веб-сайта.
В идеале цветовые палитры веб-сайтов отражают ценности, убеждения и цели компании.Яркие цвета могут указывать на менее формальную атмосферу и большее волнение, в то время как приглушенные цвета придают бизнесу более изысканный или формальный оттенок.
Но это не всегда легко перевести, когда вы смотрите на тысячи потенциальных цветовых комбинаций. Давайте посмотрим на 23 отличные цветовые палитры веб-сайта, которые помогут вам повысить вовлеченность.
16 отличных цветовых палитр для повышения заинтересованности веб-сайтов (2020)
На следующих сайтах для большого эффекта используются различные цветовые палитры.Их тщательно отбирают с учетом эмоций, которые они вызывают, и чувств, которые они передают.
1. Меа Чаппа
На веб-сайте Mea Cuppa используется приятная для глаз цветовая палитра, которая включает пару оттенков драгоценных камней (рубин и изумруд) для максимальной живости, но в остальном полагается на нейтральную монохроматическую палитру коричневых и серых тонов.
Палитра веб-дизайна вызывает ощущение кафе и отражается в главном изображении сайта, что создает единство.
2. Большая вершина
BigTop — это сообщество, которое специализируется на помощи стартапам в сети. На сайте используется необычная, но чрезвычайно привлекающая внимание комбинация оттенков драгоценных камней от фиолетового и синего до ярко-оранжевого и желтого.
Основные цвета — это холодные цвета, что делает более теплые цвета яркими. На скриншоте главной страницы вы заметите, что оранжево-желтый призыв к действию привлекает ваше внимание прежде всего.
3.Глаз Тори
Наш третий пример взят из инструмента визуализации Twitter Tori’s Eye. Это отличный пример преимущественно монохромной цветовой схемы. Здесь мы видим эффекты простой, но мощной цветовой палитры, сосредоточенной вокруг оттенков зеленого.
Эту цветовую схему часто легко реализовать, поскольку один оттенок цвета почти всегда будет работать с другим оттенком того же цвета.
4. BarkBox
Доминирующий розовый цвет на домашней странице BarkBox повторяется по всему сайту в разных оттенках.Он красиво контрастирует с синим цветом, который используется в логотипах и призываниях к действию по всему сайту.
Использование дополнительных цветов для привлечения внимания посетителей туда, где вы хотите, может помочь улучшить цветовую палитру любого веб-сайта.
5. Набор для выживания с сыром
Красный — чрезвычайно популярный цвет для цветовой палитры веб-сайтов. Он может передать богатый набор эмоций, что делает его очень универсальным. Он особенно эффективен при использовании в малых дозах, как вы можете видеть на веб-сайте Cheese Survival Kit.
Красный сочетается с более нейтральными цветами, а синий помогает привлечь внимание посетителей к CTA и другим областям, в которых компания хочет привлечь внимание посетителей.
6. Северный рубин
У конференции
Nordic Ruby в Стокгольме есть красивый веб-сайт, оформленный в ярких тонах. Цвета, выбранные для цветовой палитры этого веб-сайта, придают ему изысканность и выделяют его среди менее эффектных дизайнов.
7. Озеро Нона
Lake Nona — это сайт для определенного места, в частности, у воды.Следовательно, нет ничего удивительного в том, что здесь представлен синий цвет. Другие нейтральные цвета позволяют хорошо выделяться синему.
8. Лимонная стойка
И снова неудивительно, что у компании Lemon Stand будет желтый цвет в цветовой палитре своего веб-сайта. Синий и серый прекрасно сочетаются с желтым и помогают смягчить его яркость.
9. Монетный двор
Mint — это веб-сайт, посвященный финансам, поэтому использование зеленого и синего цветов — хороший выбор.Они помогают передать спокойствие, умиротворение и доверие. Нейтральные оттенки коричневого делают его общей землистой цветовой палитрой, успокаивающей чувства.
10. Одопод
Odopod поддерживает монотонную цветовую палитру, но помогает избежать скучного вида с помощью градиента на своей домашней странице. Крупная типографика обеспечивает отличный контраст, и очевидно, где они хотят, чтобы вы нажимали.
11. Fiverr
Вы могли заметить, что многие компании резервируют определенный цвет — в случае Fiverr — зеленый — исключительно для CTA.Его больше нигде на сайте нет. Фактически, ColorFav даже не подобрал его, потому что в нем преобладают более нейтральные цвета.
12. Школа цифровой фотографии
Вы ожидаете, что у компании, специализирующейся на графическом искусстве, будет отличная цветовая палитра веб-сайта, и Школа цифровой фотографии вас не разочарует. Яркие цвета помогают привлечь внимание зрителя. И, как и Fiverr, оранжевый цвет, используемый в CTA, даже не отображается на палитре сайта, потому что он используется экономно для воздействия.
13. Ahrefs
Ahrefs — это пример веб-сайта, который широко использует свою цветовую палитру. Более темный синий цвет является доминирующим, но его вариации существуют повсюду. То же самое касается оранжевого, розового и бирюзового цветов.
14. Millo.co
Millo.co использует очень простую цветовую палитру веб-сайта, и это лучше для нее. Мы точно знаем, где искать, когда посещаем такой сайт.
15.Брайан Гарднер
Некоторые компании и частные лица доводят монохромную цветовую палитру до крайности. Брайан Гарднер, веб-дизайнер, использует идеально подходящую черно-белую цветовую схему. Он основан на его стиле минимализма, поэтому отражает его ценности и убеждения.
16. Ткацкий станок
Мягкие цвета хорошо подойдут, если вы хотите успокоить посетителя. Ткацкий станок использует большие дозы лосося и беби. Это хорошо работает, особенно с темно-синим цветом, доступным для CTA и других важных элементов на странице.
Удобный список ресурсов для выбора идеальной цветовой палитры для веб-сайта
Вот 18 ресурсов цветовой палитры, которые помогут вам выбрать идеальную палитру для вашего веб-сайта.
Во-первых, нужно ли вам вдохновение?
1: BrandColors
BrandColors показывает, как ведущие бренды используют цвет, чтобы выделить свой бизнес, рассказывать истории своих брендов и давать своим клиентам понять, что они отстаивают. Вы можете прокручивать в алфавитном порядке список корпораций, некоммерческих организаций и стартапов или искать по названию бренда.
Ищете готовую палитру?
2: ColourLovers
ColourLovers — это форум, посвященный дизайну палитр, пользователи которого прислали почти 2 миллиона палитр. Вы можете найти «палитры, включающие этот цвет», просмотреть или подписаться на дизайнеров. Часто вы найдете варианты одной и той же палитры, дающие вам готовые варианты оттенка и насыщенности.
(В комплекте с причудливыми названиями.)
3: ColoRotate
ColoRotate поставляется с библиотекой цветовых схем, которые вы можете просматривать, выбирать и изменять.Если вы хотите создать свой собственный с нуля, вы можете это сделать с помощью инструмента 3D-цвета. И вы можете использовать схему, созданную вами прямо в PhotoShop или Fireworks, с плагином ColorRotate и приложением для iPad.
Соответствуйте вашему бренду
Но что, если у вас уже есть изображения, логотипы или брендинг, которым должны соответствовать цвета вашего веб-сайта?
4: Охотник за цветом
Color Hunter — это не инструмент с огромным набором функций, в отличие от некоторых многофункциональных устройств в этом списке.Вместо этого это надежное решение для одного: отслеживания определенного цвета. Зайдите на сайт, затем вставьте изображение, и инструмент создаст для вас палитру из изображения. Это надежный способ создания цветовых палитр вокруг изображений, с которыми вам нужно гармонизировать ваш сайт, и вы также можете использовать его для обратного проектирования палитр сайтов, внешний вид которых вам нравится.
5: Живописный
Pictaculous создает цветовые палитры из фотографий — загрузите фотографию, и Pictaculous предложит цвета, соответствующие ей.Помимо палитры, основанной на загруженной вами фотографии, Pictaculous предложит вам готовые цветовые схемы, которые соответствуют ей.
Эти инструменты будут генерировать целые цветовые палитры.
6: Цветовое колесо Adobe Color CC
Этот инструмент раньше назывался Adobe Kuler, и начинался он как сайт сравнения основных цветов. Теперь это полноценная система построения цветовой палитры. Это позволяет вам пробовать, сравнивать и сохранять цветовые комбинации на основе цветовой сферы. Вы можете выбирать типы палитры и создавать пятицветные палитры с различными уровнями ввода из инструмента, включая полностью настраиваемые и почти автоматические.
7: Палеттон
Paletton позволяет быстро создавать цветовую палитру. Выберите желаемую схему: моно, дополнительная, триадная, тетрадная, аналог или аналог с акцентом. Затем, когда вы меняете один цвет в схеме, другие изменяются в соответствии с ним.
8: Color Spire
Color Spire создает цветовую палитру из одного цвета. Вы выбираете начальный цвет, и Color Spire предлагает палитру цветов для использования в сочетании с ним.Он также обеспечивает предварительный просмотр, позволяющий увидеть, как рекомендуемые цвета будут выглядеть на образце веб-сайта.
9: Цветовая сфера MudCube
(Источник: http://htmlcolorcodes.com/resources/best-color-palette-generators/)
MudCube’s Color Sphere — это плагин для Chrome, который помогает гармонизировать цвета, контролировать дальтонизм и определять шестнадцатеричные коды. Вы также можете экспортировать цветовые схемы прямо в Illustrator, PhotoShop и CoIRD.com.
10: Сплошные цвета
Cohesive Colors берет вашу текущую палитру и позволяет вам манипулировать ею, добавляя оттенок наложения в цвет по вашему выбору и быстро и легко создавая новую палитру из существующей.
11: Генератор шестнадцатеричных цветовых схем
Этот инструмент позволяет создавать цвета, которые работают в сочетании с уже имеющимся цветом. Это немного более простой, чем некоторые инструменты цветовой сферы в этом списке. Вы вставляете шестнадцатеричное число в инструмент или щелкаете по цветовому кругу, и он возвращается с набором из трех дополнительных цветов, которые соответствуют, в комплекте с шестнадцатеричными кодами.
Создайте свои цвета
Некоторые из этих инструментов требуют, чтобы вы с самого начала помнили о цвете.Если у вас нет необходимого брендинга, а BrandColors не показал ничего, что бросалось в глаза, вы можете начать с нуля.
12: Цветное приложение
Этот инструмент iOS позволяет принимать точные решения между похожими цветами, четко распределяя их с некоторым промежутком между ними, а не градиентами, как в цветовых кругах и сферах. Большие цветные сетки позволяют использовать весь экран (пользователи iPad Pro, радуйтесь!), А также позволяют выбирать цвета, находить значения RGB, Hex и HSLA и создавать цветовые палитры с нуля.
13: Цвет
Color от HailPixel позволяет вам точно определить, какой цвет вы хотите, а затем дает вам шестнадцатеричный код для него.
Наведите указатель мыши на экран, и цвет будет очень немного меняться при движении — это похоже на цветовую сферу, которая постоянно возвращается в шестнадцатеричном коде. Перемещайтесь по экрану для цвета, вверх и вниз для насыщенности.
Получить коды для цвета
Если вы где-то видели цвет и не знаете, как его назвать, это инструменты для вас.
14: SpyColor
SpyColor дает вам информацию о любом цвете, включая Hex, RGB, CMYK и другие коды. Инструмент показывает вам ряд типов схем, таких как дополнительные, раздельно-дополнительные, триадные, конфликтующие и аналогичные, на каждой цветной странице.
15: Цветовые коды HTML
HTML Color Codes находит шестнадцатеричные коды цветов изображений в вашем браузере. Вы выбираете изображение на рабочем столе и нажимаете «просмотреть изображение», затем наводите указатель мыши на него, чтобы получить шестнадцатеричные коды для различных частей изображения.
Проверьте свою палитру
Когда у вас есть цветовая палитра, вам нужно знать, подойдет ли она для разных посетителей.
16: Проверь мои цвета
Check my Colors позволяет вам проверять цвета переднего плана и фона вашей цветовой палитры, чтобы убедиться, что они обеспечивают достаточный контраст для людей с дефицитом цвета. Если вы хотите защитить свой сайт от дальтонизма или просто получить наиболее эффективные и интуитивно понятные цветовые комбинации с точки зрения UX, этот инструмент неоценим.Вставьте URL-адрес, и он выдаст отчет:
… который в основном просматривает весь код вашего сайта и оценивает все визуальные элементы на нем по видимости.
Соответствующие изображения
Теперь ваша цветовая палитра на месте и вы знаете, что она очень заметна, вам понадобятся несколько изображений для соответствия.
17: TinEye
TinEye более известен как альтернатива поиску картинок Google. Но он также работает как способ изучения цветовых сочетаний, используя базу данных, содержащую более 10 миллионов лицензионных фотографий Creative Commons, собранных с Flickr.Если вы ищете изображения с идеальной цветовой комбинацией, это отличный и простой в использовании способ их найти.
18: Дизайн
Designspiration позволяет выбрать до пяти оттенков из палитры на всю страницу, что дает вам возможность четко видеть цвета. Затем сайт отображает все изображения в своей базе данных с этой цветовой комбинацией. Он четко показывает вам шестнадцатеричные числа и позволяет вам нажимать на отдельные шестнадцатеричные числа. Вы можете сохранять изображения в коллекции на сайте, а также скачивать их.
Как использовать инструмент поведения веб-сайта для анализа лучших цветовых палитр
Вы можете подумать, что все, что вам нужно сделать, это выбрать цветовую палитру веб-сайта и двигаться вперед на всех парах. Это не лучший способ заниматься бизнесом.
Подумайте об этом. Вы тестируете свои призывы к действию, заголовки и другие элементы веб-сайта. Почему цвет должен быть другим?
Инструмент анализа поведения веб-сайта, такой как Crazy Egg, предлагает прекрасную возможность выяснить, как ваша аудитория реагирует на вашу текущую цветовую палитру.
Отчеты о поведении пользователей, такие как тепловые карты, покажут вам, привлекают ли ваши цвета глаза наиболее важных людей — ваших текущих и потенциальных клиентов.
Когда у вас есть необработанные данные, вы можете принимать обоснованные решения о цветовой палитре своего веб-сайта.
Представьте, что вы создали веб-сайт для аудитории любителей спорта и выбрали синий и розовый цвета, а также пару нейтральных серых. Вашей аудитории это не нравится.
Может быть, он недостаточно хорошо передает ваше изображение. Любителям спорта могут понравиться более смелые, темные цвета и землистые тона.
Вы не узнаете, пока не протестируете.
Начать использовать Crazy Egg
Создайте бесплатную учетную запись Crazy Egg, чтобы начать бесплатную пробную версию, или войдите в систему, чтобы настроить отчеты о поведении пользователей.
Вы можете запускать несколько тестов одновременно, чтобы не тратить впустую часы, дни или недели. Вместо этого вы можете собирать данные в режиме реального времени и переориентировать свои усилия на поиск наилучшей цветовой палитры.
Заключение
Цветовая палитра вашего сайта должна не только отражать ваш бренд, но и привлекать вашу аудиторию. В противном случае люди могут быть отключены вашим сайтом, даже не осознавая этого.
Начни с того, что тебе нравится. Подумайте о выборе палитры, которая отличается от других в вашей нише, чтобы выделиться.