8 сайтов с палитрами — Каждый пиксель важен
Выбор цветовой палитры задача всегда сложная, будь то дизайн веб-сайта или мобильного приложения. Не стоит выбирать цвета спустя рукава, ведь качественно подобранная палитра задает стиль всему сайту.
Каждый раз при разработке нового веб-дизайна много времени уходит на выбор различных цветовых комбинаций. Альтернативные инструменты цветовой палитры помогут в будущем сэкономить вам время.
Существует большое количество приложений для подбора цветовой палитры, но в этом списке были отобраны инструменты, несколько отличающиеся от стандартных программ.
1 – Colorhexa
Сайт с говорящим названием, где собрана и подробно представлена информация о цвете. Он больше похож на инструмент разработчика, где есть и сложения и вычитания, доступно создание градиентов с точным указанием кода цвета во всех возможных цветовых пространствах. Такой подход удобен для тех, у кого есть свободное время, а так же необъяснимая любовь к вычислениям.
2 – Colllor
Дружелюбный и теплый «ламповый» сервис, который радует с первой минуты знакомства. Логика сайта заключается в том, что вы выбираете «один цвет», и сервис предлагает подходящие для него решения: градиент, разбег по самому темному и светлому оттенку, чуть приглушенные или яркие оттенки выбранного цвета.
3 – Design Seeds
В отличие от предыдущих сервисов, данный сайт демонстрирует уже готовые подобранные палитры, на которых отражено, как цвета взаимодействуют друг с другом на прикрепленных фотографиях. Рассматривая морские волны или цветы, поражаешься, как богата природа в своём творческом порыве, и как скудны наши познания в цвете. В целом, это ценный ресурс для тех, кто только начинает разбираться в цветовых сочетаниях и любит красивые картинки.
4 – 0to255
Как описывает автор свой ресурс: «я сделал сайт 0to255, чтобы упростить свою работу». Веб-дизайнеры и люди схожих профессий работают с цветами каждый день.
Выбирая нужный, им необходимы его различные оттенки, а используя данный сервис можно легко сэкономить время, не обременяя себя редактированием шестнадцатеричного кода.
5 – Pictaculous
Решение для тех, кто любит находить цвета в изображениях. Достаточно загрузить изображение и сервис выдаст палитру основных цветов с шестнадцатеричным кодом.
6 – ColoRotate: mobile + web
Кому может понадобиться приложение по подбору цветовых решений для планшета? Вероятно тем, кто не просто работает с цветом, а живет с ним, или людям со способностью к синестезии. Сайт же предлагает, схожий, но немного урезанный функционал интерфейса, разработанный для планшета. К сожалению, на сайте имеются недоработки, например, 3D спектр, который является фишкой сайта, на деле оказывается неудобным в использовании.
7 – Color Explorer
В американских сериалах, часто говорят фразу «Только если бы ты был последним мужчиной на земле», в нашем же случае «Если нет любого графического редактора под рукой».
Сухо, обычно, неинтересно. Нет в нём ни шарма, ни желания взаимодействовать, видимо, продукт давно не развивают.
8 – Copaso
Сложно назвать этот сайт простым, ведь создатели уместили в него всё, что могло бы понадобиться при работе с цветом. Здесь есть все: большой выбор подборок, каналов, тренды, различного вида инструменты для создания паттернов, поиск цветов по изображению. В общем, всё, что душа пожелает.
Photocopa
Подведём итог:
Несмотря на разнообразие сервисов по выбору цветов, всё же Adobe Kuler, по мнению нашей редакции, можно назвать лучшим, если судить по возможности выбора цветовых сочетаний.
Kuler
Одним из основных преимуществ данного миксера цветов является возможность сохранять свои подборки, просматривать выбранные цвета на весь экран, а так же делиться своими находками и смотреть чужие.
А для тех, кто уже не хочет расставаться с данным сервисом ни на минуту, существует плагин для Photoshop, который позволяет пользоваться программой без отрыва от редактора.
Гармония цвета. Подборка сайтов цветогенераторов.
Дек 09, 2014
in Полезные статьи по рисованиюГармония цвета. Сайты – цветогенераторы.
Для художника гармония цвета – это особое наслаждение. Он может рождать в его воображении целую гамму чувств, эмоций и образов. Именно поэтому многие художники коллекционируют красивые по цвету фотографии.
В сети существует множество сайтов, которые позволяют составить подобные цветовые палитры фото. Вот некоторые из них.
Сайты-цветогенераторы
1. Design Seeds
Хозяйка этого прекрасного сайта Jessica, собирает гармоничные цветовые сочетания, иллюстрированные фотографией с этими цветами.
И настолько тонкие и “вкусные” эти оттенки, настолько разные, что воображение сразу подстегивается эмоциями, рожденными цветом. Хочется творить свои картины, используя эту цветовую подсказку.
Сайт Design Seeds имеет удобный поиск по цветовым оттенкам и по сюжетам.
Зима, весна, минералы, суккуленты, флора и фауна..
Вот так выглядит страничка поиска, всё интуитивно понятно.
2. DeGraeve
Хороший Генератор, позволяющий составить цветовую палитру любой фотографии из Интернет. Для этого достаточно вставить url адрес фото и нажать кнопку “Color-Palette-ify!”
Генератор составляет две цветовых шкалы – основные натуральные цвета фото и их более насыщенные аналоги.
Минус данного генератора, что не всякий пользователь знает, как найти адрес url…
Больше полезных материалов: John Lovett: цветовой акцент через контраст.
3.ColorHunter
На этом сайте можно загрузить свое фото и так же получить основные его цвета в двух шкалах:
Минус здесь в том, что не видно исходного фото.
4.Palette Generator
Жмем на кнопку “Select Image”
Уже удобней, правда? И цвета более натуральные и гармоничные.
Читать в контексте: Как изменить серые краски фотографий на яркие!
5.Big Huge Labs
Выбираем файл на компьютере и жмем “Create palette”.
Получаем вот такую схему с пятнадцатью оттенками:
Хорошая игрушка, не правда ли?
Если вы еще плохо понимаете цвет, то вполне можно использовать для подбора оттенка для картины. В отделенном от пейзажа виде он более понятен.
Но являются ли данные цвета гармоничными?
Как подобрать гармоничные цветовые сочетания?
На эти вопросы дадут ответ другие генераторы цвета.
Они подбирают цвета по цветовым схемам.
6.Paletton
Мышкой выберите цвет на цветовом колесе. Справа вы увидите схему монохромной гармонии.
Выше колеса есть кнопки выбора других цветовых схем.
Чтобы получить результат в виде шкалы, нажмите на кнопку color tables внизу справа.
7.SessionsCollege
Еще один подобный генератор, но с меньшим количеством цветов в результатах.
Выбираем цвет на цветовом круге.
Выбираем количество цветов для сочетания и схему.
Данные генераторы сделаны для создателей сайтов и блогов.
Они позволяют быстро найти гармоничные по цвету оттенки и, скопировав их цифровое название, использовать.
Для художника же подобные сайты могут стать “игрушкой” для развития чувства цветовых гармоний и для вдохновения.
Буду благодарна вам за комментарии к статье. А если вы проходили мой курс по цветоведению, поделитесь своими впечатлениями и успехами!
Интерьерное сочетание цветов, онлайн подбор программами
Выбор цвета и цветовых сочетаний будет определять настроение и ощущение от вашего дизайна.
Ошибки здесь быть не должно. К счастью, существует целый ряд компьютерных программ, готовых таблиц и схем, предлагающих гармоничное сочетание цветов и облегчающих процесс подбора.
Расскажу о бесплатных ресурсах, которыми пользуюсь сама при подборе цветовой гаммы. Готовое сочетание цветов, онлайн подбор разных вариантов, новые визуальные образы – все это возможно совершенно бесплатно при поддержке ведущих дизайнеров и художников.
Источник вдохновения
Я считаю, что внезапно стать успешным колористом или дизайнером по цвету – невозможно. Но можно понемногу приучить глаза и голову видеть и воспринимать цвет, сочетания цветов, замечать оттенки.
Именно таким источником вдохновения является бесплатный онлайн ресурс IN COLOR BALANCE ( https://color.romanuke.com/ ). Здесь создана отменная коллекция невероятно красивых фото . К каждой фотографии добавлена подборка цветов, составляющих цветовую композицию.
Можно бесконечно наслаждаться виртуозной работой авторов проекта над созданием цветовых сочетаний, подсказанных природой.
Обращаю внимание, что это не просто компьютерный подбор цветов, а собранная вручную палитра на основе природной гаммы.
На этом же сайте можно заказать печатные версии цветовых схем в отличном качестве.
Кради как художник
Это название известной книги Остина Клеона (https://austinkleon.com/steal/) . Основная мысль – ваш личный творческий подход к уже придуманным кем-то идеям, это тоже творчество. Оно дает прекрасные результаты.
Поэтому, почему бы не воспользоваться цветовой гаммой, которая уже придумана и используется с успехом крупными компаниями для своего продвижения.
Бесплатная программа BrandColors ( https://brandcolors.net/) предлагает более 500 цветовых схем, которые используют в своих логотипах известные мировые бренды. Тут же для вашего удобства приведены точные hex коды каждого цвета.
Плюсы и минусы использования цветовых сочетаний, приведенных на этом ресурсе.
— Вся работа по безупречному подбору цветов уже сделана профессиональными дизайнерами
— Цветовые сочетания прочно ассоциируются с уже известными компаниями, но не с вами
— Подходит только для графического дизайна, использование такой схемы в интерьере – это уже ваше творчество.
Выбор готовой палитры
Бесплатный онлайн подбор цветов, все палитры уже готовы, вы только выбираете. В программе ColorDrop (https://colordrop.io/ ) представлены очень удобные 4-х цветные палитры для различных целей. Палитры составлены специалистами по цветовому оформлению. Цвета обозначены в различных кодах, что дает больше возможности для подбора в компьютерной графике, художественной краски, строительной краски, цвета ткани, отделки, полиграфии.
В программе также есть конвертор цветового кода, позволяющий точно перекодировать выбранный цвет, или сочетание.
Кроме этого, здесь имеется палитра плоских цветов. Выбрав нужный вам цвет, например цвет обивки любимого дивана, вы сразу получите несколько палитр, содержащих этот оттенок.
Составление собственной палитры по фото
Если у вас есть фото интерьера, цветовую гамму которого вы хотите воспроизвести у себя дома, то сделать это просто. Загружаете любимое фото в программу COOLORS ( https://coolors.co/ ), которая быстро сгенерирует цветовую карту по изображению.
Нажимаете значок фотоаппарата, в окно грузите фото, или указываете ссылку, если фото размещено в интернете. После того, как фото появится на экране, визиром уточняете точки, откуда брать образец цвета.
Программа предоставляет много возможностей, для корректировки палитры вручную. По сути это вполне профессиональный дизайнерский инструмент.
Работать с цветом можно при помощи кнопок
— Alternative shades – оттенки цвета
— Drag – передвинуть цвет вправо или влево по палитре
— Adjust – настроить тон, насыщенность и яркость
— Lock – зафиксировать цвет.
В результате получаете нужную вам палитру с цветами в кодировке hex, по этим кодам можно подбирать цвет краски и не бояться, что изображение на мониторе не точно передает цвет, который вам нужен в реальности.
В заключении скажу, что профессиональные дизайнеры всегда делают много выкрасок в интерьере, кропотливо отбирают образцы. В общем, работают с физическими окрашенными объектами в конкретном помещении с учетом различного освещения.
Напишите, была ли вам полезна эта статья. Что еще о работе с цветом в интерьере вам нужно узнать, чтобы использовать в своем доме. С удовольствием поделюсь с вами своим опытом.
Сочетание цветов в интерьере (100+ фото) ✅️Таблицы комбинаций
Нежные пастельные оттенки создают спокойную атмосферу в комнате
Выбор основной оттеночной палитры и сочетаний цветов в интерьере в последнее время все чаще делают сами хозяева квартир и домов, причем интуитивно. К большому сожалению, современный ритм жизни размывает наши представления о естественности цветовых гамм. Именно поэтому так нередки случаи, когда обитать в только что отремонтированном доме почти невозможно ввиду совершенно несовместимых оттенков и палитр. Чтобы избежать подобного сценария, необходимо для начала узнать азы цветовой комбинаторики.
Содержание:
Контрастный бирюзовые и теплый желтый — отличный тандем для современной светлой кухни
Палитра пастельных оттенков позволяет создать теплый и уютный интерьер с нотками кантри и шебби-шика
Чтобы протестировать свое субъективное отношение к цветовым сочетаниям, стоит взглянуть на окружающий мир природы. Ведь мы ее часть и ничто природное нам не чуждо. Природа живет состоянием полутонов, оттенков и теней. Здесь нет преобладающих монохромных цветов. Песочный закат, сменяющийся оранжевыми, красными, а иногда, ближе к горизонту, бурыми волнами на фоне седеющего неба – такая картина не может не вдохновлять!
Удачные примеры цветовых сочетаний из дизайнов интерьера 2018 года
Так почему же наше стремление к природному созиданию не всегда гармонирует с цветовыми решениями в повседневном быту? Может быть, скудный кошелек или, наоборот, напускная статусность диктуют условия выбора отделочных материалов, мебели и элементов декора? Прийти к гармоничному решению можно при любом бюджете, нужно лишь знать как. Рассмотрим все по порядку.
Приглушенные теплые оттенки мяты и кофе идеальны для интерьера в ретро-стиле
Мы знаем, что трехцветный спектр из красного, синего и желтого служит основой для так называемого круга цветов. При парном сочетании образуются вспомогательные цвета, а при смешивании более трех цветов или добавлении белого или черного получаются оттенки, которые можно создавать до бесконечности.
По гамме цвета делятся на холодные (синие группы) и теплые (желтые группы), которые имеют свои предназначения при оформлении интерьеров. Так, чтобы большое помещение не казалось пустым и неуютным, используют солнечные, светлые тона, а в малогабаритных комнатах тематику небесного простора передают группы синих цветов.
| Основной цвет | Сочетается с цветами | Не сочетается с цветами | Влияние цвета |
|---|---|---|---|
| серый | голубой, розовый, коричневый, желтый, красный, черный, синий, сиреневый | зеленый, оранжевый | предает помещению уныние и печаль |
| сиреневый | серый,каштановый, светло-фиолетовый | красный, оранжевый, желтый, коричневый, черный | мистический, загадочный и таинственный интерьер |
| фиолетовый | светло-зеленый, золотистый, оранжевый, желтый | темно-зеленый, коричневый, серый, красный | позволяет успокоиться человеку, обрести гармонию души. Фиолетовый-цвет мудрости и вдохновения |
| розовый | коричневый, серый, бордовый | желтый, оранжевый, черный | романтический интерьер |
| коричневый | золотистый, серый, бежевый, розовый, желтый | каштановый, бордовый, сиреневый | вызывает депрессию при длительном нахождении в интерьере с преобладанием коричневого цвета |
| синий | красный, серый, бордовый, золотистый | зеленый, сиреневый, коричневый | делает помещение прохладным иногда неуютным |
| голубой | красный, оранжевый, синий, светло-фиолетовый | золотистый, желтый, бордовый | делает интерьер холодным, при излишнем нахождении включении голубого цвета в помещении чаще происходят скандалы |
| зеленый | красный, черный, бордовый, желтый, оранжевый | серый, фиолетовый, синий | обладает успокаивающим и расслабляющим эффектом |
| желтый | серый, фиолетовый, коричневый, зеленый, черный | сиреневый, голубой, бордовый, розовый | иллюзия освещения солнцем, желтый цвет дарит хорошее настроение и бодрость |
| красный | синий, зеленый, серый, золотистый, желтый, черный | фиолетовый, каштановый, коричневый | поднимает настроение, не дает расслабиться, подходит для страстных людей |
| белый | сочетается с любыми цветами и их оттенками, так как содержит в себе все спектры цветов | таковых не имеется | вселяет чувство превосходства, делает помещение холодным |
| черный | красный, серый, белый, желтый, зеленый | розовый, сиреневый, бежевый | сужает пространство, вселяет в человека страх, делает интерьер таинственным |
Сочетания оттенков и цвета в различных помещениях
Важно! Не только объем влияет на подбор цвета, но также и целевое предназначение каждой комнаты отличается своей спецификой оформления.
Изящный благородный оттенок изумруда и пудры для элегантной атмосферы
Сочетания цветов в интерьере спальни: теплые цветаСпальня – самое спокойное и тихое место, в ее оформлении можно задействовать и холодные, и теплые гаммы в спокойных полутонах (от голубого до пастельно-розового). Но и здесь есть свои исключения. Для создания атмосферы страсти и любовного притяжения спальную зону вокруг семейного ложа можно задекорировать резкими контрастами будуарных цветов (вызывающий красный и черный, вишневый, сиреневый и т. д.).
На заметку! спокойно засыпать после трудового дня в такой яркой отделке получится не у каждого. В таком случае можно воссоздать интимную обстановку мобильными декоративными аксессуарами в виде свечей, зеркал, балдахина.
Гармоничное сочетание светлых пастельных тонов
Главное правило при оформлении интерьера – выделить основной и вспомогательные тона, а также оттенок, который выступит в роли акцента
Сочетание цветов в интерьере гостинойДля большой гостиной комнаты, которая является центром вечернего семейного досуга, подойдет умеренная колористика, которая дарит хорошее настроение и атмосферу релакса. Будут уместны золотистые, серо-голубые, зелено-желтые сочетания среднего контраста.
Небольшая гостиная, служащая в основном для приема гостей и семейных чаепитий, требует праздничной, доверительной атмосферы, которую помогут создать сиреневые, фуксиевые или насыщенные синие тона вперемешку с цветами родственной группы (сизо-голубой, рыжий, аметистовый, серо-зеленый и т. д.)
Сочетание цветов в интерьере кабинетаДля домашнего кабинета подойдут классические нейтральные цвета (бежевый и практически все оттенки серого и его комбинации с другими цветами), способствующие концентрации в работе и генерированию светлых мыслей. В кабинете не должны присутствовать, по крайней мере, не в поле зрения, яркие предметы. Для кратковременного отдыха пусть они находятся вблизи, но не внутри рабочей зоны.
Романтическая цветовая палитра в отделке домашнего кабинета
Зонирование помещения с помощью окрашивания стен и потолка
Идеальный тандем оттенков серого и натурального дерева
Сочетание цветов в интерьере прихожей и коридораСтрадающие от недостатка естественного освещения коридор, холл и прихожая нуждаются в дополнительном просторе. Здесь должны преобладать светлые солнечные или древесные тона.
Сочетание цветов в интерьере детской комнатыВопреки расхожему мнению, что оформление детской комнаты должно включать в себя все цвета радуги, это не так. Действительно, детей привлекает все самое яркое, но это же быстро их утомляет. Вот почему зонирование детской комнаты – необходимое решение: достаточно разноцветная игровая зона, нейтральная учебная и спокойная спальная.
Подбор цвета для ребенка по возрасту (теория Рудольфа Штейнера)
Если вы сторонник научного метода в выборе цвета для детской комнаты, то можете смело выбирать оттенок, согласовывая свой выбор с теорией цвета по возрастам Рудольфа Штейнера.
Если пересказать ее суть вкратце, то любому периоду в жизни ребенка после 6 лет, подростка или взрослого человека соответствует конкретный цвет или оттенок, в котором он ощущает себя максимально комфортно. Конечно же, это вовсе не означает, что нужно ежегодно переклеивать обои или покупать новую мебель! Достаточно будет всего лишь изредка дополнять дизайн детской комнаты акцентами и аксессуарами в соответствующей цветовой гамме:
| Возраст | Оттенки |
|---|---|
| 6 — 7 лет | красный, малиновый, темно-розовый; |
| 8 лет | охра и оранжевый; |
| 9 лет | цитрин, лимонный, желтый; |
| 10 — 12 лет | желто-зеленый, зеленый; |
| 13 — 14 лет | бирюза, зеленовато-голубой, голубой; |
| 15 — 16 лет | лазурный, ясно-голубой, синий; |
| 17 лет | лиловый, лавандовый, сиреневый, фиолетовый и его оттенки. |
Красочный декор детской комнаты
Грамотное оформление спальной, игровой и рабочей зон в одном помещении
Сочетания цветов в интерьере ванной и туалетаСанузел, стандартно имеющий небольшие габариты, не принято декорировать полутонами. Чистые композиции из розовых, молочных, бирюзовых акцентов всегда смотрятся выигрышно. В порядке исключения для создания особого контраста с белоснежностью ванны и фаянсом используют красный, синий, шоколадный и черный с золотистыми прожилками.
Сочетание цветов в интерьере кухниКухня должна вызывать намек на то, что неплохо было бы перекусить. Чтобы не только запахи или вид приготовленных блюд пробуждали аппетит, но и на подсознательном уровне стены, потолок, аксессуары, мебель, посуда усиливали бы его. Контрастные желтые, оранжевые, сиреневые, красные, светло-зеленые тона в сочетании с оттеняющими цветами направят ваш выбор в нужную сторону.
Холодные светло-голубые или, наоборот, приглушенные кофейные, солнечные, бежевые тона также можно использовать в кухне (довольно распространенное явление). Подобные решения располагают к неторопливой беседе за столом, тщательному пережевыванию, размеренному чтению газеты.
Уютный уголок для приготовления и приема пищи
Сочетание цветов в интерьере: комбинаторика
Чтобы не было визуального переутомления или, наоборот, скучного однообразия, подбор цветов должен учитывать три основных типа сочетания – однотонность, контрастность, сбалансированность. Диапазон цветов в первом случае сводится к одному цвету с колебаниями в светлые и темные тона. Как правило, однотонную отделку разбавляют элементами декора одного или двух цветов.
При контрастном приеме используется принцип антиподов. Противопоставляя темные оттенки светлым, можно достичь оригинального яркого тандема. К примеру: белый – черный, фиолетовый – светло-зеленый, шоколадный – золотистый и так далее.
В стремлении соблюсти баланс один из чистых цветов должен доминировать в интерьере при визуальной поддержке родственных тонов. Чтобы не допустить визуального перенасыщения, рекомендуется не использовать более пяти цветов.
Таблица, помогающая различать холодные и теплые оттенки
Важно! С красным уместно использовать его светлые производные – оранжевый и желтый. При темных вариациях красного подойдут сиреневый и розовый. Если вы хотите придать интерьеру особую нарядность, используйте мелкие предметы, контрастирующие с основным цветом.
Схема компоновки оттенков
О чем говорят цвета? Психология, значение и восприятие цвета
Если хотите узнать внутренний мир человека, загляните в его комнату. Экспрессивность, педантичная аккуратность, лень, уверенность, скромность или жадность – обо всем этом и немного больше расскажет выбранная цветовая палитра.
Красный – цвет, побуждающий к действию, доминированию и лидерству. Этот оттенок в интерьере выбирают люди страстные и азартные, он противопоказан людям с неустойчивой психикой. В интерьере в чистом виде использование красного довольно тяготит, поэтому для создания органичного дизайна требуется квалифицированная рука мастера.
Элементы декора красного цвета не станут перегружать интерьер
Оттенки синего успокаивают, расслабляют и позволяют сконцентрироваться. Голубые, бирюзовые тона и цвет морской волны создают ощущение беззаботности, легкости и озорства.
Сочетание оттенков синего в интерьере дарит теплую атмосферу
Преобладающие желтые цвета говорят об энергичности, солнечности и жизнерадостности персоны. Вместе с тем нехватка творческого полета и нереализованный потенциал также характерны для этого цвета. Некоторые психологи приписывают желтому цвету даже ревность и трусость, но это спорное утверждение.
Горчично-желтые тона делают интерьер более сдержанным
Комбинация синего и желтого создает производный зеленый цвет, присущий людям консервативных взглядов. Зеленый – это антистрессовый цвет. Он выгодно применяется в спальных комнатах или гостиных для создания расслабляющей атмосферы.
Выигрышное сочетание зеленого с рыжим
Оранжевый цвет без примесей – это энергия, ее неукротимый фонтан. Насыщенная охра и нежный абрикосовый являются акцентами в комнате, поэтому чаще всего представлены в виде оригинального текстиля и аксессуаров. В использовании оранжевого требуется соблюдать осторожность, так как его оттенки оказывают доминирующее влияние на остальные цвета.
Идеальное трио сочных оттенков: оранжевый, зеленый и красный
Гостиная в ретро-стиле с мягким цветовым оформлением
Фиолетовый цвет считается цветом творческой души. Обладая мистической притягательностью, он одновременно передает холодность синих гамм и излучение теплых тонов. Контрастные комбинации «фиолетовый – лайм» или «фиолетовый – желтый» – любимые сочетания многих дизайнеров.
Немного виноградного оттенка в спокойной нейтральной спальне
Розовый цвет – олицетворение романтики и нежности для женщин всех возрастов. Гармония розовых акцентов напрямую зависит от их насыщенности (от синдрома Барби до зрелой классики). Разбавляя розовый молочными, серыми и серо-зелеными мотивами можно подчеркнуть утонченность и воздушность интерьера.
Романтический образ спальни в бело-розовых красках
Акценты цвета маджента в стильной гостиной
Яркая фуксия в сочетании с бирюзовым — «классическое» яркое сочетание
Коричневый цвет относят к разряду меланхоличных незаслуженно. В сочетании с темными тонами и золотистыми вкраплениями он создает королевский шик и привилегированность. Коричневый выбирают разносторонние личности.
Домашняя мастерская в темном исполнении
Палитра коричневого в оформлении прихожей в стиле модерн
Серый цвет благодаря своей нейтральности является отличным магнитом, принимающим на себя агрессию более яркого тона. В качестве самостоятельной однотонной отделки он может быть достаточно скучным, в зависимости, конечно, от функционального предназначения комнаты. Серые тона предпочитают люди, стремящиеся к пониманию и постоянству.
Нейтральный серый цвет можно разбавить любым оттенком
Определенные цвета в помещении настроят на нужный лад
Особое внимание при декорировании помещения стоит уделить выбору оттенков
Секреты поиска цветовых палитр ‹ Виртуальная школа графического дизайна
Цвет! До чего богатый и таинственный язык, язык снов!
Поль Гоген
Привет всем читателям! Всем нам хорошо известно, что цвета и их оттенки способны вызывать различные ассоциации и эмоциональный отклик, а значит, они влияют на восприятие бренда. Другими словами, от выбора цвета напрямую зависит успешность дизайна.
Исследования показывают, что удачно подобранный цвет значительно повышает узнаваемость марки (вплоть до 80%), вызывает заинтересованность, улучшает восприятие визуального сообщения.
К счастью, времена, когда цветовая палитра была ограничена небольшим набором натуральных пигментов, ушли в прошлое. Когда-то люди получали краски из минералов, животных и растений. Сегодня на сцену вышли синтетические пигменты…
Правда, задача художника и дизайнера от этого легче не стала. Напротив, при таком многообразии цветов, выбор подходящей палитры для проекта порой превращается в муку. Например, в интернет-сообществе Colourlovers представлено почти 8 миллионов цветов и свыше 16 миллионов возможных шестнадцатеричных цветовых сочетаний!
В этой статье я приведу несколько наиболее эффективных способов создания удачных цветовых сочетаний для дизайн-проекта, которыми пользуются успешные дизайнеры на просторах Сети. Запомните их и используйте, когда приступите к своему следующему проекту.
1. Ищите вдохновение в окружающем мире
Фотографируйте красивые цветовые композиции, а потом просто использует их в качестве шаблонов при работе в Photoshop или Illustrator. Источником вдохновения может служить все что угодно: фрагменты природы, фрукты и овощи, предметы, животные…
Итак, если у вас есть фотография, на которой запечатлена привлекательная цветовая композиция. Используйте её для создания палитры. Этот метод становится еще проще с такими инструментами, как Photocopa и Adobe Color. Просто загрузите фотографию в программу, изучите её цветовую схему, а потом соберите палитру.
2. Используйте цветовой круг
Когда художник Марк Шагал работал с цветовыми палитрами, он придерживался простого правила: «Цвета дружат со своими соседями и любят противоположности».
В данном случае под «друзьями» понимаются аналоговые цвета, т.е. те, которые находятся рядом друг с другом на цветовом круге. Что касается «любимых», то так Шагал называет комплиментарные цвета, которые находятся друг напротив друга на цветовом круге.
Синди Кинаш (Cindy Kinash), дизайнер из Cultivated Mind, считает, что при создании акварельных цветов тени следует наносить аналоговым цветом.
В этом проекте Синди Кинаш светло-синий соседствует с темно-синим и пурпурным, этот прием помогает добиться глубины.
Эта уловка работает практически во всех случаях. Экспериментируйте с аналоговыми цветовыми схемами, когда добавляете тени в заголовки или рисуете границы фона. Обычно эти цвета отлично сочетаются между собой, потому что они похожи. Найдите свои собственные уникальные комбинации, подбирая соседствующие цвета в круге!
Этот способ пригодится вам даже в том случае, если у вас нет желания или времени вручную разбираться в цветовых композициях. Сегодня в Сети можно найти массу полезных онлайн-инструментов, которые сделают за вас всю работу. Например, Adobe Color (бывший Kuler).
3. Заимствуйте цвета из интерьера
Разные сферы дизайна могут быть полезны друг другу, если речь заходит о цвете. Например, дизайнерам интерьера требуется обеспечить гармонию пространства с помощью различных текстур, объектов и цветовых схем, которые хорошо дополняют друг друга.
И здесь может оказаться полезным правило, которым я часто пользуюсь. Оно применимо как в дизайне интерьера, так и в графическом дизайне: 60% доминирующего цвета, 30% вторичного цвета, 10% акцентного цвета. Если вам хочется ввести четвертый и больше цветов, сделайте это за счет вторичного цвета (или доминирующего). Только ни в коем случае не трогайте акцентный.
Изучайте другие творческие сферы и узнавайте для себя что-то новое в вопросе использования цветов. Ни одна творческая ниша не может существовать без цвета! Если вы внимательнее приглядитесь к интерьеру комнат и оформлению зданий, перед вами откроется абсолютно новый мир потрясающих цветовых сочетаний и техник.
4. Сохраняйте цвета, которые вам нравятся
Всегда сохраняйте понравившиеся цветовые палитры на будущее. Если вы видите изображение или фотографию в цветовой гамме, которая нравится мне или окружающим, всегда делайте скриншот или отправляйте её в закладки.
Когда вам понадобится удачная цветовая палитра, загляните в папку с сохраненными изображениями «для вдохновения» и выберите что-нибудь подходящее.
Ищите вдохновение повсюду: в современных дизайнах и исторических полотнах, в Интернете и на бумаге.
Вы наверняка знаете, какими полезными могут быть сайты вроде Pinterest, ведь там можно сохранять и каталогизировать все виды цифровых палитр. А что делать с физическими объектами, которые вызывают у вас полет фантазии?
Дизайнер и автор книги «Кради как художник» Остин Клеон предлагает завести специальную папку и складывать в нее фотографии разных предметов дизайна и примеры цветовых палитр, которые вам понравились.
Если вы читаете журнал, не забудьте позаимствовать из него красивую брошюру. Если у вас в почтовом ящике обнаружился рекламный проспект в необычной цветовой гамме, положите его в папку. В будущем она станет вашим постоянным источником вдохновения!
5. Доверьтесь цветовому справочнику Pantone
Иногда цифрового круга просто не хватает. Тогда лучше отвернуться от экрана и прибегнуть к более традиционному способу — к палитрам Pantone.
Иногда приятнее просмотреть справочник с образцами цветов Pantone, чем подбирать палитру на экране компьютера. Также этот способ может пригодиться, если клиенту требуется какой-то специфический цвет, и ему нужно показать его на наглядном примере».
Несмотря на всеобщую диджитализацию дизайнерского инвентаря, каталоги Pantone ничуть не устарели и не утратили своей важной функции. Каждому цвету в справочнике Pantone соответствует шестнадцатеричный эквивалент. Также образцы Pantone – незаменимый инструмент для дизайнера, который готовит проект для печати. Если вы точно знаете, как тот или иной цвет смотрится на бумаге, то сможете сэкономить уйму времени, денег и нервов, когда дело дойдет до отправки дизайна в типографию.
6. Ищите цвета в природе
Природные цветовые гаммы восхищают и притягивают наш взгляд. Вокруг нас великое множество готовых гармоничных цветовых сочетаний. Пейзажи, листва, цветы, фрукты, — все это может послужить бесконечным источников вдохновения. Конечно, можно искать вдохновение в Сети и в творчестве других дизайнеров, но взгляните: у вас за окном целый мир, только протяни руку!
Отличные подборки природных цветовых коллекций вы можете найти на Design Seeds.
7. Используйте не более 3-4 цветов
Избегайте использовать слишком много разных цветов (если только у вас нет цели изобразить нечто нарочито цветастое и радужное). Для начала рекомендую использовать три цвета, чтобы добиться максимальной выразительности и ясности дизайна. Такой макет будет смотреться целостно и неброско. Более подробно о количестве цветов в работе я уже когда-то писал в статье «Ограничение количества цветов».
8. Сопоставьте цвет с настроением своего проекта
Подумайте о том, какую идею вы хотите донести с помощью своего проекта. Это спорт, мода, красота или бизнес? С чем у вас ассоциируется эта идея. Это симпатичный модный флаер или агрессивная брошюра о спорте? Ваш проект женственный, жизнерадостный, серьезный или элегантный?
Для начала определитесь с цветовой гаммой и лишь потом переходите к деталям. «Например: «Мне нужен романтичный пурпурный» или «Я хочу очаровательный розовый».
Поищите фотографии, проекты и другие источники вдохновения, в которых задействованы те же оттенки, идеи и эмоции, которые вы хотите воплотить в своем дизайне. В чем их сходства? А различия?
Еще один хороший способ понять силу воздействия выбранного вами цвета – познакомиться с теорией цвета. Проведите небольшое исследование, прочитайте пару статей и уясните для себя, как те или иные цветы влияют на людей психологически. Тогда вы поймете, какие цвета стоит использовать, а какие нет. Помните: цвета, которые вы выбираете осмысленно, а не интуитивно, зачастую оказываются самыми действенными!
9. Используйте Pinterest для поиска тематических палитр
В Pinterest содержится огромное количество цветовых палитр, созданных творческими личностями со всего мира. Если мне нужно придумать идею дизайна, скажем, на тему летнего отдыха, я просто задаю поиск под заголовком «Летние цветовые палитры» и выбираю одну из них.
Вот как выглядят результаты запроса по «Летним цветовым палитрам» в Pinterest. «Фишка» здесь в том, что вы получаете вдохновение из самых разных сфер: интерьер, мода, графика и даже оформление праздников.
10. Посещайте тематические сайты
Colourlovers – это творческое сообщество, где люди со всего мира создают и выкладывают цвета, палитры и шаблоны. Зарегистрируйтесь, и вы получите доступ к более чем 3,7 миллионам цветовых палитр.
Теперь ваша очередь
Цвет способен как создать идею, так и разрушить её. Он может быть красивым и чистым или беспокойным и резким. Выбор за вами. Все дело в грамотном и осмысленном смешении оттенков.
Правильно подобранная цветовая палитра зачастую становится основой хорошего дизайна, так почему бы не поэкспериментировать с разными техниками и не вдохнуть новую жизнь в свое творчество?
Было бы интересно узнать, как вы используете цвета в своих проектах, где вы находите вдохновение? Есть ли у вас свой набор правил, инструментов или техник для подбора удачных сочетаний цветов? Поделитесь ими в комментариях.
Уважаемый/ая коллега!
Если вы хотите основательно изучить эту тему и получить практические навыки по созданию удачных цветовых сочетаний, приглашаю вас принять участие в моем онлайн-воркшопе «Колористика для дизайнера-самоучки», который стартует 20.09.2016.
Информация и регистрация здесь.
Поделиться в соц. сетях:
5 лучших сервисов для подбора цветовой схемы
Цвет является мощным инструментом, который может умело рассказать целую историю. От него зависит первое впечатление, которое получит пользователь от продукта, а это в свою очередь повлияет на его выбор: пользоваться им или нет. Именно поэтому мы подобрали для вас 5 полезных сервисов с готовыми цветовыми наборами, которые помогут подобрать наилучшую сочетаемость оттенков.1. Color Hunt
https://colorhunt.coColor Hunt — это бесплатная открытая платформа для поиска вдохновения. Преимущества этого сайта в огромном количестве модно подобранных цветовых решений. Color Hunt позволяет найти трендовые комбинации, собравшие наибольшее количество лайков, а также сохранять и скачивать понравившиеся подборки.
2. Color Leap
https://colorleap.appПоиск классных цветовых решений из картин различных исторических эпох — Color Leap. Этот интерактивный сайт насыщен анимационными компонентами и предлагает цветовые палитры картин выбранного периода с возможностью копирования кода при нажатии на цвет.
3. Khroma
http://khroma.coKhroma — крутая интерактивная платформа, где можно найти не только красивые цветовые схемы, но и разработать собственный алгоритм на базе нейронной сети. Способен генерировать те цвета, которые вам больше нравятся и блокировать непонравившиеся прямо в браузере. Алгоритм постоянно обучается на бесконечных цветовых комбинациях, поэтому вы точно сможете найти что-то особенное! Поиск Khroma позволяет фильтровать генератор по оттенку, значению, цвету, а также по значениям цветовоймодели.
Culrs — это более 2000 цветов с уже готовыми шестнадцатеричными кодами, которые легко скопировать для дальнейшего использования. Платформа создает красивые комбинации, учитывая цветовой круг и теорию цвета. Имеет 4 удобные категории для поиска лучшей сочетаемости цветов:
Нажав на имя конкретной палитры в Culrs, URL-адрес меняется на пользовательский и вы можете поделиться ею с кем угодно!
Coolors — cупер-быстрый генератор цветовых схем. Получив готовую схему цветов, появляется интерактивная площадка, включающая меню редактирования для каждого цвета: можно поменять расположение цветов местами, изменить шестнадцатеричный код на желаемый или выбрать его оттенок нажатием иконки «альтернативные оттенки», а также скорректировать яркость и насыщенность в нужной цветовой модели.
Научиться понимать цветовую теорию и грамотно выбирать палитру для продукта – не просто. С помощью этих сервисов, которые предоставляют широкий спектр выбора цветовых сочетаний, вы значительно сократите временные затраты на сопоставление нужных оттенков цветов. Но не забывайте, что профессиональный дизайнер обязательно должен владеть пониманием значений каждого цвета и цветового круга в целом, правильно комбинировать цвета, уметь акцентировать детали для улучшения юзабилити продукта и конечно же, владеть пониманием психологии бренда. На курсе «Мир веб-дизайна» в нашей онлайн-школе «Айтилогия» вас обучат работе с цветом. Вы обретете большой багаж полезных навыков и сможете влюблять клиентов в ваш дизайн с первого взгляда!
Если статья была для Вас полезной — можете отблагодарить нас своим лайком, это важно для нашей команды! Мы хотим понимать, что действительно интересно для Вас, и работать над контентом. Благодарим!
Список ресурсов для создания идеальной цветовой палитры вашего сайта
Эффективный дизайн сайта немыслим без подбора цветового решения. Осталось разобраться, как это сделать.
Возможно, для некоторых проектов вы уже выбрали несколько цветов, соответствующих палитре вашего логотипа или бренда, и создаете сайт в рамках этих ограничений. В других пока только наброски. Есть и те, что нуждаются в незначительных изменениях, способных сделать сайт красивее и удобнее.
Если вы ищете возможность облегчить и ускорить работу или делаете сайт впервые, эти инструменты помогут вам найти решение.
Начнем с краткого введения в теорию цвета.
Диаграмма создана для размещения в учебной аудитории, но отлично подойдет нам для освоения базовых знаний. Это правила сочетания цветов, основанные на их составляющих. Их также можно использовать, чтобы понять, что будет выделяться, а что впишется в общую концепцию палитры.
На диаграмме не отражены оттенки, способные сделать цвет ярче, насыщеннее или темнее.
Оттенок (tint), насыщенность цвета регулируется добавлением белого; тень (shade), яркость — черного; тон (tone) меняется наложением коричневого.Вооружившись этими знаниями, приступим к делу.
Читайте также: Нейромаркетинг: психология оттенковЧто такое цветовая палитра?
Цветовая палитра — это набор оттенков, которые вы будете использовать в своем проекте. С палитрой работают художники, смешивая на ней краски для создания будущей картины.
Составляя цветовую палитру, мы ищем оттенки, которые сочетаются между собой и отвечают нашим задачам. То есть служат для создания дизайна сайта, а не комнаты для релаксации.
Например, эта палитра выглядит вполне гармонично:
Но она не позволит выделить те или иные элементы сайта. В нашем случае цвета должны не только гармонировать, но и отличаться друг от друга более явно, чтобы посетитель сайта мог сразу увидеть призывы к действию (call-to-action), элементы меню и важную информацию.
Этот вариант мало отличается от предыдущего, но позволяет выделить нужные моменты, оставаясь при этом гармоничным.
Похожую цветовую палитру можно увидеть в действии на werkpress.com
Цвета сочетаются между собой, при этом элементы сайта прекрасно различимы и интуитивно понятно их расположение. Сразу видны призывы к действию и пункты меню.
Читайте также: Цветовые схемы и палитры. Их значение и применение в веб-дизайнеНасколько важно выбрать правильную цветовую палитру?
Институт исследований цвета (CCICOLOR) утверждает, что у большинства людей впечатление складывается за 90 секунд. Это происходит на подсознательном уровне и на 62-90% зависит от цвета.
Именно поэтому неверный выбор цвета или цветового сочетания может негативно повлиять на результат несмотря на остальные преимущества вашего проекта.
Выбирая палитру, отдавайте предпочтение цветам, соответствующим идентичности вашего бренда и его ценностям. Например, если вы продаете страхование жизни, черный, оранжевый и золотой цвета вряд ли стоит использовать.
Но это сочетание хорошо подходит для Lamborghini:
Мы не супермашины, мы LamborghiniЦветовая палитра показывает, кто вы, какова ваша миссия и что можно от вас ожидать. Так, сайт Lamborghini несет сообщение о роскоши и силе.
Groupon использует другое цветовое решение. В нем много белого, а элементы бренда и конверсии выделены зеленым.
Если вы не хотите, чтобы ваш сайт походил на фильм ужасов, стоит уделить палитре особое внимание. Она влияет на брендинг, UX и конверсию.
Ниже вы найдете 19 ресурсов, которые помогут выбрать цветовую палитру для вашего сайта.
Читайте также: Психология веб-дизайна. Как цвета, шрифты и разметка влияют на ваше настроениеПодготовка
Вам необходимо вдохновение?
1. BrandColors
BrandColors показывает, как ведущие бренды используют цвет, чтобы выделить бизнес, рассказать свою историю и обозначить ценности. Вы можете посмотреть список компаний, некоммерческих организаций и стартапов в алфавитном порядке или через поиск найти интересующий бренд.
Ищете готовую палитру?
2. ColourLovers
Это форум о дизайне цветовых палитр, содержащий почти 2 000 000 вариантов, загруженных пользователями. Вы можете скачать палитру, содержащую определенный цвет, и почитать, что пишут дизайнеры. Как правило, для одного сочетания дается несколько разных по насыщенности вариантов.
Палитра сопровождается говорящими названиями: Шторм в Уитсанди (тихоокеанский архипелаг в Коралловом море), Сумерки в Уитсанди, Остров Уитсанди3. ColorSchemer Gallery
Этот ресурс позволяет пользователям создавать и загружать свои собственные цветовые схемы. Вы сможете отфильтровать их по дате, рейтингу и количеству загрузок или найти по ключевым словам.
4. ColoRotate
В ColoRotate вы найдете библиотеку цветовых схем, которые можно просматривать, выбирать и изменять. Сделать собственную палитру на основе найденной поможет специальный 3D инструмент (3D color tool). Цветовую схему, созданную вами, можно сразу применить в PhotoShop или Fireworks, установив ColorRotate plugin или приложение для iPad.
Читайте также: Цвета и их значение при создании дизайна веб-сайтаВ соответствии с требованиями бренда
Что, если у вас уже есть картинки, логотипы или требования бренда, которым нужно соответствовать?
1. Color Hunter
Этот сайт не так функционален, как некоторые в этом списке, но отлично решает задачу, для которой создан, — исследование конкретного цвета. Просто загрузите картинку и Color Hunter создаст на ее основе палитру. Это отличный способ достичь гармонии между изображениями и основными цветами сайта. Кроме того, здесь можно разложить цветовую схему сайта, который вам понравился.
2. Pictaculous
Pictaculous делает палитры по фото. Достаточно загрузить фотографию, чтобы получить цвета, которые с ней сочетаются. Также ресурс предложит готовые палитры, которые вам подойдут.
3. Adobe Color CC Color Wheel
Этот инструмент был известен как Adobe Kuler и предназначался для сравнения цветов. Сейчас это полноценная система по созданию палитр, позволяющая пробовать, сравнивать и сохранять цветовые комбинации. Вы можете выбрать тип палитры и создать пятицветные схемы автоматически или используя ручную настройку.
4. Paletton
Paletton ускоряет процесс создания палитры. Нужно выбрать тип схемы: моно, составные, триадные, тетрадные, родственные, родственно-контрастные. Как только вы поменяете один цвет, остальные автоматически подстроятся.
5. Color Spire
Color Spire также строит палитру на основе одного цвета. Вы выбираете исходный оттенок и получаете варианты сочетающихся с ним схем. Также можно посмотреть превью, как выбранная палитра смотрится на сайте.
6. MudCube Color Sphere
Этот плагин для Chrome помогает гармонизировать цвета, учитывать дальтонизм и идентифицировать HEX-коды. Цветовые палитры можно сразу экспортировать в Illustrator, PhotoShop и CoIRD.com.
7. Cohesive Colors
Ресурс позволяет производить манипуляции с вашей собственной цветовой палитрой, выбирая и добавляя оттенки. В результате вы быстро и легко создаете новую схему на основе существующей.
8. Hex Color Scheme Generator
Этот инструмент подбирает цвета, которые сочетаются с вашим. Он немного примитивнее, чем другие ресурсы в этом списке. Нужно вставить HEX-код цвета в строку или выбрать его на представленном в форме колеса спектре. Генератор выдает 3 цвета, которые подходят вашему, и сопровождает их HEX-кодами.
Читайте также: Какие 3 самых популярных цвета для оформления сайтов?Создать свой цвет
На многих ресурсах в этом списке подразумевается, что у вас есть исходный цвет. Если нет необходимости соответствовать требованиям бренда и BrandColors не помог с выбором, можно начать с набросков.
1. The Color App
Это приложение для iOS помогает выбрать из нескольких цветов, которые размещаются рядом через небольшое расстояние, что намного удобнее градиентного представления, кругов и спектров. Большие цветовые сетки позволяют использовать весь экран (что особенно ценно для владельцев iPad Pro). В приложении можно создавать образцы цвета, находить RGB, HEX и HSLA значения и делать палитры из набросков.
3. Color
В Color от HailPixel не определиться с цветом нельзя. Вы точно поймете, что хотите и получите HEX-код оттенка.
Вы совершаете движение мышью или жестом и цвет каждый раз немного меняется. Похоже на цветовую сферу, постоянно сопровождающую цвета HEX-кодами. Если вы двигаетесь вправо и влево по экрану, будет меняться цвет, вверх и вниз — насыщенность.
Читайте также: Какие цвета лучше всего подойдут вашей посадочной странице?Получить код цвета
Если вы увидели где-то цвет и хотите узнать его код и название, эти ресурсы для вас.
1. SpyColor
SpyColor предоставит информацию о любом цвете, включая Hex, RGB, CMYK и другие коды, и покажет целый диапазон схем для каждого оттенка, в том числе комплементарные, сплит-комплементарные, триадные, контрастные и аналоговые.
2. HTML Color Codes
HTML Color Codes находит HEX-код для цветов на изображении. Вы выбираете картинку, открываете ее для просмотра и получаете код цвета, наведя на него курсор.
Протестировать свою палитру
Создав цветовую схему, хочется удостовериться в ее эффективности.
Check my Colours
Check my Colours проверяет основные и фоновые цвета на соответствие требованиям контрастности для тех, чье цветовое восприятие имеет отклонения от нормы. Если вы хотите убедиться, что ваш сайт подходит для людей с дальтонизмом или получить работающие и интуитивно понятные цветовые сочетания с точки зрения UX, этот ресурс незаменим. Достаточно ввести адрес сайта, чтобы ознакомиться с отчетом по его внешнему виду.
Система просматривает сайт и оценивает все визуальные элементы с точки зрения зрительного представления.
Подбор изображений
Итак, цветовая палитра внедрена и отлично работает, осталось подобрать изображения, которые будут с ней сочетаться.
1. TinEye
TinEye известен как альтернатива поиску изображений Google. Он поможет найти нужную цветовую комбинацию, используя базу в более 10 000 000 изображений с Flickr. Если вы ищете картинку, соотвующую вашей палитре, это отличный легкий способ ее найти.
2. Designspiration
Здесь можно выбрать до 5 оттенков из огромной палитры и получить изображения, которые имеют похожую цветовую комбинацию и сопровождаются HEX-кодами. Картинки можно сохранить на сайте или скачать.
Заключение
Создание цветовой палитры для сайта — это ремесло на стыке искусства и науки. Эти ресурсы помогут ускорить и облегчить путь к визуальному образу, который прекрасно выглядит и эффективно работает.
Высоких вам конверсий!
По материалам: crazyegg.com.
01-06-2017
35 цветовых комбинаций логотипа для вдохновения вашего дизайна
Наш мозг запрограммирован на то, чтобы реагировать на цветовые комбинации и запоминать их. Если вы закроете глаза прямо сейчас и подумаете о трех известных брендах, скорее всего, вы сразу сможете представить цвета логотипа компании. Starbucks: зеленый и белый. Икеа: синий и желтый. FedEx: фиолетовый и оранжевый.
Цвет — это мощный инструмент для пробуждения эмоций и интереса людей. Это особенно важно при разработке фирменного стиля и таких активов бренда, как логотип.
Выбор правильных цветовых комбинаций может оказаться непростым делом. К счастью для вас, на самом деле есть наука, называемая теорией цвета, которая облегчит вам выбор цветов для вашего бренда.
Типы цветовых комбинаций
Работа с колесом теории цвета — лучший способ начать при выборе цветов вашего логотипа. Цветовой круг содержит теплые цвета (красный, желтый, оранжевый) слева и холодные цвета (синий, зеленый и фиолетовый) справа.Понимание взаимосвязи между цветами и того, как они взаимодействуют на цветовом круге, является ключом к успешному дизайну.
- Дополнительные
- Аналогичные
- Триадические
Дополнительные цветовые комбинации — это цвета, расположенные по разные стороны цветового круга. Эти два цвета создают контраст и создают эффектный, разборчивый дизайн бренда.
Аналогичные цветовые комбинации — это от двух до пяти цветов, расположенных рядом друг с другом на цветовом круге.Эти цвета обычно создают ощущение гармонии и баланса. Аналогичные цветовые схемы часто встречаются в природе, где один цвет доминирует, а другие поддерживают его глубину.
Триадные цветовые комбинации — это богатые и яркие цветовые сочетания. Используйте теорию триадных цветов, если вы ищете динамическую трехцветную палитру. Просто нарисуйте треугольник на цветовом круге, и вы получите три цвета, которые равномерно распределены. В дизайне логотипа вам нужно выбрать один цвет, который будет доминировать, а два других — в качестве акцентов.
Мы выбрали одни из лучших цветовых комбинаций (в комплекте с небольшой психологией цвета), чтобы вдохновить вас на следующий дизайн логотипа. Давайте нырнем!
1. Желтый и красный
Эта смелая цветовая комбинация сразу привлекает внимание к центру логотипа. Яркий красный и уникальный макет названия компании контрастирует со счастливым оттенком желтого, создавая ощущение энергии и игривости.
2. Черно-желтый
Как и символ улыбающейся обезьяны на этом логотипе, ярко-желтый цвет полон энергии и восторга.Почти черный оттенок серого, популярный в индустрии развлечений (особенно в ночных клубах), несет в себе атмосферу таинственности и интриги.
3. Пурпурно-розовый
Тепло, игривость и амбиции — в одном! Ярко-розовый в этом логотипе добавляет искру энергии, а фиолетовый действует как зрелый аналог. Такое сочетание цветов часто встречается в таких отраслях, как красота и ведение блога.
4. Синий и зеленый
Синий и зеленый часто ассоциируются со спокойствием, но этот электрик и зеленый лайм источают энергию и молодость.Яркое сочетание цветов особенно хорошо работает в индустрии моды, СМИ и развлечений.
Создайте красочный логотип прямо сейчас!
5. Оранжевый и фиолетовый
Необычные сочетания цветов могут быть опасными, но когда они работают, они работают! Это сочетание теплого персика и пурпурного баклажана элегантно и уникально. Рассмотрите эту комбинацию для бренда моды, красоты или товаров для дома.
6. Красный, синий и желтый
Чувствуете смелость? Попробуйте электрическое трио цветов! Ярко-красный в этом логотипе дополняет веселый желтый и царственный темно-синий, источая силу и уверенность.Попробуйте использовать такую цветовую комбинацию для бренда развлечений или ресторанов.
7. Пурпурно-желтый
Хотите логотип, полный мудрости? Используйте оптимистичный и энергичный желтый с насыщенным пурпурным, чтобы пробудить чувство творчества. Эта классическая дополнительная цветовая комбинация логотипа популярна в ресторанах и образовательных учреждениях.
8. Розово-синий
Нежный розовый в сочетании с темно-синим создает игривую, но заслуживающую доверия атмосферу.Темно-синий цвет выделяется на светлом фоне, создавая красивый контраст. Рассмотрите эту пару для логотипа, если вы работаете в сфере красоты, ведения блогов или свадеб.
9. Черный и красный
Смелая и удивительно привлекательная, эта яркая цветовая комбинация логотипа доминирует и вселяет ощущение силы и энергии. Интенсивный красный цвет привлекает внимание к названию компании, а черный обеспечивает основной цвет фона.
10. Синий и бирюзовый
Если для вашего логотипа вам нужны интеллект, уверенность и доверие, попробуйте сочетать синий и бирюзовый.Цвета принадлежат одной цветовой гамме, но достаточно разные, чтобы создать эффектный дуэт, с умеренным использованием бирюзы.
11. Оранжевый и синий
Заставьте свою аудиторию восхищаться вашим брендом, внушая доверие оранжево-синим логотипом. Этот дополнительный цветовой дуэт представляет собой классическое, но мощное сочетание, популярное в технологическом и банковском секторах.
12. Синий и белый
Это мирное сочетание небесно-голубого и белого цвета, несомненно, понравится публике, оно передает чувство доверия и спокойствия.Создание логотипа с такой комбинацией обеспечивает гибкость во всех отраслях, от некоммерческих до технических и медицинских.
13. Желтый и зеленый
Этот молодой желтый привносит жизнь и энергию в успокаивающий зеленый цвет в этой цветовой комбинации логотипа. Желтый и зеленый часто можно увидеть в таких отраслях, как сельское хозяйство, уборка и экологические услуги.
14. Черно-оранжевый
Этот черно-оранжевый логотип — сильное, но дружелюбное сочетание.Оранжевый дает дозу оптимизма, а черный — профессиональный и обоснованный аналог. Эта цветовая комбинация логотипа подойдет для кино и музыкальной индустрии.
15. Синий и розовый
Хотите, чтобы ваш логотип ассоциировался с профессионализмом, сохраняя при этом дружелюбный вид? Выбирайте сочетание темно-синего и ярко-розового цветов логотипа. Яркий розовый цвет излучается на фоне синего и хорошо подходит для таких сфер, как красота и ведение блога.
16.Коричнево-горчично-желтый
Нам нравится это винтажное сочетание цветов. Отлично подходит для профессиональных услуг, которые хотят создать изысканную и традиционную атмосферу. Эти цвета будут дополнять любые ремесленные услуги, а также рестораны и кафе в более традиционном стиле.
17. Помада красно-белая
Эта цветовая комбинация впечатляет! Красный — волнующий и бодрящий цвет, и при использовании в таком смелом оттенке его следует сочетать с чем-то спокойным и нейтральным.Это отличное сочетание цветов логотипа для команд и торговых точек. Любой бренд, которому нужно привлекать внимание издалека, может извлечь выгоду из этого дуэта.
18. Бирюзовый и коралловый
Сочетание бирюзового и кораллового цветов придает вашему логотипу веселый и творческий вид. Это яркие и радостные цвета, которые не слишком требовательны к глазу. Это отличная цветовая схема для творческих консультантов и предприятий, работающих в сфере образования.
19. Желтый и электрический фиолетовый
Неоновые и психоделические цвета в наши дни возвращаются в дизайн.Это смелый шаг — использовать такую цветовую комбинацию, но если ваш бренд громкий, мы определенно рекомендуем это сделать! Эта цветовая пара отлично подходит для косметологов и блогеров.
20. Угольно-серый и серо-коричневый
Это очень стильное сочетание, отлично подходящее для логотипов гостеприимства, а также логотипов для фотографий. Используйте черный в качестве фона и добавьте серо-коричневый акцент, чтобы создать изысканный образ.
21. Бежевый с красным градиентом
Этот красный градиент в сочетании с черным текстом и бежевым фоном создает высокопрофессиональный вид.Красный градиент отлично подходит для технологического бизнеса: он подчеркивает серьезность и профессионализм.
22. Светло-фиолетовый, мята и масло
В этом логотипе используется триадная цветовая схема для создания мягкого, но динамичного эффекта. Лавандово-фиолетовый отлично сочетается с желтым, а зеленый акцентный цвет добавляет идеального чутья. Это красивый пастельный логотип в очень весенних тонах!
23. Серо-зеленый градиент
Как и в природе, наши глаза привыкли видеть различные оттенки зеленого.Нанесите зеленый градиент на светлый фон, и ваш дизайн будет излучать жизнь и энергию. Как запах свежескошенной травы.
24. Королевский синий и бледно-желтый
В этом логотипе используется королевский синий цвет в сочетании с мягким масляно-желтым. Королевский синий — это очень профессиональный цвет, отлично подходящий для технических, финансовых и юридических отраслей. Эта дополнительная цветовая палитра вызывает ощущение истории, стабильности и надежности.
25. Розовый с фиолетовым градиентом
Ярко-фиолетовый градиент легко привлечет внимание любого человека.Фиолетовый олицетворяет королевскую власть, роскошь и власть, а также креативность, веселье и мудрость. В сочетании с более светлым цветом аналогичного оттенка ваш логотип будет выглядеть сбалансированным и роскошным.
26. Черная и золотая фольга
Золотая фольга нравится всем! Черный и золотой создают очень гладкую и изысканную цветовую комбинацию. Цветовая пара современна, но доступна и отлично смотрится на печатных материалах.
27. Розовый и красный
Эта красно-розовая палитра представляет собой аналогичную цветовую комбинацию.Он мягкий, но очень современный и сохраняет достаточно высокий контраст, чтобы оставаться отлично читаемым.
28. Королевский синий и лилово-фиолетовый
Нам очень нравится это аналогичное цветовое сочетание, обеспечивающее баланс между глубоким королевским синим и мягким сиреневым пурпуром. Это привлекательная пара, которую можно использовать практически в любой отрасли.
29. Баклажан и желтый градиент
Это очень королевская цветовая палитра. Желтый и фиолетовый — идеальная дополняющая цветовая схема, но градиент здесь добавляет новый уровень измерения этому дизайну логотипа.Это очень теплый градиент, сочетающий желтый и оранжевый, чтобы получить насыщенный медовый цвет золота. Очень поднимает настроение и идеально подходит для велнес-бизнеса!
30. Fushia & neon green
Вот это классное сочетание цветов! От этого логотипа сложно оторвать взгляд, используя модные цвета киберпанка, неоново-зеленый и фуксию. Розовый отлично смотрится с зеленым акцентом (в конце концов, это взаимодополняющие цвета), и эти глубоко насыщенные цвета вызывают волнение, которое вы ожидаете от занятий спортом.
31. Черный и серебристый
Какой цвет сочетается с серебром, спросите вы? Нет ничего лучше черного. Черный — идеальный нейтральный тон, чтобы серебряная фольга действительно сияла. Яркое, профессиональное, но в то же время интригующее и загадочное цветовое сочетание черного и серебристого составляет очень изысканную пару.
32. Персик и жженый оранжевый
Вот монохромная цветовая схема, в которой используется аналогичная теория цвета. Мягкий персиковый фон уступает место более громкому, жженому апельсину.Эта цветовая пара хороша, потому что поддерживает баланс между двумя тонами. Один сильнее другого — между ними нет борьбы за внимание.
33. Темно-синий и оранжевый градиент
В этом логотипе используются дополнительные синий и оранжевый цвета, а также градиент, чтобы сделать эффектное заявление. Он остается профессиональным, но при этом остается визуально интересным с использованием оранжевого градиента, чтобы очертить горный хребет.
34. Бежевый и ржавый
Здесь у нас есть пара бежевого и ржавого цветов, излучающая тепло и зрелость.Песочно-бежевый — стойкий, расслабляющий цвет, а ржавчина придает ощущение изысканности. Эта теплая цветовая палитра идеально подходит для компаний, занимающихся недвижимостью, путешествиями или образом жизни, потому что она создает ощущение легкости, которое вы хотите, чтобы ваши клиенты чувствовали при работе с вами.
35. Бирюзовый и лавандовый
Это нетрадиционная цветовая палитра, но бирюзовый и фиолетовый отлично смотрятся вместе, пока один из них остается доминирующим. Здесь мы использовали мягкий бледно-лиловый цвет, чтобы создать контраст на более темном фоне.Такое цветовое сочетание капризно и волшебно.
Выбор правильного сочетания цветов логотипа
Психология цвета играет огромную роль в нашей жизни. Каждый день мы подсознательно создаем в нашем мозгу ассоциации, которые вызывают положительные или отрицательные эмоции.
Помните об этом при создании логотипа — выбранная вами цветовая комбинация рассказывает историю, и вы хотите, чтобы эта история отражала ваш бренд и находила отклик у вашей целевой аудитории.
Хотите узнать больше о том, как сочетать цвета в вашем логотипе и их значения? Зайдите на наши страницы цветов логотипа, чтобы получить больше вдохновения, и посмотрите наше видео с теорией цвета логотипа выше!
Генератор цветовой палитры с ИИ
Colormind — это генератор цветовых схем, использующий глубокое обучение.Он может изучать цветовые стили по фотографиям, фильмам и популярным произведениям искусства.
Каждый день загружаются разные наборы данных, загляните завтра, чтобы получить еще больше вдохновения для цветов. Посетите блог для получения технической информации или ознакомьтесь с нашим APIИгра престолов имеет беспрецедентную производственную ценность для телешоу, а ее цвета особенно кинематографичны. Игра престолов — отличный пример целенаправленного цветового дизайна, от теплых цветов Дорна до пышной зелени в Королевской высадке и прохладных тонов Винтерфелла.
Наложение теплых и холодных цветов в сочетании с яркими фиалками и зеленью.Фотографии, сделанные на закате, сильно дополняют друг друга.
Все фильмы Миядзаки имеют блестящее цветовое оформление, и «Ветер поднимается» не исключение. В изображении Японии военного времени преобладают блестящие синие и зеленые тона, сочетающиеся с более темными мрачными цветами.
Цвета из игры Metroid Fusion для Game Boy Advance. В играх 2d Metroid типично темный, приглушенный фон с яркими неоновыми цветами на переднем плане, что создает очень чуждый стиль.
Оставайтесь на связи
Подпишитесь на нашу рассылку новостей и объявлений, связанных с ColormindСоветы по использованию
Если цвета не заблокированы, Colormind будет генерировать цветовые палитры случайным образом.
Если у вас есть конкретный начальный цвет, выберите этот цвет и зафиксируйте его. Расположение цвета имеет значение, поэтому поэкспериментируйте с другим размещением.
Если у вас есть два дополнительных цвета, попробуйте разместить их на противоположных концах палитры.Colormind будет иметь тенденцию генерировать хорошие промежуточные значения.
Если вы хотите большего разнообразия, попробуйте расположить контрастирующие цвета ближе друг к другу, тогда colormind будет иметь тенденцию создавать триадные и другие более сложные цветовые схемы.
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 ♥ 90)
Идеальная цветовая схема для нового стартапа или дизайна логотипа.
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.
Как найти лучшее цветовое сочетание для вашего дизайн-проекта
Дизайнерам поручено взять продукт или проект и представить его таким образом, чтобы привлечь вашу целевую аудиторию, оставаясь при этом верными вашему бренду и бизнес-целям. От выбора типографики до выбора цветовых схем — за все отвечают дизайнеры. Найти идеальную цветовую комбинацию для вашего дизайна может быть непросто, но это шаг, который, безусловно, не следует упускать из виду.Выбранные вами цвета могут в конечном итоге стать тем, что выводит ваш дизайн на новый уровень или заставляет его сливаться со всеми другими дизайнами. Определенные цветовые комбинации привлекут внимание вашей аудитории и (надеюсь) вызовут определенные эмоции. Эти дизайны останутся с вашей аудиторией.
Выбор цветовых сочетаний с помощью цветового круга
Понимание теории цвета, цветового круга и того, как цвета взаимодействуют друг с другом, поможет вам в выборе удачных цветовых комбинаций.Знание того, какие цвета хорошо сочетаются, а какие нет, поможет вам избежать цветовых сочетаний, которые снизят эффективность и визуальную привлекательность вашего дизайна.
Цветовой круг состоит из двенадцати цветов — трех основных цветов, (красный, желтый и синий), трех вторичных цветов, (зеленый, оранжевый и фиолетовый), которые создаются путем смешивания основных цветов, и шести третичных цветов. цвета (сине-зеленый, красно-фиолетовый и т. д.), которые создаются путем смешивания основных и дополнительных цветов.Если вы проведете линию через центр колеса, вы разделите теплые цвета (красный, оранжевый и желтый) и холодные цвета (синий, зеленый и пурпурный).
Цвета, которые работают вместе, создают цветовую схему или цветовые комбинации, и их можно найти с помощью цветового круга.
Дополнительные цвета
Цвета, противоположные друг другу на цветовом круге, считаются дополнительными цветами (например, красный и зеленый или синий и оранжевый).Высокая контрастность этих цветов создаст яркий вид и сделает ваш дизайн популярным, но также может раздражать вашу аудиторию при использовании в больших дозах. Дополнительные цвета отлично подходят, когда вы хотите, чтобы какой-то аспект вашего дизайна выделялся.
Совет от профессионала: избегайте дополнительных цветов для текста.
Аналогичные цвета
Цвета, расположенные рядом друг с другом на цветовом круге, считаются аналогичными цветами (например, синий и зеленый). Эти цвета хорошо сочетаются друг с другом и создают приятный для глаз дизайн.Чтобы создать контраст при выборе аналогичных цветов, выберите один цвет, который будет доминировать, а второй — для его поддержки. Третий цвет следует использовать как акцент.
Триадические цвета
Цвета, равномерно распределенные по цветовому кругу, считаются триадными цветами (например, фиолетовый, оранжевый и зеленый). Цвета триады имеют тенденцию быть яркими и должны быть тщательно сбалансированы. Попробуйте использовать один доминирующий цвет, а два других для акцента.
Совет от профессионала: уменьшите насыщенность оттенков, если цвета слишком яркие.
Раздельные дополнительные цвета
Вариант дополнительной цветовой схемы, разделение дополнительных цветов, использует основной цвет и два цвета, смежные с его дополнительным цветом, поэтому вместо зеленого и у вас будут зеленый, фиолетовый и оранжевый. Эти цвета имеют такой же сильный контраст, что и дополнительные цвета, но меньше напряженности.
Совет от профессионала: дополнительные цветовые схемы отлично подходят для новичков, так как их трудно испортить.
Тетрадич (прямоугольник) цветов
В четырехугольной или четырехугольной цветовой схеме используются четыре цвета, которые расположены в двух дополнительных парах (например, синий и красный, зеленый и оранжевый).Тетрадная цветовая схема работает лучше всего, если вы выберете один цвет, который будет доминировать, а остальные будете использовать в качестве акцентных.
Совет от профессионала: помните о балансе между теплыми и холодными цветами в своем дизайне.
Квадратные цвета
Подобно тетрадным цветам, квадратная цветовая схема состоит из четырех цветов, равномерно распределенных по цветовому кругу (например, синий, красный, желто-оранжевый и зеленый). Как и тетрадные цвета, квадратные цвета работают лучше всего, когда у вас есть один доминирующий цвет с тремя акцентами.Помните о балансе между теплыми и холодными цветами при использовании квадратной цветовой схемы в своем дизайне.
Используйте правило 60-30-10
Как следует из названия, это правило предполагает использование ваших цветов в пропорции 60% + 30% + 10%. Использование ваших цветов таким образом позволяет глазу комфортно перемещаться от одной точки к другой. 60% — это ваш доминирующий оттенок (это может быть цвет фона), 30% — это ваш вторичный цвет (это поддерживает ваш доминирующий оттенок) и 10% — это ваш акцентный цвет.Цвет 10% может быть более жирным или более тонким, в зависимости от того, какой образ вы хотите. Сохранение баланса позволит создать более понятный дизайн для глаз и упростит работу мозга аудитории. Вы можете добиться этого с помощью цветовых схем, используя более трех цветов, но старайтесь использовать менее пяти цветовых схем!
Дизайн для печати
Если вы разрабатываете для печати, важно, чтобы вы создавали в цветовом режиме CMYK. Большинство профессиональных служб печати печатают с использованием субтрактивной цветовой модели CMYK.CMYK относится к четырем пластинам с чернилами, используемым в профессиональной цветной печати: голубому, пурпурному, желтому и ключевому (черному). Проектирование в цветовом пространстве RGB может привести к тому, что конечный печатный продукт не будет точно отражать ваш исходный дизайн. Если у вас есть какие-либо вопросы, свяжитесь с отделом обслуживания Printivity по телефону 1-877-649-5463 или [email protected]
.21 лучшая цветовая комбинация, которую можно попробовать на своем веб-сайте [Руководство в закладках]
При планировании внешнего вида вашего нового бизнес-веб-сайта вы должны решить, какие цвета вы хотите использовать.Чтобы оказать положительное влияние на посетителей и увеличить продажи, ваша цветовая палитра должна укреплять ваш бренд, делать ваш сайт легким для чтения и навигации и, прежде всего, хорошо выглядеть.
Но найти цвета, которые «хорошо смотрятся» вместе, не так просто, как кажется. Многие факторы влияют на то, как мы обрабатываем цвет на визуальном и эмоциональном уровне. Это затрудняет создание эффективной и оригинальной цветовой схемы веб-сайта с нуля, даже если у нас есть некоторое интуитивное представление о том, какие цветовые комбинации работают хорошо, а какие нет.К счастью, вам не нужно изобретать цветовое колесо, чтобы создать отличный веб-сайт. В этом посте мы составили список из 21 лучшей цветовой комбинации, используемой в веб-дизайне, которую вы можете попробовать сами. Таким образом, вы можете пропустить дискуссии коллег о том, подходят ли и зеленый, и оранжевый цвет вашей домашней странице, и приблизиться на один шаг к запуску.
Лучшие цветовые схемы и комбинации для веб-сайтов
- Кораллово-красный и викинг
- Ист-Бэй, Лунный Рейкер и Призрак
- Викинг и Карри
- Желто-коричневая кожа, киноварь и Акапулько
- Боттичелли, Непал и Корабельный серый
- Персидский зеленый, Vista Blue, сиреневый и подсолнечный
- Желтые календулы, ледяной холод и синий Vista
- Специи, Тоскана, Яффо, Калико и желтый металл
- Alto, Mandys Pink, каштановая роза, шпильки
- Swiss Coffee, Schooner, Pharlap и Mine Shaft
- Тюльпанное дерево и пунга
- Лебединый пух, Монте-Карло и обсерватория
- Ваш розовый, сладко-горький и ализариновый малиновый
- Пампасы, твой розовый и Мелани
- Горный луг и магнолия
- Терракота, порох, Moon Raker, Акапулько и Манхэттен
- Сладко-горький, Космос, Нильский синий и Чайка
- Malibu, Aero Blue, Picton Blue и Boston Blue
- Белый навахо и яркий мандарин
- Dove Grey и Aero Blue
- Милано красный и черный жемчуг
Конечно, группа загадочных названий цветов бесполезна, если не увидеть их в действии.(Что такое «Фарлап»?)
Итак, для каждой схемы я привел наглядный пример. Все примеры взяты с веб-сайтов, известных своей визуальной привлекательностью. Не стесняйтесь использовать эти сайты в качестве вдохновения для своей цветовой палитры, макета и общей эстетики.
1. Кораллово-красный и викинг
Шестнадцатеричные коды: # F93943, # 7EB2DD
Источник изображения
2. Ист-Бэй, Мун Рейкер и Призрак
Шестнадцатеричные коды: # 424874, # DCD6F7, # CACFD6
Источник изображения
3.Викинг и Карри
Шестнадцатеричные коды: # 7EB2DD, # FFE8D4
Источник изображения
4. Желто-коричневая кожа, киноварь и Акапулько
Шестнадцатеричные коды: # F98866, # FF420E, # 80BD9E
Источник изображения
5. Непал, Корабль Грей и Боттичелли
Шестнадцатеричные коды: # 90AFC5, # 3E363F, # C4DFE6,
Источник изображения
6. Персидский зеленый, вишнево-голубой, сиреневый и подсолнечный
Шестнадцатеричные коды: # 00A6A6, # 98DBC6, # F18D9E, # E6D72A
Источник изображения
7.Бархатцы желтый, ледяной и синий Vista
Шестнадцатеричные коды: # F6E278, # BCF4F5, # 98DBC6
Источник изображения
8. Специи, Тоскана, Яффо, Калико и желтый металл
Шестнадцатеричные коды: # 6E352C, # CF5230, # F59A44, # E3C598, # 6E612F
Источник изображения
9. Alto, Mandys Pink, Chestnut Rose и Stiletto
Шестнадцатеричные коды: # D9D9D9, # F5B3B4, # D15656, # 94353
Источник изображения
10. Swiss Coffee, Schooner, Pharlap и Mine Shaft
Шестнадцатеричные коды: # E1DCD9, # 8F8681, # A67F78, # 3E3C3C
Источник изображения
11.Тюльпанное дерево и пунга
Шестнадцатеричные коды: # F2AB39, # 563C16
Источник изображения
12. Лебединый пух, Монте-Карло и обсерватория
Шестнадцатеричные коды: # D1EDE1, # 7BC5AE, # 028C6A
Источник изображения
13. Ваш розовый, сладко-горький и ализариновый малиновый
Шестнадцатеричные коды: # FFC2C3, # FE7773, # EA3238
Источник изображения
14. Пампасы, твой розовый и Мелани
Шестнадцатеричные коды: #, F1EBE9, # FFC2C3, # E6CBDD
Источник изображения
15.Горный луг и магнолия
Шестнадцатеричные коды: # 1B998B, # F8F1FF
Источник изображения
16. Терракота, порох, Moon Raker, Акапулько и Манхэттен
Шестнадцатеричные коды: # E07A5F, # 3D405B, # DECDF5, # 81B29A, # F2CC8F
Источник изображения
17. Сладко-горький, Космос, Нильский синий и Чайка
Шестнадцатеричные коды: # FE7773, # FFD8D8, # 194049, # 87CEEB
Источник изображения
18. Malibu, Aero Blue, Picton Blue и Boston Blue
Шестнадцатеричные коды: # 4DD7FF, # AEFFF1, # 32C3EE, # 3B8FA1
Источник изображения
19.Навахо Белый и Яркий Мандарин
Шестнадцатеричные коды: # FFE0AC, # FF8C8C
20. Голубино-серый и аэро-синий
Шестнадцатеричные коды: # 666666, # B5FFE9
Источник изображения
21. Милано красный и черный жемчуг
Шестнадцатеричные коды: # BA1200, # 031927
Источник изображения
Добавление цветного всплеска
На первый взгляд может показаться, что поиск правильной цветовой комбинации должен быть простым и интуитивно понятным. В конце концов, мы видим эффективное использование цвета повсюду, от дизайна бренда до искусства, развлечений и модной одежды.По правде говоря, все эти реальные проекты были тщательно спланированы, протестированы и, по крайней мере, частично вдохновлены проектами, которые были раньше.
Создание идеального цветового дизайна для вашего веб-сайта — непростая задача. Но если придерживаться одной из предложенных мною схем, ваш сайт станет еще одним прекрасным примером качественного веб-дизайна в действии.
советов по дизайну: простые комбинации цветов для вашего блога
Когда вы думаете об окружающем мире, цвет — одна из самых важных вещей, которые мы видим.Это влияет на наше настроение, может приносить радость, пробуждать воспоминания или привлекать внимание. Подумайте о том, насколько скучным был бы наш мир, если бы мы видели его только черным по белому!
Я думаю, что в блогосфере существует миф о том, что ваш сайт не может выглядеть профессионально или стильно, если он не оформлен в черно-белом цвете. В то время как традиционные публикации, такие как журналы и газеты, обычно по-прежнему полагаются на этот базовый вид, блоги и цифровые публикации имеют возможность играть с цветом для максимального воздействия.
Ключ с цветом в вашем блоге — , как вы его используете.Сюда входят:
- Где вы это используете
- Сколько из этого вы используете
- Какие комбинации вы выбираете
Некоторые творческие личности считают, что сочетания цветов — это вторая натура, но не волнуйтесь, если создание цветовой схемы для заголовка и дизайна блога окажется сложнее, чем сочетание шарфа и пальто этой зимой. Ваше секретное оружие? Все начинается с цветового круга , состоящего из первичных, вторичных и третичных цветов:
Есть много удивительно полезных веб-сайтов, которые могут дать вам цветное вдохновение для дизайна вашего блога.Для ознакомления с основами в Tiger Color есть довольно обширная и легкая для понимания разбивка цветовых терминов и схем. Например, они показывают вам, как работают основные цветовые схемы, от дополнительных и аналогичных до триадных и прямоугольных.
Эти схемы называются цветовыми гармониями или цветовыми шнурами из-за того, насколько хорошо они сочетаются друг с другом (например, музыкальные ноты), и состоят из двух или более цветов с фиксированным соотношением на цветовом круге. Чем более подробно вы укажете цветовое колесо, тем больше цветовых схем вы сможете придумать и создать.
Более сложным элементом работы с цветом является «цветовой контекст», то есть то, как цвет ведет себя по отношению к другим цветам. Например, красный цвет кажется более ярким рядом с черным и более тусклым рядом с белым. Учтите это, думая о цветах переднего и заднего плана.
Хотя теория цвета — это наука, то какая цветовая схема вам (и вашей аудитории) понравится больше всего, в конечном итоге очень субъективна. То, что возбуждает и воодушевляет одного человека, может угнетать или отключать другого, и эти реакции могут исходить как из личного опыта, так и из-за культурных особенностей.
Независимо от того, является ли ваш блог в основном черно-белым с яркими акцентами или монохроматической желтой схемой, вы должны решить для себя, какие элементы дизайна лучше всего подчеркивают ваш контент — как письменный, так и сфотографированный. Методом проб и ошибок! Попросите своих друзей, поклонников и последователей поделиться своим мнением во время экспериментов! Повеселись!
Вот несколько блогов, посвященных цвету, , которые мы любим:
.* Обратите внимание, что этот пост предназначен только для краткого введения в науку о цвете, и он призван дать вам вдохновение для дизайна блога — мы не профессиональные эксперты по теории цвета !
Фото Джонатана Грея
Как вы выбрали цветовую схему для своего блога?
20 лучших комбинаций цветов комнаты
Саймон Аптон / Женевьева Гарруппо для Homepolish
Любой хороший дизайнер скажет вам, что цвет имеет силу.Его можно использовать, чтобы вызвать разное настроение, рассказать историю в доме, даже изменить то, как кто-то чувствует себя в пространстве. Таким образом, выбор цветовой палитры для комнаты может быть высокоуровневым и довольно сложным. Прежде чем вы начнете выбирать цвета краски, мебели или декора, важно понять, какие цвета лучше всего сочетаются друг с другом и почему.
По словам Николь Гиббонс, основателя и генерального директора Clare Paint, есть несколько различных подходов, которые вы можете использовать, когда дело касается сочетания цветов.
1) Выбирайте цвета с одинаковой температурой:
«Цвета можно разделить на две группы: теплые или холодные.А сочетание цветов с одинаковыми температурами всегда приводит к гармоничным цветовым сочетаниям. Например, сочетание холодных оттенков, таких как синий и зеленый, всегда хорошо работает. Или сочетание теплых нейтральных тонов, таких как мягкий бежевый с насыщенным коричневым, глубоким оттенком или оранжевым, будет одинаково приятным для глаз ».
2) Go Monochrome:
«Мне нравится работать с монохромными палитрами. Думайте тон в тон. Это очень изысканный вид, и он практически надежен, чтобы работать и работать.Цвета одного и того же оттенка, но немного разных тонов — например, бледно-голубой с более глубоким синим — всегда будут выглядеть потрясающе ».
3) Выберите дополнительные цвета:
«Противоположности притягиваются, и это, безусловно, верно, когда мы думаем о цвете с точки зрения цветового круга. Цвета напротив друг друга, как правило, очень дополняют друг друга и прекрасно смотрятся в паре. Одно из моих любимых дополнительных сочетаний цветов — сочетание коралловых оттенков с сине-зелеными акваториями.
И если ничего не помогает, большая доза великого вдохновения может иметь большое значение. Ниже вы найдете 20 ярких цветовых комбинаций в некоторых из наших любимых пространств.
Реклама — продолжить чтение ниже
1 Бирюза + Крем
Стена гостиной резко приподнимается над стенами из бирюзовой травы, которые служат фоном для кремовой консоли и абажуров.
2 Виридиановый зеленый + фиолетовый
Глубокие оттенки зеленого и фиолетового с разнообразной текстурой создают в этом офисе ощущение винтажной роскоши.
3 Зеленый + красный
Классическое сочетание зеленого и красного с разнообразными узорами и текстурами.
4 Золото + Королевский синий
В этой шикарной гостиной диван из шелкового бархата королевского синего цвета обрамлен нестандартными прикроватными тумбочками из красивого желтого золота, которые увенчаны соответствующими лампами.
5 Палисандр + мшистый зеленый
Гардеробная в главной спальне передает марокканскую атмосферу, где мшистая зелень и красный цвет розового дерева подчеркнуты, но имеют более землистые оттенки.
6 Бэби-синий + жемчужно-розовый
Индивидуальная синяя краска в этой гостиной служит фоном для великолепного сочетания узоров и эклектичных акцентов. Жемчужно-розовый абажур уравновешивает прохладную синеву стен.
7 Коралл + Сирень
В уютной главной спальне палитра мягких розовых и пурпурных, включая сиреневое постельное белье и коралловое кресло, кажется комфортным, но элегантным.
8 Индиго + бирюзовый
Логово с перфорированными краями играет яркими, прохладными тонами, включая винтажный диван из бархата индиго и полосатый коврик с дополнительным бирюзовым узором.
9 Кирпич красный + загар
Чистый, свободный и залитый светом домашний офис сочетает в себе теплые нейтральные тона, уютные и скоординированные.
10 Румяна + Темно-оливковый
Палитра мягких землистых тонов для гостиной включает румяна и темно-оливковые подушки, которые вносят цвет в пространство, не чувствуя себя излишне резким.
11 Бирюзовый + Древесный уголь
Мужественный, но просторный дом в Малибу сохраняет прохладу благодаря палитре бирюзовых и древесных углей, играющих с видами на океан.
12 Песок + флот
Подушки темно-малийского цвета украшают диван из натуральной мешковины, что прекрасно подойдет для этого марракешского входа.
13 Желтый + серый
Очаровательная гостевая спальня обыгрывает старинные узоры и оттенки, в том числе различные оттенки серого в сочетании с солнечно-желтыми акцентами.
14 Синий Серый + Морковный Апельсин
Светло-сине-серые стены, покрытые травяной тканью, подчеркивают великолепный естественный свет в этом пространстве, а ярко-оранжевые акценты обеспечивают сбалансированный акцент цвета.
15 Шалфей + Камень
В залитой светом прихожей дома в долине шкафы с приглушенным шалфеем дополняют земную эстетику в сочетании с раковиной из натурального камня.
16 Приглушенный синий + красный
Яркая спальня сводит цвета к минимуму, с индивидуальным изголовьем в красно-белую полоску и глубокими приглушенными синими стенами.
17 Бледно-лавандовый + бледно-желтый
Банкетная зона представлена палитрой холодных и теплых оттенков, включая пастельные стены лавандового и желтого цветов.
18 Кофейный коричневый + темно-синий
Коричневые стены кажутся нейтральными, но в то же время нестандартными, обеспечивая идеальную основу для темно-синего постельного белья в полоску и кожаных навершия лошадей.
19 Синий цвет: средний оттенок + оранжевый, средний оттенок
Подобные тона теплых и холодных цветов гармонично сочетаются в этой столовой, а тонкие узоры придают пространству текстуру.
20 Румяна Coral + Beige
Румяное коралловое изголовье из ворсистой бархатной ткани сочетается с бежевым ребристым постельным бельем, в котором сочетаются женственные природные тона и сияние текстуры.
Люсия Тонелли Помощник редактора Люсия Тонелли — помощник редактора в Town & Country, где она пишет о королевской семье, культуре, недвижимости и многом другом.