Онлайн-сервис по подбору цвета в одежде
Кликом по цветовому кругу установите основной цвет.
Кликом по одной из фигур рядом с кругом, выбирете цветовую схему.
Бегунками и стрелками рядом с фото модели регулируйте оттенки. Добейтесь максимально естественного наложения нового цвета!
Красно-фиолетовыйКрасныйКрасно-оранжевыйОранжевыйЖёлто-оранжевыйЖёлтыйЖёлто-зелёныйЗелёныйСине-зелёныйСинийСине-фиолетовыйФиолетовыйСброс ярк.насыщ.
Сброс оттенков
Поделиться
Вы можете загрузить фото любой тематики ! И мы сделаем на его основе аналогичный колористический тестировщик.
Загрузить своё фото для тестирования цветовых сочетаний.
Так же, вам может быть интересен наш сервис по созданию персональной палитры оттенков, основанный на сезонной теории цветотипирования.
Подбор цвета одежды онлайн
Инструкция для режима с цветовым кругом
Данный режим работает при наличии не менее двух цветов в образе.
Нажмите кнопку «Включить цветовой круг», чтобы перейти в этот режим (если он не включен).
С помощью данного сервиса можно составить цветовой образ, выбирая цвета и их сочетания по цветовому кругу Иттена.
Вращайте цветовой круг с помощью управляющих кнопок под ним или кликом по нужному цвету на круге:
Выберите основной цвет, чтобы увидеть какие цвета и как сочетаются с ним.
Стрелки или углы фигур указывают на цвета, присутствующие в выбранной схеме.
Выберите нужную вам схему цветовых сочетаний. Одежда модели окрасится согласно выбранному вами варианту:
Пробуйте различные сочетания в разных цветовых схемах.
Если на первый взгляд данное сочетание не производит достаточно приятного впечатления, попробуйте поэкспериментировать с оттенками, двигая бегунки на панели управления рядом с фото модели. Бегунки изменяют оттенок в некоторых небольших пределах от заданного цвета.
Если количество цветов в данном образе меньше четырёх, то соответственно уменьшится число предложенных вариантов цветовых схем круга.
Снизу от бегунков, стрелками около значков и регулируется яркость и контрастность выбранного кликом элемента. Кликом по самим значкам яркость и контрастность возвращаются в среднее положение
Обратите внимание, что при минимальной насыщенности цвета, влияние бегунков (ОТТЕНКОВ) может быть не заметно, так как сложно увидеть изменение оттенка, когда насыщенность цвета элемента очень мала.
С помощью кнопок «Поменять местами» можно менять распределение цветов в образе.
Инструкция для режима свободного выбора цветов и оттенков
Нажмите кнопку «Выключить цветовой круг», чтобы перейти в этот режим.
Кликом по фото или одной из кнопок с названием цвета выбираем оттенок какого элемента одежды хотим изменять.
С помощью виджета выбора цвета (радужный прямоугольник) регулируем оттенок
Кнопка «Смена модели» — выбрать другую модель (девушку), в другой одежде (будем увеличивать выбор).
Заказать цветовой круг можно на нашем сайте через Каталог товаров, или через быстрый заказ в один клик по кнопке:
..в этом случае оператор запишет все данные по заказу в режиме диалога
Наглядно визуализировать точные цвета с названиями и CMYK-кодами можно при помощи нашего продукта «Цветовой гид».
Опубликовано 14.12.2018 19:55:08
Интерьерное сочетание цветов, онлайн подбор программами
Выбор цвета и цветовых сочетаний будет определять настроение и ощущение от вашего дизайна. Ошибки здесь быть не должно. К счастью, существует целый ряд компьютерных программ, готовых таблиц и схем, предлагающих гармоничное сочетание цветов и облегчающих процесс подбора.
Расскажу о бесплатных ресурсах, которыми пользуюсь сама при подборе цветовой гаммы. Готовое сочетание цветов, онлайн подбор разных вариантов, новые визуальные образы – все это возможно совершенно бесплатно при поддержке ведущих дизайнеров и художников.
Источник вдохновения
Я считаю, что внезапно стать успешным колористом или дизайнером по цвету – невозможно. Но можно понемногу приучить глаза и голову видеть и воспринимать цвет, сочетания цветов, замечать оттенки.
Именно таким источником вдохновения является бесплатный онлайн ресурс 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 – передвинуть цвет вправо или влево по палитре
— Lock – зафиксировать цвет.
В результате получаете нужную вам палитру с цветами в кодировке hex, по этим кодам можно подбирать цвет краски и не бояться, что изображение на мониторе не точно передает цвет, который вам нужен в реальности.
В заключении скажу, что профессиональные дизайнеры всегда делают много выкрасок в интерьере, кропотливо отбирают образцы. В общем, работают с физическими окрашенными объектами в конкретном помещении с учетом различного освещения.
Напишите, была ли вам полезна эта статья. Что еще о работе с цветом в интерьере вам нужно узнать, чтобы использовать в своем доме. С удовольствием поделюсь с вами своим опытом.
ТОП-5 программ для подбора цвета в интерьере [Онлайн & App]
Автор: Александр Заречный
|Подбор цвета для интерьера — это важный процесс, к которому необходимо подойти ответственно. С помощью определенных оттенков можно создать атмосферу и настроение в комнате, расставить акценты на деталях и выстроить композицию. Чтобы добиться наилучшего результата, необходимо знать теорию колористики, искать новые идеи и нестандартные решения. Также вы можете воспользоваться специальными сервисами, которые помогут создать гармоничные комбинации тонов. Они содержат большие цветовые коллекции и позволяют использовать встроенные картинки. В этой статье мы расскажем о лучших программах сочетания цветов в интерьере.
Альтернативный вариант: программа
Дизайн Интерьера 3D
Вы можете не только подобрать сочетание цветов, но и создать трехмерную модель помещения. Так удастся избежать ошибок во время ремонта и найти лучшие цветовые решения. Выполнить визуализацию можно с помощью специального программного обеспечения. В отличие от онлайн-сервисов оно исключает ограничения:
Для создания трехмерного макета воспользуйтесь удобной программой Дизайн Интерьера 3D. С ее помощью вы сможете точно отрисовать план квартиры или дома, попробовать разную отделку стен, пола и потолка, разместить мебель, технику и декор, составить смету и экспортировать проект в удобном формате.
Скачайте программу для подбора цветовых сочетаний!
Скачать бесплатно!Отлично работает на Windows 10, 8, 7, Vista, XP
Программа предлагает различные отделочные материалы: обои, плитка, кирпич, камень, линолеум, паркет, ковролин, дерево, ткань, кожа и однотонные оттенки из палитры. Помимо этого редактор обладает и другими полезными функциями:
Дизайн Интерьера 3D
Программы для подбора цвета в интерьере
Онлайн-сервисы позволят использовать встроенные изображения, цвета из бесплатной палитры.
Также они могут автоматически составлять гармоничные сочетания.
Tikkurila
Бесплатный онлайн-ресурс, разработанный компанией, которая занимается производством красок. После завершения проектирования, отделочные материалы можно приобрести в магазине. Чтобы покрасить элемент, просто добавьте фото, укажите оттенок и кликните на стену, пол, плинтус или доступные детали.
Tikkurila
Плюсы Tikkurila:
Минусы:
Dulux Visualizer
Мобильное приложение для iOS и Android, которое позволяет применить новую окраску к стенам в режиме реального времени. Также есть возможность сохранить панорамную фотографию или видео и обработать их в любое время. Для использования визуализатора потребуется доступ к камере смартфона.
Dulux Visualizer
Плюсы Dulux Visualizer:
Минусы:
Фундамент
Бесплатная онлайн-программа для подбора цвета в интерьере от компании по ремонту квартир. Используйте готовые иллюстрации и применяйте к элементам оттенки на выбор. Экспортировать материал невозможно, вы сможете только сделать скриншот.
Фундамент
Плюсы Фундамент:
Минусы:
Bergge
Веб-сайт от строительной компании, позволяющий подобрать цветовую гамму для гостиной, кабинета и фасада зданий. Указать и настроить окраску можно только во встроенных иллюстрациях: загрузить собственное изображение невозможно. Поэтому визуализатор можно применять только для формирования общего представления.
Bergge
Плюсы Bergge:
Минусы:
ColorSnap
Мобильное приложение на iPhone и Android. С его помощью вы сможете устанавливать новые отделочные материалы в режиме реального времени. Вам потребуется навести камеру на стену и пол помещения, а затем выбрать подходящий тон из коллекции.
ColorSnap
Плюсы ColorSnap:
Минусы:
Заключение
Подбор цвета в интерьере — сложная задача во время ремонта. Поэтому важно отнестись к работе серьезно: выбрать подходящие оттенки и гармоничные цветовые сочетания, приобрести подходящие отделочные материалы. Чтобы упростить процесс, вы можете воспользоваться специальными сервисами для визуализации покраски. Некоторый софт позволяет обрабатывать поверхности в режиме реального времени, например, ColorSnap. Другие дают возможность импортировать фотографии помещения или использовать картинки из галереи ресурса.
Если вы планируете ремонт, перепланировку или обустройство комнаты, создайте трехмерную модель пространства.
Это позволит избежать ошибок и трудностей при проведении работ. Выполнить дизайн-проект можно в удобном приложении Дизайн Интерьера 3D. Оно позволит точно отрисовать квартиру или дом, изменить отделку стен, пола и потолка, расставить мебель и сохранить макет в популярном формате. Скачайте софт бесплатно и создайте свою первую трехмерную модель!
Скачайте программу Дизайн Интерьера 3D!
Скачать бесплатно!Отлично работает на Windows 10, 8, 7, Vista, XP
Вам также может быть интересно:
Сочетание цветов в интерьере — как сочетать цвета, примеры с фото
Стены — это фон, задающий атмосферу дома, поэтому выбор цвета — дело ответственное. Перекрашивание/ переклеивание — процесс довольно трудоемкий и не очень приятный. Поэтому рождается множество страхов и сомнений. А вдруг будет слишком темный/холодный/ яркий/стерильный интерьер?
В результате большая часть людей останавливаются на самом «безопасном» и проверенном варианте.
Чаще всего это «бежевенький» (А что? Теплый цвет, ко всему подходит). Как перестать бояться цвета и как сделать красивый интерьер в любимых тонах? Какие правила у сочетания цветов? Давайте разбираться. Поможет нам колористика.
Немного теории
Модель цветового круга, разработанная швейцарским художником Иоханнесом Иттеном, станет отличной шпаргалкой в подборе гаромничного цветового решения. Круг Иттена состоит из 12 частей. Это таблица из трех основных цветов (красный, желтый, синий), трех дополнительных (составных), которые образуются при смешении основных (зеленый, фиолетовый, оранжевый) и шести третичных цветов, образующихся от совмещения основных с дополнительными. Все цвета можно разделить на холодные и теплые.
В отдельную категорию выглсят нейтральные цвета (черный, белый, серый, цвет слоновой кости, коричневый, бежевый). Они хорошо сочетаются как с другими цветами из круга, так и между собой. Используйте их как фон для других цветов (например, можно сделать стены нейтральных оттенков, но внести в интерьер цвет с помощью мебели, текстиля или ярких постеров) или добавьте аксессуары нейтральных тонов, чтобы немного «разбавить» основной цвет.
Как это работает?
Все очень просто. Существует всего шесть канонических схем (подборок) сочетания цветов в интерьере. Рассмотрим их на примерах.
1. Аналоговая триада
Это самый простой и «безопасный» вариант. Берется 3 идущих подряд цвета из палитры. Используйте в оформлении интерьера оттенки этих цветов и спокойный, красивый интерьер вам гарантирован.
2. Комплиментарное сочетание
Комплиментарными называют цвета, находящиеся на диаметрально противоположных концах круга. Один из цветов будет основным, контрастным цветом можно подчеркнуть детали интерьера. Если опасаетесь, что будет слишком ярко — разбавьте комнату нейтральными цветами до комфортного лично для вас уровня.
3. Контрастная триада
Это похоже на комплиментарное сочетание, только к одному из цветов добавляются два соседних сектора. Оформите квартиру в этих тонах, а контрастный оставьте для небольших интересных деталей. Или, наоборот, — сделайте основным один цвет, а два других, более близких, используйте для акцентов.
4. Классическая триада
Это уже более сложный вариант. Сочетание трех цветов, равноудаленных на круге. Здесь за основу обычно берется один цвет. Два других используются для расстановки акцентов. Если боитесь, что выйдет слишком пестро — разбавьте нейтральными цветами «по вкусу».
5. Прямоугольная/квадратная схема
Используйте две пары контрастных цветов. Важно не переборщить, а то интерьер может получиться пестрым. Правильнее будет выбрать один основной цвет и три дополнительных.
Квадратная схема — вариация прямоугольной, но используемые в ней цвета располагаются в круге на равном расстоянии друг от друга.
Такая схема подойдет не всем. Интерьеры с большим количеством цветов получаются яркими, интересными, но со временем утомляют. Подобный подход – хороший способ оформления восточных интерьеров или интерьеров в стиле бохо.
А можно проще?
Можно. Если сочетания из круга все равно пугают — самый простой и безопасный вариант: выбрать один цвет и сочетать его с нейтральными компаньонами. Получится просто, стильно, минималистично и современно.
Темный-светлый
С цветами наконец определились. Но как выбрать подходящий тон? Темный? Светлый? И как их сочетать? Совместимость оттенков зависит от задачи.
Можно, например, взять выбранные цвета очень светлых тонов. Интерьер получится легким и нежным. Это отличное решение для дизайна детских.
А можно использовать максимально насыщенные цвета. Это сделает комнату яркой, атмосферной, вдохновляющей и заряжающей энергией, поэтому этот вариант не очень подходит для спальни. Там лучше все-таки использовать более спокойные тона.
А можно взять один или несколько мягких оттенков и один — насыщенный. Цвета «работают» вместе, дополняя и подчеркивая друг друга. На фоне нежных пастельных тонов яркий цвет зазвучит совсем по-новому. Попробуйте!
Сочетание цветов на кухнеДля кухни лучше всего выбирать теплые цвета. Например, оранжевый, желтый и красный – они повышают настроение и улучшают аппетит. Их можно использовать в качестве акцента на одной из стен, фартуке, а еще на технике, мебели и аксессуарах. В качестве компаньонов для таких ярких, жизнерадостных оттенков хорошо подойдут нейтральные белый, бежевый, серый и черный.
Если окна кухни выходят на юг, от слишком теплых тонов лучше отказаться, так как они усиливают ощущение жары и духоты. Обратите внимание на не менее выигрышное сочетание коричневого и зеленого. Оно создает уютную атмосферу и делает нас чуть ближе к природе.
Сочетание цветов в спальнеЦветовое решение спальни должно помогать расслабиться и сладко уснуть после тяжелого дня. Лучше всего этому способствуют пастельные тона. Обратите внимание на такие цвета, как молочный, серый, песочный, шоколадный, золотой, нежные лиловый, голубой, розовый и бирюзовый, которые можно гармонично комбинировать между собой.
Сочетание цветов в ваннойВанная – место, где мы начинаем и заканчиваем свой день. Здесь важно найти баланс и выбрать цветовую гамму, которая будет бодрить и радовать с утра, а вечером расслаблять и успокаивать. Самые популярные решения: белый с голубым или синим, белый с бежевым и серым, белый с шоколадным. А вот зеленого лучше избегать – в ванной он будет он ассоциироваться с плесенью и сыростью.
Как правило, метраж ванной комнаты не велик, поэтому стоит отказаться от обилия слишком темных или ярких цветов, которые визуально уменьшают пространство. Вместо них – светлые и приглушенные оттенки с парой броских акцентов.
Существуют миллионы удачных комбинаций для уютного и красивого дома. Яркие, сочные, нежные, воздушные, вдохновляющие, завораживающие. Не бойтесь! Экспериментируйте! Даже если вдруг выбранный цвет на стенах не окажется идеальным — это можно исправить. Подберите аксессуары подходящего цвета или «разбавьте» крупными акцентами нейтральных тонов. Используйте советы из этой статьи и окружите себя любимым цветом. Это ведь лучше «бежевенького», правда?
≡ ПОДБОР ЦВЕТА ОНЛАЙН — Цветовая палитра 《Программа выбора цвета》 Детально…
Подбираете цвета для интерьера или фасада дома?Воспользуйтесь онлайн программой подбора цвета
Инструкция по подбору цвета
1. Выберите интересующую категорию: для интерьера, фасада, древесины или декоры. 2. Поставьте курсор мышки на цвет и кликните по нему 2 раза, для просмотра его в полном размере. 3. Вы можете его отложить (для сравнения с другими цветами) или же отправить себе или клиенту на электронную почту. Каждый представленный цвет имеет свой код, который рекомендуется сохранить, чтобы при покупке лакокрасочных материалов не возникло ошибки, и оттенок был подобран правильно.
Сохраненные цвета:
Такой цвет уже добавлен! Цвет добавлен! Удалить всё Заказать пробники сохраненных цветов- Цвета для интерьера
- Цвета для фасада
- Цвета для древесины
- Цвета для декора
- Бесплатные цвета
Вы выбрали цвет:
Заказать пробник этого цвета ОтложитьВыбрали цвет? Посмотрите как он будет смотреться на поверхности!
Выберите необходимую категорию и «примерьте» цвет на реальных примерах
Почему важно правильно подобрать цвет для интерьера
Доминирующий цвет комнаты отражает вашу индивидуальность.
- Мы можем проводить в своей спальне или гостиной относительно немного времени, и уж, конечно, после ремонта не будем раздумывать, насколько хорош цвет стен и как он сочетается с цветом напольного покрытия.
- Тем не менее, то, в каком интерьере вы просыпаетесь, ложитесь спать, завтракаете, проводите время с семьей, значительно влияет на ваше настроение и мысли.
- Цвета интерьера влияют на людей по-разному, в зависимости от возраста, пола, этнического происхождения и даже климата. Поэтому, когда дело доходит до оформления интерьера, важно выбирать цветовую гамму мудро.
фото, цветовой круг и палитры
Вопрос какие цвета гармонично друг с другом сочетаются мы задаем, подбирая одежду, обувь, сумочку и аксессуары. Часто это привычные дуэты понятных для нас цветов – белый, черный, серый, красный, синий. Один из вариантов – цветовые сочетания принта в уже выбранном элементе комплекта. Давайте разнообразим наши образы новыми цветовыми сочетаниями. Поэтому разберем, какие цвета сочетаются друг с другом. Чтобы помочь справиться с этой задачей, создан цветовой круг — сочетания цветов и схемы, как подсказки.
Теплые и холодные цвета
Все оттенки делятся на теплые и холодные. При этом один и тот же цвет может быть, как теплым, так и холодным. Теплым его делает смешение с желтым, а холодным – с синим.
Для чего нужно научиться различать температуру оттенков? Внешность каждой девушки относится к определенному цветотипу. Обладательницам холодной колористики «Зима» и «Лето», стилисты советуют выбирать вещи холодных оттенков. А «Весне» и «Осени» наоборот, теплую гамму, но не забываем, что макияж вносит свои корректировки, и адаптировать можно любой цвет.
Цветовой круг – деление
Цветовой круг подбора цветовой гаммы изначально создавался для молодых художников. На нем наглядно показано, какие оттенки получатся в результате смешения 3 основных цветов – красного, желтого и синего.
Цветовой круг
Сегодня цветовой круг онлайн позволяет определить, какие из оттенков будут комбинироваться друг с другом, а от сочетания каких лучше отказаться. Таким образом, девушка подберет интересные комплекты и будет выглядеть ярко и стильно. Достаточно просто разобраться, как пользоваться цветовым кругом и какие варианты сочетаний существуют.
Схемы сочетаний по цветовому кругу
Монохром
Монохроматическим сочетанием принято считать комбинацию оттенков одного цвета – от светлых до темных тонов. Объединяя в образе монохромные цвета получается удивительный эффект – total look.
Монохром в цвете
Total look
Несмотря на простоту такой схемы, аутфит будет выглядеть стильно и изысканно. А чтобы наряд не выглядел скучно или однообразно, сюда добавляют нейтральные тона (черный, белый или серый) или, как вариант, можно сыграть на фактуре тканей.
Ахроматические цвета
Ахроматические цвета и их сочетания
Данное сочетание основано на использовании нейтральных или ахроматических цветов. К ним принято относить черный, белый и серый. Они способны дополнять друг друга и хорошо комбинируются с другими оттенками гаммы. Но чтобы образ не оказался перегруженным, яркие акценты делают в виде обуви, сумки, шарфа или украшений. Такой вариант исключает ошибки, поэтому подойдет любым модницами, которые не хотят ломать голову над вопросом, какие цвета в одежде сочетаются?
Ахроматический цвет — черный
Ахроматический цвет — белый
Ахроматические оттенки — серый
Комплиментарные цвета
Сочетание комплиментарных цветов основано на контрасте. Популярными комбинациями признаны: зеленый с красным, оранжевый с синим или фиолетовый с желтым. Так как подобные сочетания не останутся не замеченными, то в основном их выбирают только смелые и уверенные в себе девушки.
Комплиментарные цвета в одежде
Аналоговые цвета
Комбинация нескольких аналоговых цветов или тех, которые расположены по соседству на цветовом круге, в одежде создают спокойное и располагающее впечатление. В качестве примера можно назвать комбинации синего с зеленым, оранжевого с желтым и т. д. При этом один из оттенков должен быть главным, а другой будет играть второстепенную роль.
Аналоговые цвета
Триада (классическая, контрастная)
В правилах цветового круга есть такое понятие, как триадические сочетания – это комбинация 3 разных цветов, расположенных на схеме на одинаковом расстоянии.
Триада — примеры использования трех цветов
Несмотря на кажущийся яркий контраст, подобное сочетание окажется достаточно гармоничным. Различают несколько видов триады:
- Классическая. Подбор цветов на цветовом круге осуществляется под углом в 120 градусов. За основу здесь взяты красный, синий и желтый, являющиеся равноудаленными.
- Контрастная. Подобная комбинация выглядит менее контрастной и получается благодаря объединению рядом стоящих оттенков.
Тетрада
Такое сочетание 4 цветов цветового круга можно назвать ярким и даже вызывающим. Все они находятся на одном расстоянии относительно друг друга. Проведя между ними воображаемые линии можно получить прямоугольник или квадрат.
Тетрада — варианты схемы
При этом квадратное сочетание окажется более мягким, чем прямоугольное. В данном случае один из них станет основным, два – вспомогательными, а четвертый носит роль акцента.
Программы цветового круга онлайн для подбора цвета
Для тех, кто не уверен в своих знаниях и силах и не понимает, какие цвета сочетаются, в интернете представлены специальные онлайн цветовые круги сочетания цветов. Вот только некоторые из них:
Пользоваться ними достаточно просто. И в итоге можно увидеть на фото, какие цвета в одежде сочетаются.
Примеры основных сочетаний в одежде
Прежде чем разобраться, какие цвета в одежде сочетаются и составить идеальный образ, следует определиться с базовым оттенком. И только после этого следует приступать к подбору дополнительного тона. Чтобы образ получился гармоничным, в начале не следует комбинировать больше 3 разных цветов. При этом третий должен выступать в роли аксессуара.
С показа VALENTINO
Если говорить об аксессуарах, то украшения из золота будут гармонировать с теплыми тонами в одежде, а серебро с холодными. Но последние тенденции миксуют золотые и серебрянные украшения в рамках одного наряда.
С чем сочетается белый
Белый, аналогично бежевому, способен сочетаться с любым оттенком. Он всегда будет смотреться сдержано и не станет приковывать излишнее внимание со стороны окружающих. Его еще называют палочкой-выручалочкой. Поэтому, если есть сомнения, какие цвета в одежде сочетаются, можно смело комбинировать белый с любым другим. Но девушкам с пышными формами, с ним нужно быть аккуратнее, так как в неправильном крое или выборе ткани этот цвета способен добавить несколько ненужных килограммов.
С чем сочетается черный
Черный является результатом смешения всех цветов. Он является самым популярным и востребованным. Его можно использовать, как в качестве основного, так и вместо акцентного элемента. Если черного в образе будет не очень много, то он будет гармонично смотреться с любыми оттенками.
С чем сочетается серый
С какими цветами в одежде сочетается серый? Хоть он и считается многими скучным, серый будет гармонировать с синим, желтым, зеленым и бронзовым. Неплохо он выглядит рядом с голубым. Комбинируя его с остальными оттенками, нужно обращать внимание на фактуру вещи.
С чем сочетается красный
Его принято считать королем цветов и ассоциировать с любовью, страстью и эмоциями. При этом красный коварен, и неправильно подобрав ему компаньона, можно получить вульгарный образ. Классическое сочетание – черный и красный. С белым он будет неплохо контрастировать. Допустимо комбинировать красный с желтым, зеленым, синим или бордовым. А вот соседства с коричневым или кирпичным нужно избегать.
С чем сочетается розовый
Подходит такой оттенок не всем. Так как розовый уже сам по себе привлекает внимание, его стоит носить вместе с красным, зеленым или желтым. Так же ему гармонируют холодные оттенки – голубой, салатовый, кремовый.
С чем сочетается синий
Благодаря широкой гамме оттенков, синий является универсальным. Светлые тона контрастируют с красным, коричневым или оранжевым. Резонно его совместить с золотым, серым или оливковым. С зеленым и розовым светло-синий будет уместен. Темные оттенки синего сочетаются с желтым, кремовым, фиолетовым и коричневым.
С чем сочетается голубой
Голубой подходит как светлым тонам: белому, кремовому, лиловому, золотистому, серому или бледно-оранжевому, так и насыщенным винным оттенкам. Примером могут служить образы с цветами марсала, малиновым, глубоким фиолетовым.
С чем сочетается оранжевый
Оранжевый – веселый и нарядный, но его в образе не должно быть много. Он станет идеальным выбором для зеленоглазых модниц. С какими цветами в одежде сочетается этот оттенок? Идеально он смотрится с белым, черным, серым, сиреневым, желтым, зеленым и синим.
Цветовые сочетания в образах street style
С чем сочетается желтый
Цвет солнца ассоциируется с открытостью, роскошью и свежестью. К нему можно подобрать вещи зеленого, сиреневого, голубого или мятного оттенка. Для создания контраста с ним стоит надеть вещь оранжевого, красного или родного тона.
С чем сочетается фиолетовый
Чтобы получить такой оттенок нужно соединить синий и красный. Психологи утверждают, что фиолетовый оказывает успокаивающее действие на нервную систему. Этот цвет идеален для креативных и творческих натур. В одежде он сочетается с желтым, оранжевым, лаймовым, синим. На городскую прогулку, к нему нужно подобрать белую вещь, а для деловой встречи – черную. На блондинках будет трогательно смотреться смесь фиолетового с лиловым или сливовым. А вот с красными или зелеными тонами в образе нужно быть аккуратными, важны правильные оттенки.
С чем сочетается коричневый
Одежда таких оттенков подходит для базового аутфита. Какие цвета сочетаются с ним? Любые, но больше всего подходят вещи зеленого, кремового, синего, голубого или белого цветов.
Институт цвета Panton — актуальные оттенки на сезон
Ежегодно специалисты института цвета Panton определяют тона, которые будут востребованы в предстоящем сезоне.
Институт цвета Panton — палитра осень-зима 2019/2020 года
Вариации сочетаний на мировых показах
Вдохновение цветом в окружении
Умение подбирать гардероб исходя из цвета вещей – настоящее искусство. Однако научиться этому можно. Чтобы всегда быть в тренде, стилисты советуют подобрать себе базовый гардероб и разбавлять его новыми цветами. Тогда каждый новый сезон достаточно будет обновлять его несколькими вещами популярных оттенков. И не нужно бояться экспериментов. Только так можно найти «свой» образ.
Круг Иттена: как правильно сочетать цвета в интерьере
Цвет — основа любого интерьера. При самостоятельном выборе оттенков возникают сомнения «а вдруг получится слишком ярко, или уныло, или неэстетично». Отбросьте опасения, вооружитесь цветовым кругом сочетания цветов в интерьере и создайте шедевральный декор. Сейчас вы убедитесь, что это легко и увлекательно.
Круг Иттена в интерьере: что это
Цветовой круг Иттена — шпаргалка по подбору оттенков. Это спектр тонов, которые образуют между собой различные сочетания. С помощью такого изобретения вы быстро и безошибочно определите удачные комбинации для интерьера. Вы сможете вплетать в дизайн даже такие необычные оттенки, как марсала — цвет терпкого красного вина, ставший модным трендом и фаворитом экспериментаторов.
В основе спектра базовые цвета: красный, желтый, синий. Остальные оттенки образуются в результате их сочетания. Получается множество тонов, отличающихся друг от друга яркостью и контрастностью.
На глаз сложно определить удачные сочетания оттенков. Еще сложнее грамотно объединить теплые и холодные тона в декоре. С помощью круга вы узнаете, насколько необычные гармоничные цветовые ансамбли можно создавать. Пример — использование лавандового в тандеме с другими тонами.
Вариант цветового круга Иттена
Как пользоваться кругом Иттена в интерьере
Существует несколько схем работы со спектральной шпаргалкой. Каждая основана на сочетании разных типов оттенков. В круг сочетания цветов в интерьере заложено десять комбинаций:
- Главные;
- Составные;
- Сложные;
- Дополнительные;
- Контрастные;
- Родственно-контрастные;
- Родственные;
- Монохроматические;
- Нейтральные;
- Ахроматические.
Подробный разбор оттенков вы найдете в видео. Ваша основная первоначальная задача — разобраться с базовыми принципами сочетания оттенков. Предлагаем простые схемы.
Монохромная
Другое название — аналоговая. Чтобы получить удачное сочетание, нужно взять три соседних оттенка на круге. Это будут тона из одной цветовой гаммы, которые заиграют в интерьере именно в такой комбинации.
Комплиментарная
Эту схему иначе называют контрастной. Комбинация строится из двух оттенков, находящихся на противоположных сторонах круга. Иногда кажется, что эти цвета не могут сочетаться, однако в декоре смотрятся потрясающе.
Триада
В основе сочетания — три главных тона. Чтобы грамотно их подобрать, постройте на круге цвета для дизайнеров интерьера треугольник с равными сторонами. Можно применить яркие чистые оттенки или полутона. Во втором случае получится более спокойный ненавязчивый декор.
Полихромная или тетрада
Цветовой состав: основной тон, два дополнительный и один акцентный. Чтобы найти его, нужно вписать квадрат в окружность спектра и взять оттенки, которые окажутся по углам. Такая схема подходит для многих современных стилей интерьера. Если найти правильное сочетание, подобное оформление станет дизайнерской находкой для дома и квартиры.
Схемы выбора цветов
Примеры применения схем для выбора оттенков
Комплексное сочетание оттенков
Самый популярный и универсальный способ создать потрясающий декор. В основе цветового оформления классические тона: белый, бежевый и серый. Их можно скомпоновать с другими оттенками, грамотно расставив акценты. При желании перемен в будущем можно оставить базовые цвета и дополнить их новыми красками. Вариант — использовать в декоре розовый.
Чтобы сочетать классические оттенки в интерьере, не обязательно применять цветовой круг. Однако с его помощью вам будет удобнее различить даже малейшие переливы тона и уловить контраст. Можно воспользоваться специальными программами онлайн для подбора оттенков.
Пример комплексного сочетания цветов в интерьере
Градиент в интерьере: прием для создания изысканного декора стен
Если вы освоили цветовой круг для интерьера комнаты, можете подобрать оттенки и создать мягкие переливы. Используйте для такого декора монохромную схему на спектре. Главное правило — переходите от темного тона к более светлому. На фото видно, насколько преображается комната с градиентным дизайном.
Пример применения цветного градиента
Совет! Чтобы визуально увеличить пространство, лучше применить темный тон ближе к полу, а светлый — к потолку.
Характер цвета: теплые и холодные тона
Одни цвета вызывают ассоциации с летом и солнцем, другие с прохладой, ветром, кубиками льда, морским бризом. Первые будут теплыми, а вторые — холодными.
Теплые цвета содержат больше желтого пигмента, холодные — синего. Для понимания принципа цветовой круг Иттена можно условно разделить на две части, как показано на фото. В одном секторе будут теплые тона, во втором — холодные.
Существует третья группа оттенков — нейтральные. Примеры: черный, вариации серого, белый. Такие тона не вызывают ассоциаций с желтым и синим, поэтому не имеют условной тепловой окраски. Зато они служат отличной базой для сочетаний оттенков. Есть несколько способов создать потрясающий интерьер в нейтральных цветах.
Схема определения холодных и теплых цветов на круге
Таблица сочетаний: удобная схема поиска гармонии
Для подбора цветов и поиска сочетаний можно использовать не только цветовой круг. Все оттенки спектра есть в таблице, с помощью которой вы сразу увидите, насколько теплые и холодные тона гармонируют между собой. Пользоваться шпаргалкой очень просто — в ячейки вписаны символы, обозначающие степень совместимости.
Как определиться с оттенками, используя круг дизайнера для подбора цветов в интерьере
Опытные дизайнеры при выборе цветов руководствуются профессиональными навыками. А вы можете использовать их советы и подключить свои предпочтения. В помощь 5 простых правил:
- Выбирайте 3 главных оттенка и комбинируйте их в дизайне. Не стоит увлекаться большим количеством цветов и создавать излишнее буйство красок — это признак безвкусного декора;
- Соблюдайте баланс между теплыми и холодными оттенками. Разбавляйте выбранную гамму, опираясь на цветовой круг для дизайнеров интерьера;
- Помните, что в полихромном интерьере базовый оттенок приходится примерно на 60% декорируемой площади;
- Используйте разные оттенки понравившихся цветов. Чтобы дизайн получился стильным и гармоничным, старайтесь вписаться в изначально выбранную гамму;
- Не игнорируйте интуитивный выбор. Проанализируйте любимые оттенки и постарайтесь понять, какие ассоциации в вас отликаются при виде их. Например, вы предпочитаете одежду зеленого цвета, потому что комфортно чувствуете себя в ней. Возможно, и в интерьере этот тон тоже окажется уместным.
Попытки угнаться за модными тенденциями в декоре без опоры на тип помещения и личные предпочтения окажутся провальными. Интерьер прежде всего должен быть комфортным для восприятия. Яркий пример — правильное использование розового в дизайне.
Психология цвета: с чем ассоциируются оттенки
Каждый оттенок находит отражение в душе человека, поэтому разумно подбирать цвета и с точки зрения психологии. Правильные тона в интерьере помогают взбодриться, успокоиться, настроиться на работу и даже заснуть. И напротив — даже любимый оттенок может угнетать нервную систему. Вы не планируете регулярно обновлять интерьер? Тогда сразу подбирайте оптимальные сочетания. Разберем популярные оттенки и их влияние на организм.
Белый
Если рассмотреть круг цветов для интерьера, то белый — не оттенок, а отсутствие окраски. Но это не мешает ему быть как базой для других сочетаний, так и самостоятельным тоном в интерьере. Ассоциации с белым: умиротворение, свобода, широкое пространство. Этот цвет зрительно увеличивает площадь комнаты и гармонирует с яркими оттенками. Секреты использования белого помогут создать уникальный дизайн.
Пример использования белого в дизайне
Красный
Ассоциации с этим цветом у людей кардинально разные. Кто-то воспринимает его как агрессивный оттенок, а кому-то он кажется теплым и бодрящим. Красные оттенки пробуждают аппетит, однако могут сильно утомлять. Лучше использовать его дозированно, например, в оформлении аксессуаров или в качестве яркого пятна на фоне других цветовых сочетаний.
Пример использования красного в дизайне
Схожие свойства имеет терракотовый цвет в дизайне. Как и красный, он будоражит воображение, создает волнующую атмосферу и согревает теплом.
Черный
Если учитывать круг Иттена и цветовые гармонии в интерьере, то черный — оттенок-акцент. Он идеально дополняет другие тона и создает ощущение таинственности. Если нужно создать удивительный антураж и некую интригу, смело используйте его в оформлении. В помощь несколько идей, как экспериментировать с черным.
Пример использования черного в дизайне
Оранжевый
Оранжевый — энергичный сочный цвет, создающий хорошее настроение и располагающий к общению. С помощью апельсиновых оттенков можно реанимировать неудачный интерьер и добавить помещению яркости. А еще его советуют использовать в оформлении кухни, потому что он стимулирует аппетит.
Пример использования оранжевого в дизайне
Совет! Оранжевый делает холодные тона более выразительными и глубокими.
Серый
Этот цвет редко применяется в качестве основного, потому что большинству людей он кажется угнетающим. Оттенки серого хороши для комбинации с яркими тонами. В тандеме с другими цветами они приобретают глубину и вызывают ощущение покоя. Из другой статьи вы узнаете, как удачно вписать серый цвет в декор помещений.
Пример использования серого в дизайне
Коричневый
Это нейтральный цвет, гармонирующий с большинством других оттенков. Он вызывает приятные ассоциации с надежностью, защитой, спокойствием. А еще коричневый может быть базовым в помещении любого назначения. Это идеальный вариант, если вам хочется чего-то оригинального и неброского. Предлагаем идеи использования коричневого в декоре.
Пример использования коричневого в дизайне
Фиолетовый
Манящий, роскошный и загадочный фиолетовый вызывает противоречивые чувства. Обилие этого оттенка может нервировать и утомлять, а вот умеренное использование подарит ощущение комфорта и эйфории.
Пример использования фиолетового в дизайне
Синий
Это оттенок холодной гаммы, если судить по цветовому кругу сочетаний в интерьере. Синий визуально увеличивает пространство и успокаивает. Не можете настроиться на работу или домашние дела? Используйте в декоре оттенки синего. Они подойдут для любой комнаты — начиная от детской и заканчивая ванной. Узнайте подробнее, как грамотно использовать синий в интерьере.
Пример использования синего в дизайне
Зеленый
Цвет природы, умиротворения и расслабления. В зеленой комнате вы будете чувствовать себя уютно и спокойно. Однако стоит быть осторожнее с оттенками — слишком темные могут спровоцировать подавленность. Такую гамму лучше сочетать с другими холодными цветами и нейтральными тонами. Дизайнеры дали несколько советов, как оформить помещение с помощью зеленого цвета. Также предлагаем варианты использования оттенков: благородного оливкового и альтернативного фисташкового.
Пример использования зеленого в дизайне
Желтый
Приятный солнечный тон тонизирует и повышает концентрацию внимания. У цвета очень много оттенков, включая нежные кремовые. Желтый — надежный помощник в создании уюта, однако кому-то он покажется навязчивым.
Пример использования желтого в дизайне
Голубой
У этого цвета есть волшебное свойство — он способен нормализовать кровяное давление. Если вы нуждаетесь в уютном уголке, где можете полностью расслабиться, включайте в декор оттенки голубого. Круг цветов для дизайнеров интерьера гласит, что это холодный тон, который визуально расширит небольшое помещение.
Пример использования голубого в дизайне
Стиль и цвет: рекомендации для разных направлений
Выбирая цвет, не забывайте о канонах стилей интерьера. Для каждого есть предпочтительные тона, которые полностью раскрывают особенности направления. Чтобы уверенно подобрать оттенки, откройте цветовой круг Иттена онлайн или изучите таблицу.
| Стиль | Предпочтительные цвета |
|---|---|
| Классика | Белый, бежевый, коричневый |
| Модерн | Зеленый, голубой, бежевый, серый, коричневый |
| Барокко | Сочетание пастельных оттенков |
| Эко | Бежевый, травяной, коричневый |
| Лофт | Темно-серый, синий, зеленый, красный, оранжевый |
| Прованс | Розовый, бежевый, голубой, молочный |
| Кантри | Коричневый, приглушенно-желтый, кирпичный |
| Хай тек | Металлический, серый, черный, белый |
Гораздо сложнее с направлениями фьюжн и футуризм. Эти направления позволяют использовать буйство сочных красок. В рамках этих стилей можно экспериментировать с яркими тонами: бирюзовым, салатовым, желтым. Чтобы приглушить слишком кричащие сочетания, включайте в комбинации белый.
Сейчас модно использовать в интерьере цвет фуксии. Этот тон тоже можно найти на цветовом круге сочетаний и грамотно вписать в декор.
Оттенки для разных помещений
Для каждого помещения есть предпочтительные и нежелательные тона. Например, некоторые хороши для оформления кухни и совершенно не годятся для гостиной. Цветовой круг сочетаний оттенков в интерьере спальни, ванной и других помещений не даст вам растеряться. В таблице можно увидеть самые популярные решения.
| Помещение | Цвета |
|---|---|
| Кухня | Желтый, красный, оранжевый, бирюзовый |
| Прихожая | Зеленый, бежевый, голубой, желтый |
| Спальня | Пастельные оттенки, золотистый, серебряный, фиолетовый |
| Гостиная | Белый, бежевый, серый, коричневый, желтый |
| Кабинет | Синий, коричневый |
| Ванная | Голубой, розовый |
Предлагаем вариации на тему оформления кухни: сочный дизайн в фиолетовых тонах и роскошный декор в зеленом цвете. Если предпочитаете темные тона, можете использовать оттенки синего.
В оформлении спальни тоже есть свои секреты. Помещение должно располагать к комфортному отдыху и умиротворению. Если вы еще не решили, какой дизайн выбрать, ознакомьтесь с лучшими идеями для преображения спальни.
Для детской комнаты лучше выбрать светлые базовые тона и дополнить их яркими акцентами. Не используйте кричащие кислотные оттенки — они негативно влияют на психику ребенка. Осторожнее с красным — этот цвет тоже может вызвать перевозбуждение.
Ванная комната — ваш личный спа-салон. Почему бы не создать там уютный островок, напоминающий о ласковых морских волнах и чистом небе с помощью оттенков голубого цвета в интерьере.
Цвета, которые не стоит сочетать
На цветовом круге можно увидеть оттенки, которые не гармонируют между собой. Это не значит, что их совсем нельзя комбинировать — если хотите экспериментировать, дайте волю фантазии. Чтобы креативить было легче, изучите самые коварные сочетания.
| Основной цвет | С какими не сочетается |
|---|---|
| Красный | Желтый, каштановый, красно-желтый, кирпичный, фиолетовый |
| Оранжевый | Красный |
| Розовый | Коричневый, фиолетовый, сиреневый, красный, синий |
| Желтый | Розовый, бордовый |
| Бордовый | Коричневый, красный, фиолетовый, золотой, голубой |
| Голубой | Бордовый, фиолетовый, сиреневый |
| Фиолетовый | Кирпичный, терракотовый, красный |
| Сиреневый | Золотой, розовый, бордовый, красный, синий, терракотовый, кирпичный |
| Синий | Розовый, коричневый, зеленый, коричневый, сиреневый |
| Серый | Терракотовый, темно-коричневый, бежевый |
Ошибки при выборе цвета
Иногда стильные интерьеры с картинок в реальности выглядят иначе. Достаточно упустить какую-то деталь и выбрать иной оттенок, как результат перечеркивает старания. Чтобы избежать провала, можно найти круг сочетания цветов в интерьере онлайн, хотя это не панацея от ошибок. А для наглядности приведем примеры неудачных интерьеров.
Обилие белого
Полностью белая комната скорее напоминает больничный бокс. Не забывайте про акценты — они помогут разнообразить дизайн и избежать скуки в интерьере. Иногда достаточно одной яркой детали: дивана, штор, картины или ковра.
Ошибка в использовании белого цвета в дизайне
Бездумное внедрение трендов
Где-то увидели интерьер полностью в бежевых тонах и хотите повторить? Есть риск, что комната будет напоминать картонную коробку. На фото как раз пример неудачного дизайна.
Неудачный дизайн с бежевым цветом
Неудачное сочетания искусственного освещения и цвета
Иногда свет кардинально меняет восприятие оттенков. При выборе цвета подумайте, как будет выглядеть комната при искусственном освещении. Вполне возможно, что терракотовый превратится в давящий красный, а темно-серый в мрачный черный.
Пример изменения цвета при искусственном освещении
Сочетание несочетаемого
Если использовать спектральный круг для подбора цвета в интерьере, вероятность ошибки в разы меньше. Полагаясь только модные тенденции и вкусы членов семьи, можно создать кричащий неорганичный дизайн.
Пример неудачного сочетания цветов в интерьере
Агрессивное использование контрастов
В дизайне есть прием «игра на контрастах». Однако на деле стоит быть аккуратнее с его воплощением. Посмотрите, как можно безнадежно испортить декор неправильным сочетанием оттенков.
Ошибка при использовании контрастных цветов
Использование одного цвета
Однообразие легко испортит интерьер и перечеркнет ваши труды. Преобладание одного цвета, пусть даже и в разных оттенках, визуально «утяжелит» помещение и создаст негативное впечатление. Для примера инструкция, как не ошибиться при использовании бежевого.
Неудачный дизайн в одном цвете
Мебель неподходящих цветов
Можно удачно покрасить стены, подобрать обои, оформить потолок и ошибиться в выборе мебели. Предметы интерьера тоже должны вписываться в единую картину и стиль.
Слишком яркая мебель в интерьере
7 лучших бесплатных онлайн-инструментов для создания цветовой палитры
Этот пост последний раз обновлялся 8 июля 2020 года.
Воспользуйтесь возможностями Интернета, найдя лучшие цветовые комбинации для своих дизайнов. Вот наш лучший выбор для рисования всеми цветами ветра.
Неоновые и яркие или пастельные и приглушенные? Монохромный или полноцветный всплеск радуги? Хорошая цветовая палитра может создать настроение и передать определенные чувства, что делает ее ценным аспектом в любом дизайнерском проекте, от моды до дизайна веб-сайтов и т. Д.
Тем не менее, создание идеальной цветовой комбинации часто приводит к тому, что мы зацикливаемся на крошечных настройках и регулировках насыщенности, яркости и оттенка. Независимо от того, выбираете ли вы цветовую схему веб-сайта или разрабатываете логотип для клиента, этот процесс может быть утомительным. Чтобы сделать вещи более эффективными и увлекательными, мы предлагаем использовать одни из лучших цветных инструментов и ресурсов, которые может предложить Интернет.
Вот наши лучшие бесплатные инструменты для создания цветовой палитры, охватывающие все, от цветовых схем до читабельности текста и даже оттенков вашего канала Instagram:
7 лучших бесплатных инструментов для создания цветовых палитр
Adobe Color CC
Хрома
Coolors
Color Tool — Material Design
ColorSpace
Colorkuler
Designspiration
01.Adobe Color: изучите существующие цветовые схемы и создайте свои собственные.
Adobe Color — это продвинутый инструмент для получения нужных оттенков, что делает его одним из лучших генераторов цветовых палитр для профессионалов. При первом посещении сайта мы рекомендуем перейти в раздел «Обзор», где вы можете просматривать различные цветовые палитры, созданные пользователем, в случайном порядке или в соответствии с такими параметрами, как популярность и новизна.
Когда вам бросается в глаза определенная цветовая комбинация, вы можете настроить ее в соответствии с потребностями вашего проекта.Для этого добавьте его в свою библиотеку, затем перейдите в раздел «Мои библиотеки», выберите цветовую палитру и нажмите «Редактировать эту тему».
А теперь поздоровайтесь с цветовым кругом — где происходит настоящее веселье. Здесь вы можете настроить каждый цвет по отдельности или все сразу, используя его значения CMYK, RGB или другие, а также управлять его яркостью и темнотой. Вы можете установить «Базовый цвет» (отмечен белым треугольником внизу) и применить правило цветовой гармонии, чтобы найти новые цветовые схемы, соответствующие этому конкретному оттенку.На любом этапе вы можете проверить доступность своей цветовой палитры, чтобы убедиться, что все посетители смогут взаимодействовать с вашим окончательным результатом.
Еще одна полезная функция Color CC — «Извлечь тему». Она создает цветовую палитру из любой фотографии или изображения, которое вы загружаете. Вы можете поиграть с оттенками, а затем, когда вы достигнете идеального цвета, есть много способов включить новую палитру в свой проект. Вы можете скопировать шестнадцатеричные коды в буфер обмена, загрузить файл ASE или сохранить его в своих библиотеках Adobe, если вы вошли в систему со своим Adobe ID.
02. Khroma: бесконечные цветовые палитры, адаптированные к вашему стилю.
Как дизайнер, ваш хорошо натренированный глаз и индивидуальный стиль идеально подходят. А теперь научите компьютер делиться своим изысканным вкусом — и представьте, какое идеальное сочетание цветов он может для вас сделать! Дизайнер продукта Джордж Гастингс справился с этой задачей при создании Khroma, веб-сайта, который определяет ваши цветовые предпочтения с помощью машинного обучения и генерирует уникальные и персонализированные цветовые комбинации для соответствия.
При первом открытии Хрома вам будет предложено выбрать 50 цветовых оттенков, которые вам нравятся.Выделение 50 фаворитов занимает немного времени, но нажатие на красивые цвета вряд ли может считаться утомительной задачей.
Когда вы закончите, алгоритм Khroma сгенерирует цветовые комбинации на пяти различных дисплеях: шрифт на цветном фоне, цветные блоки, градиент, двухцветные фотографии и, наконец, палитра, состоящая из четырех цветов. Комбинации представлены в виде бесконечной прокрутки в стиле Pinterest, которая поощряет открытия или «поиск золота», как описывает Джордж в своем портфолио UX.
Совместите этот инструмент с базовым пониманием психологии цвета, чтобы гарантировать точный дизайн, который не только выглядит неотъемлемо, но и вызывает намеченные эмоции.
03. Coolors: профессиональные инструменты для поиска цвета.
Coolors — очень полезный и профессиональный инструмент для улучшения цветовой схемы по вашему выбору. Этот удобный инструмент предлагает быстрый способ найти подходящие оттенки для вашего проекта, независимо от того, выбираете ли вы цветовую палитру для своего бизнеса или для новой иллюстрации.
Веб-сайт приветствует вас случайно сгенерированной палитрой из пяти цветов, заполняющих ваш экран. Нажмите клавишу пробела, чтобы изучить другие цветовые схемы и посмотреть, как ваш экран превращается в праздник цвета. Выбрав понравившуюся комбинацию, наведите указатель мыши на любой из цветов, чтобы увидеть различные параметры меню. Вы сможете найти похожие оттенки одного и того же цвета, перетащить цвета в другое место, чтобы изменить свою палитру, настроить их по оттенку, насыщенности и яркости или заблокировать их.
Coolors также позволяет загружать изображения на сайт и извлекать цветовую схему прямо оттуда.Вы можете создавать цветовые градиенты с помощью Gradient Maker, проверять палитры трендов на странице «Обзор» и многое другое. Когда вы будете довольны своей палитрой, вы можете экспортировать ее как URL, PNG и т. Д. Или скопировать шестнадцатеричный код для использования в своем дизайне.
Еще одним преимуществом является то, что Coolors также доступен в виде приложения. Он позволяет создавать цветовые палитры на ходу, что делает его одним из самых полезных приложений для смартфонов для дизайнеров.
04. Color Tool — Material Design: проверьте свой выбор цвета пользовательского интерфейса.
Material Design — это система дизайна, разработанная Google и внедренная во всем ассортименте цифровых продуктов для обеспечения единого визуального языка.Как дизайнеры, так и разработчики могут черпать из него вдохновение и адаптировать определенные элементы для использования в своих собственных интерфейсах. Он включает в себя множество полезных ресурсов, таких как бесплатный пакет значков и множество бесплатных шрифтов.
Color Tool — лишь небольшая часть этой ошеломляюще богатой базы данных инструментов и информации, которую предоставляет Google Material Design. Этот простой и удобный инструмент является одним из самых профессиональных генераторов цветовой палитры, позволяя вам проверить, как ваша цветовая палитра может выглядеть как часть дизайна пользовательского интерфейса.
Цветовая система Material Design использует только два цвета, основной и дополнительный, а также их светлый и темный варианты. Эта ограниченная палитра обеспечивает гармонию и вместе со строгим подходом к разборчивости и доступности текста по-прежнему обеспечивает достаточную цветовую свободу, чтобы все элементы пользовательского интерфейса были легко различимы.
Эти сложные принципы становятся намного более доступными после быстрого погружения в Color Tool. После выбора двух цветов — основного и второстепенного — инструмент генерирует несколько вариантов каждого из них.Затем цветовая схема отображается в шести примерах каркаса пользовательского интерфейса, что дает вам представление о том, как она впоследствии воплотится в вашем дизайне.
Color Tool также выполняет для вас быстрый и удобный тест доступности. Этот тест имеет решающее значение для обеспечения доступности вашего веб-сайта. Он показывает, позволяет ли ваш выбор цвета отображать разборчивый текст на вашем сайте.
05. ColorSpace: один цвет, бесчисленное количество вариантов
Если у вас есть цвет, на котором вы хотите основать свою цветовую палитру — будь то фирменный цвет или просто оттенок, который вам действительно нравится, — ColorSpace — это инструмент для вас.Введите желаемый оттенок, используя значения RGB, шестнадцатеричный код или воссоздав его прямо на цветовом круге, и нажмите «Создать».
Веб-сайт мгновенно создаст большое количество цветовых комбинаций в соответствии с выбранным вами цветом. С чем угодно, от палитры градиентов до классного микса, вы откроете для себя множество различных путей, по которым вы и ваш цвет могли бы рискнуть.
06. Colorkuler: пусть ваша учетная запись Instagram сделает раскраску.
Если вы продемонстрируете свои дизайнерские работы в Instagram, Colorkuler может стать забавным экспериментом.Извлекая цветовую палитру из ваших самых популярных постов, он раскрывает ваши истинные цвета и помогает поддерживать постоянную идентичность бренда. Чтобы увидеть, какая цветовая схема подходит, достаточно просто ввести ручку.
Если вы чувствуете себя нерешительным, Colorkuler может стать полезным инструментом для выбора цвета, который отражает вас и ваш личный бренд. Единственное примечание: ваша учетная запись должна быть активной и общедоступной, чтобы Colorkuler мог творить магию.
07. Образцы вдохновения. Посмотрите на свою палитру в действии.
Вам нравится выбранная вами цветовая палитра, но вам все еще нужно вдохновение, как правильно ее использовать? Цветовой поиск Designspiration позволяет выбрать до пяти цветов, а затем просматривать различные дизайны и различные стоковые фотографии, которые используют одну и ту же палитру (и заставляют ее работать).
Вы можете получить еще более конкретную информацию, выполнив поиск определенного типа дизайнерского контента, такого как инфографика или надписи от руки, или введите любое другое ключевое слово, относящееся к интересующему вас контенту. Функционируя как доска настроения цветовой палитры, feed позволит вам исследовать другие дизайны и черпать вдохновение для собственного творчества.
Текст Эден Спивак
Иллюстрация Алиса Моллон
Генератор цветовой палитры Data Viz (для диаграмм и информационных панелей)
Как использовать
Используйте средство выбора палитры, чтобы создать серию цветов, визуально равноудаленных .Это полезно для многих визуализаций данных, таких как круговые диаграммы, сгруппированные гистограммы и карты.
Примечание: кроме режима палитры есть еще два режима — обратите внимание на шкалы с одним оттенком и с расходящимися шкалами.
Создание визуально равноудаленных палитр вручную практически невозможно, но чрезвычайно важен для визуализации данных. Почему? Когда цвета , а не визуально равноудалены, труднее (а) отличить их друг от друга на диаграмме и (б) сравнить диаграмму с ключом.Я уверен, что все мы видели диаграммы, где вряд ли можно использовать ключ, поскольку цвета данных очень похожи.
Например, Google Analytics выполняет ужасную работу со следующим:
Просто попробуйте использовать этот ключ. Попробуй.Лучше использовать диапазон оттенков , чтобы пользователям было проще ссылаться на ключ. Нашему мозгу гораздо проще отличить, скажем, желтый от оранжевого , чем синий от синего, но на 15% светлее .
Ах! Намного лучше.Эта палитра цветов позволяет указать обе конечные точки палитры. Вы можете выбрать хотя бы один цвет бренда, что дает вам значительную гибкость при создании палитры, которая будет работать для ваших визуализаций, но при этом настраиваться для вашего бренда.
Вот несколько советов, как получить лучшую палитру:
- Попробуйте выбрать очень разных цветов конечных точек — e.грамм. один теплый, один прохладный; один яркий, другой темный — так что ваша палитра охватывает более широкий диапазон
- Если вы используете фирменный цвет для одной конечной точки, не бойтесь немного изменить насыщенность и яркость , если это создаст более приятную палитру. Пользователи узнают цвет вашего бренда по его оттенку , гораздо больше , чем по его точной насыщенности / яркости.
- Для визуализации данных, где вы показываете силу одного значения , попробуйте вместо этого использовать Генератор палитры одного оттенка.
Ох, и …
Подробнее о цвете
Если вы новичок в использовании цвета в дизайне пользовательского интерфейса, я настоятельно рекомендую следующие ресурсы:
Так или иначе, я создал это как инструмент, который мне хотелось бы иметь для создания палитр визуализации данных. Есть ли в нем еще одна особенность? Дайте мне знать.
лучших генераторов цветовых схем
Здесь вы найдете простой список некоторых замечательных онлайн-ресурсов о цветах и их использовании в веб-дизайне.
Цвет оказывает огромное влияние на то, как мы воспринимаем окружающий мир. Цвет может влиять на чувства и на то, как мы взаимодействуем с вещами, такими как кнопка на веб-сайте или светофор. А с учетом наших ожиданий и прошлого опыта цвет может даже влиять на то, как мы воспринимаем еду.
Итак, цвета важны во многих аспектах нашей повседневной жизни, в том числе и при веб-дизайне. Однако подобрать цвета и найти правильную цветовую схему — не всегда простая задача. К счастью, есть много отличных инструментов, которые могут помочь, и именно об этом и идет речь в списке ColorMatch.
Инструменты для согласования цветов и построения цветовых схем
Coolors.co — Быстрый генератор цветовых схем
Coolors.co — это простой и очень быстрый генератор цветовых схем. Это, наверное, мой любимый инструмент, когда дело доходит до изучения различных цветовых комбинаций с нуля.
Когда вы заходите на сайт, он генерирует палитру из 5 цветов, которые хорошо сочетаются друг с другом. Вы можете легко создать новую цветовую схему, нажав пробел, и если вам нравится один или несколько цветов, нажмите на цвет, и он заблокируется, чтобы он не изменился в следующий раз, когда вы нажмете клавишу пробела.
Если у вас уже есть цвет, для которого вы пытаетесь найти соответствие, вы можете ввести шестнадцатеричное значение и настроить компоненты RGB, HSB, CMYK, Pantone и Copic. Вы даже можете выбрать определенный цвет из изображения или заполнить всю палитру из этого изображения. Также можно выбрать разные оттенки цвета и настроить оттенок, насыщенность, яркость и многое другое.
После выбора палитры совпадающих цветов ее можно экспортировать как SVG, PNG, PDF или SCSS, или вы можете просто скопировать URL-адрес или добавить его в закладки для дальнейшего использования.Мне очень нравится функция прямых ссылок, так как вам не нужно создавать профиль для использования сайта. Однако вы можете создать профиль на сайте, а затем сохранить там все свои цветовые схемы.
Если вы не хотите создавать свою собственную палитру цветов, есть также тысячи готовых палитр для изучения.
HueSnap — извлечение цветов из фотографий
HueSnap позволяет создавать палитры путем привязки цветов к изображениям. Вы также можете изучить большой набор существующих палитр, которые затем можно будет настроить.
Достаточно легко извлечь выбранные цвета из фотографии и построить палитру с этими цветами. Но чтобы загрузить свою палитру, вам нужно будет создать учетную запись, что является недостатком, если вы просто хотите попробовать ее или использовать веб-сайт один раз.
Существуют также приложения для iOS и Android, так что вы можете легко получить доступ к своим цветовым палитрам и синхронизировать их.
Инструмент цвета материала для дизайна — специальные возможности
Цвет материала является частью веб-сайта системы дизайна материалов Google.Как и большинство других инструментов, вы можете создать цветовую палитру, но этот инструмент лучше всего подходит для измерения уровня доступности цветовых комбинаций.
В веб-дизайне иногда упускают из виду удобочитаемость и доступность, где часто основное внимание уделяется общему внешнему виду, соответствию цветов фирменному стилю компании или даже оптимизации конверсии. Но вы, конечно, также должны уметь эффективно читать текст, и здесь вам может пригодиться этот инструмент.
Adobe Color — Старый добрый инструмент, но обновленный с новыми функциями.
Adobe Color позволяет создавать цветовые схемы с помощью цветового круга, используя различные правила цветовой гармонии.Adobe Color также неплохо извлекает цветовую тему или градиент из фотографий.
Если вы являетесь пользователем Adobe Creative Cloud, вы также можете сохранить цветовые темы для использования непосредственно в своих проектах.
Вы также можете изучить существующие цветовые схемы, чтобы вдохновиться ими или скачать их. Также есть раздел, в котором вы можете узнать о текущих цветовых тенденциях, разделяемых творческими профессионалами и организованными в разных отраслях.
Colourco — легко комбинировать цвета
Colourco немного похож на Coolors.co, но вместо того, чтобы получить случайную палитру цветов, вы перемещаете мышь. Переместите мышь вверх для более темных цветов и вниз для более светлых, влево и вправо для регулировки RGB. Можно продолжать добавлять цвета, нажимая символ +.
Существуют также предварительно созданные монохромные, аналоговые, триадные и четырехцветные схемы, в которых вы можете настраивать свет и цвет так же, как описано выше.
Если у вас есть палитра, соответствующая вашим потребностям, ее легко сохранить как таблицу стилей SCSS, палитру PNG или как URL-адрес.
Palettte
Palettte использует другой подход, чем большинство инструментов сопоставления цветов. В веб-дизайне вы часто работаете только с несколькими базовыми цветами, которые обычно устанавливаются руководящими принципами бренда. И вот этот отличный инструмент, где вы добавляете базовый цвет, а затем настраиваете градиенты, пока не получите гладкую цветовую схему.
Вы можете экспортировать и импортировать палитру в формате JSON.
Статьи и теория цвета
Цвета Canva — основы
Canva На самом деле это онлайн-инструмент для создания графики.Canva, вероятно, больше ориентирована на непрофессионалов. Но на сайте также есть раздел, где вы можете узнать о цвете — это отличный ресурс для новичков, которые хотят изучить основы, где полезно интерактивное цветовое колесо в сочетании с теорией. Вы также можете просмотреть список цветов и узнать их значение.
Цвет имеет значение — интернет-ресурс по теории цвета
Цвет имеет значение. Этот веб-сайт посвящен цветам, и это отличное место, где можно узнать обо всем, что связано с цветом.Вы найдете базовую теорию цвета, а также более глубокие знания в области психологии цвета и цвета в маркетинге и брендинге.
Color things, вероятно, один из лучших сайтов, где можно бесплатно узнать о цветах. Автор — консультант по цвету, работал в списке компаний из списка Fortune 500 и преподавал в университете.
Цветные онлайн-курсы
Если вы действительно хотите узнать о цветах, есть много отличных платных курсов на Udemy, Thinkific, Lynda и других сайтах онлайн-обучения.Если вы новичок в мире красок, возможно, вам стоит один из этих курсов.
Веб-дизайн в целом
Awwwards
Awwwards — отличный сайт, который вдохновляет других великих веб-дизайнеров и агентства. В Интернете есть множество сайтов, на которых дизайнеры могут представить и продемонстрировать свои лучшие проекты, но это мой любимый.
На сайте можно узнать, что сейчас в тренде, а также что думают другие дизайнеры о представленных работах.
Веб-агентство
Веб-бюро Webkilde — небольшое датское веб-агентство, специализирующееся на быстрых и оптимизированных веб-сайтах.Компания предлагает дизайн White Label для других веб-агентств и веб-дизайнеров.
У вас есть дизайн в Adobe XD или аналогичном и вы хотите преобразовать его в статическую домашнюю страницу или тему WordPress? Тогда вы можете сделать это здесь. Тем не менее, вы, вероятно, также можете получить достойную работу на freelancer.com или fiveer.com за меньшие деньги.
Smashing Magazine
Smashing Magazine Если вы веб-дизайнер, то наверняка сталкивались с Smashing Magazine. У них есть отличные статьи, книги, список мероприятий и ресурсы для работы.
Существуют также приложения для iOS и Android, так что вы можете легко получить доступ к своим цветовым палитрам и синхронизировать их.
A List Apart
A List Apart существует как всегда. Есть несколько хороших статей о дизайне, разработке и веб-контенте.
Мне нравится этот сайт, потому что он, кажется, больше ориентирован на качественный контент, а не на количество, а также я слежу за сайтом в течение двух десятилетий 🙂
Цвет для вашего логотипа — лучшие комбинации
Содержание :
1.Как создать двухцветную комбинацию
2. Три комбинации
3. Цвета Pantone: с 2012 по 2020 год
4. Лучшие онлайн-сервисы для настройки профессиональной цветовой палитры
Предлагаем вам провести любопытный эксперимент. Попробуйте заполнить лист формата А4 словом «красный» синим шрифтом и словом «желтый» зеленым шрифтом. Затем прочтите слова. Скорее всего, начиная со второй или третьей строки, вместо того, чтобы читать слова, вы начнете произносить названия цветов. Другой пример.Если на своем веб-сайте вы разместите красную кнопку с надписью «Go» и зеленую кнопку с надписью «Stop», большинство пользователей в конечном итоге нажмут «Stop», имея в виду «Go». Почему это так? Это эффекты психологии цвета. Согласно этой концепции, каждый цвет имеет свой способ общения с человеком. Выбирая цветовую схему для вашего бренда, вы должны убедиться, что выбранные вами цвета передают правильное сообщение вашей аудитории. Исследование показало, что 51% предпринимателей используют только один цвет в своих логотипах, в то время как 30% опрошенных полагаются на два оттенка.Наконец, только 19% бизнесменов осмеливаются раскрасить свой логотип тремя и более цветами. Если вы ищете эффективное цветовое сочетание для своего корпоративного дизайна, у нас есть для вас несколько умных решений. Продолжайте читать!
Как создать двухцветную комбинацию
Нет лучшего способа составить красивую цветовую схему, чем с помощью цветового круга. Давайте узнаем, как его правильно использовать.
- Метод 1. Объедините соседние цвета.
- Способ 2. Комбинируйте контрастные цвета, расположенные друг напротив друга.
Для лучшего понимания возьмем цвета, которые обычно используются в дизайне логотипов, и проанализируем их комбинации. Мы не будем рассматривать ахроматические цвета, потому что черный, белый и серый — универсальные решения, подходящие к любому цвету.
Цвета в сочетании с красным
Красный и оранжевый создают яркий тандем, пробуждающий голод. Это сочетание ассоциируется с романтическим закатом и фольклором.Если вы используете эти оттенки в своем логотипе, попробуйте усилить его градиентами.
- Сочетание цветов: Фиолетовый
Хотя красный и фиолетовый символизируют силу, они создают совершенно разные настроения. Красный, у которого самая длинная волна, неизбежно будет преобладать над фиолетовым, волна которого самая короткая. Вот почему вы должны использовать блеклый оттенок красного.
- Контрастное сочетание: зеленый
Эмоциональный красный и безмятежный зеленый создают интересный дуэт с огромным потенциалом.Поиграйте с разными оттенками этих двух цветов. Как насчет сочетания светло-зеленого с кораллами или бордового с изумрудом?
Цвета в сочетании с зеленым
Это верный способ создать солнечную, дружескую атмосферу вокруг вашего бренда. Это естественное сочетание заставит ваших зрителей задуматься о весенней траве и ароматном горном воздухе.
- Холодное сочетание: темно-синий
Чтобы передать ощущение спокойствия и умиротворения, сочетайте зеленый с темно-синим.Это сочетание похоже на сверкающий ручей, блуждающий среди зеленых холмов. Это отличный способ отвлечь аудиторию от шумного городского пейзажа и позволить им воссоединиться с природой.
- Контрастное сочетание: красный
Логотип, в котором зеленый цвет преобладает над красным, выглядит естественно и безмятежно. В то время как основной цвет привлекает внимание, дополнительный отлично его подчеркивает.
Цвета для сочетания с темно-синим
Зеленый и синий — давние друзья.Этот волшебный дуэт заставляет задуматься о соленой океанской воде и освежающем бризе. Это проверенное временем решение, демонстрирующее надежность и доверие.
Космическое сочетание синего и фиолетового завораживает с первого взгляда. Консервативный характер темно-синего оттенен игривостью фиолетового. В результате мы получаем потрясающе красивую композицию!
- Контрастное сочетание: оранжевый
Оптимистичный оранжевый может сделать синий цвет более дружелюбным и человечным.Сделайте свой логотип харизматичным, не жертвуя его авторитетностью!
Цвета для сочетания с фиолетовым
Хотя выбор цвета не очевиден, этот дуэт определенно стоит изучить. Фиолетовый, как и фиолетовый, отлично сочетается с красным, создавая мягкую женственную схему. Однако, в отличие от фиолетового, фиолетовый предпочитает более нежные оттенки красного.
- Холодное сочетание: темно-синий
Этот дуэт холодных цветов затрагивает воображение и пробуждает глубокие чувства.Фиолетовый, который является здесь доминирующим цветом, превосходит магию и тайну, а темно-синий усиливает эту ассоциацию.
- Контрастное сочетание: желтый
В то время как фиолетовый символизирует таинственное ночное небо, желтый — это солнечный свет. Эти два оттенка символизируют противостояние дня и ночи, реальности и волшебства, тьмы и света. Это заставляет задуматься о древних легендах и мифах. А вы?
Цвета для сочетания с оливковым
Образно говоря, оливковый — это дитя синего и желтого.Это делает оливковый и желтый близкими родственниками. Неудивительно, что вместе они выглядят потрясающе!
- Холодное сочетание: темно-синий
В отличие от бодрящего зеленого, оливковый более спокойный и приглушенный. Если вы используете оливковый в качестве основного цвета, выберите в качестве дополнительного оттенка нежные тона темно-синего. Таким образом, вы получите идеальное сочетание, в котором два цвета говорят на одном языке.
- Контрастное сочетание: Фиолетовый
Будьте осторожны с фиолетовым, потому что он, как и темно-синий, имеет привычку красть зрелище! Чтобы этого не произошло, обязательно используйте нежные оттенки фиолетового, например цикламен, орхидею или аметист.
Цвет для сочетания с ментолом
Чтобы раскрыть потенциал ментола, сочетайте его с приятными оттенками зеленого. Свежий ментол и яркая зелень заставят вас расслабиться и отправиться в омолаживающее путешествие по лесу. Ах, какая фантастика!
- Холодное сочетание: темно-синий
Сочетание на логотипе ментола и темно-синего цвета поднимет настроение человека. Если вы хотите продемонстрировать целостность своего бренда, вы не найдете лучшей цветовой схемы!
- Контрастное сочетание: оранжевый
Когда огонь встречается со льдом! Взрывной дуэт ментола и апельсина выглядит экзотично, но в то же время сбалансированным.Наш совет — отдавать предпочтение нежным оттенкам апельсина, таким как нектарин или коралловая роза.
Цвета для сочетания с золотым
Дизайнеры научились грамотно сочетать золотой с любыми цветами. Чтобы подчеркнуть огненную и страстную природу золота, смешайте его с теплыми оттенками. Это верный способ передать оптимистические настроения с помощью вашего корпоративного логотипа.
В сочетании с золотистыми холодными цветами добавят шика и элегантности вашему корпоративному образу.Рекомендуем подбирать насыщенные оттенки, способные составить конкуренцию такому яркому цвету, как золотистый. Слабые тона рискуют потеряться в композиции.
Тройные комбинации
Сочетание двух цветов оказалось не так страшно, как вы думали, правда? Теперь давайте посмотрим, как мы можем создать изящную комбинацию трех цветов.
- Метод 1. Соедините соседние цвета. Возьмите два цвета слева или справа от основного цвета.
- Метод 2: Соедините контрастные цвета, расположенные в углах правильного треугольника.
- Метод 3. Объедините методы 1 и 2. Возьмите два соседних цвета, проведите диагональную линию через один из них и выберите дополнительный цвет, расположенный на линии.
Если вы категорически против использования трех цветов в своем логотипе, воспользуйтесь следующим практическим правилом: 60% (основные цвета) — 30% (дополнительные цвета) -10% (акцентные цвета).
Цвета Pantone: с 2012 по 2020 год
В настоящее время в присвоении цветам уникальных номеров нет ничего нового. Однако еще в 1963 году идея, разработанная Pantone Matching System (PMS), произвела революцию в индустрии дизайна.С тех пор дизайнеры, архитекторы и другие деятели искусства называют цвета по их номерам в системе Pantone. Это избавляет от необходимости описывать цвет словами и позволяет избежать недоразумений с покупателями.
Pantone на этом не остановился. Pantone Color Institute анализирует мировые тенденции в искусстве, моде, социальной жизни, технологиях и т. Д., Чтобы предсказать модные цвета на предстоящий год. Крупные модные дома используют прогнозы Pantone для создания своих весенне-летних и осенне-зимних коллекций.Для вашего вдохновения мы сделали краткий обзор самых популярных цветов Pantone за последние 8 лет. Кроме того, мы получили экспертный прогноз того, чего ожидать в 2020 году.
- Год 2012: Tangerine Tango 17-1463. Это выразительный и динамичный цвет, который стал источником силы и вдохновения в трудные с экономической точки зрения времена. Мандарин отлично сочетается с насыщенной бирюзой и романтичным фиолетовым. В качестве акцентных цветов попробуйте кремово-белый, бежевый, бледно-желтый и латте.
- Год 2013: Изумруд 17-5641. Этот удивительный оттенок превосходит роскошь и сияние, особенно в сочетании с золотым. Ожидалось, что Emerald сохранит настроение, созданное его предшественником, добавив при этом больше глубины и смысла. Чтобы сбалансировать яркий изумруд, используйте нейтральную ахроматическую палитру. Для эффекта стягивания сочетайте его со сливовым и другими оттенками темно-синего.
- Год 2014: Сияющая орхидея 18-3224. Орхидея — признанный символ любви, радости и благополучия.Созданный из смеси фуксии, розового и фиолетового, этот очаровательный цвет передает стремление к творчеству и артистизму. Radiant Orchid хорошо сочетается с персиковыми, бледно-желтыми, золотистыми, синими и ахроматическими тонами.
- Год 2015: Марсала 18–1438. Этот цвет неспроста был назван в честь сицилийского красного вина. Глядя на нее, невольно чувствуешь головокружение от эмоций. В 2015 году марсала произвела настоящий фурор в индустрии дизайна. Новый свежий цвет стал настоящим открытием! Продолжая традиции своих предшественников, Марсала сумела добавить палитре своего неповторимого шарма.
- Год 2016: Розовый кварц 13-1520 и Серенити 15-3919. В 2016 году Институт цвета Pantone удивил всех, выбрав не один, а два цвета года. Розовый кварц и Безмятежность создают священный союз, подобный союзу Инь и Ян. Глядя на эти пастельные тона, кажется, что понимаешь истинный смысл гармонии.
- Год 2017: Зелень 15-0343. Этот оттенок говорит нам о юношеских амбициях, свободе и вдохновении. В то же время Greenery совсем не похож на изумруд, который произвел фурор в 2013 году.Взрывной зеленый цвет хорошо сочетается с розовым, желтым, оранжевым, красным и голубым.
- Год 2018: Ультрафиолет 18-3838. Провокационный и неземной, Ultra Violet — это нарушение границ и нестандартное мышление. Этот оттенок сумел отразить стремление человека разгадать тайны космоса и его собственной души.
- Год 2019: Живой коралл 16-1546. Трендовый цвет 2019 года скрывает мудрое, но неочевидное сообщение. Этот насыщенный, бодрящий оттенок характерен только для кораллов, растущих в чистой, здоровой среде.Живые кораллы — это напоминание всем нам о необходимости защищать природу и заботиться о нашей планете, которая является нашим единственным домом.
- В 2020 году эксперты Pantone Color Institute прогнозируют преобладание естественных, безмятежных цветов. В наступающем году мы увидим множество зеленых оттенков, от бирюзового до оливкового. В моде также будут пастельные оттенки других земных тонов.
Готовы создать собственный логотип?
Отлично! Онлайн-сервис Logaster уже ждет, когда вы представите свою обширную базу качественных готовых иконок для вашего бренда.
Лучшие онлайн-сервисы для настройки профессиональной цветовой палитры
Создание красивых комбинаций с основными цветами, такими как красный или желтый, довольно просто. Но что делать, если вы видите необычный оттенок, название которого вы даже не можете произнести? Подобрать пару к экзотическому окрасу — непростая задача для любителя! К счастью, мы знаем, как помочь. Ознакомьтесь с лучшими онлайн-инструментами для создания потрясающей цветовой комбинации для вашего логотипа или веб-сайта!
Coolors
Кому нужны дизайнеры, когда у вас есть Coolors? Этот бесплатный инструмент — лучший эксперт в цветовом дизайне.Выберите из множества готовых комбинаций или создайте свою собственную. Кроме того, вы можете черпать вдохновение из цветовых палитр, используемых другими брендами!
Logaster
С Logaster у вас есть уникальная возможность создать собственный логотип и другие корпоративные дизайны менее чем за 10 минут! Этот создатель логотипов предложит вам десятки изящных цветовых комбинаций, созданных с помощью интеллектуальных алгоритмов искусственного интеллекта. Все, что вам нужно сделать, это выбрать самый красивый!
Colormind
Colormind поднимет дизайн вашего сайта на новый уровень.Этот инструмент не только создает умные цветовые палитры, но также показывает, как выбранные вами оттенки изменятся после применения различных эффектов. Таким образом, вы будете знать, как будет выглядеть ваш фон с добавленными на него кнопками, вкладками и другими веб-элементами.
Инструмент цвета материала
Этот инструмент — отличное решение для дизайнеров, имеющих опыт работы с пользовательскими интерфейсами. Если вы любитель, приготовьтесь потратить некоторое время на освоение функций программы.(Спойлер: оно того стоит.) После того, как вы составили цветовую комбинацию, вы можете предварительно просмотреть ее на разных носителях.
Colordot
Colordot — идеальный палитра цветов для нетехнических специалистов. Вы можете создать цветовую комбинацию в два клика! Наведите указатель мыши на экран и нажмите на тени, которые привлекли ваше внимание. Использование этой платформы — настоящее удовольствие! Также вы можете скачать приложение на свой iPhone.
Palettr
Проблемы с цветовой палитрой? Откройте для себя Palettr с его необычным подходом к цветовому дизайну! Введите ключевое слово (например,g, «зима», «Италия» и т. д.) и нажмите кнопку «Получить палитру». Инструмент сгенерирует сотни цветовых комбинаций, отражающих суть вашего ключевого слова. Как это круто? С Palettr подбирать цветовую комбинацию совсем не скучно!
Мы надеемся, что эта статья поможет вам создать изящную цветовую палитру для вашего логотипа, веб-сайта и других поверхностей, которые визуализируют идентичность вашего бренда. Выберите основной цвет и работайте оттуда. Воспользуйтесь цветовым кругом, чтобы определить дополнительные и акцентирующие оттенки.Дайте волю своему воображению, и вы убедитесь, что цветной дизайн может быть вдохновляющим и увлекательным. Кроме того, вы всегда можете позаимствовать несколько идей у экспертов Pantone Color Institute. Ведь их советы и прогнозы адресованы не только профессиональным дизайнерам, но и таким же любителям, как вы!
Редактор блога и специалист по контент-маркетингу в Logaster. Эксперт в области веб-маркетинга и брендинга. Пишет сложные концепции с простотой.Статьи Натальи содержат полезные рекомендации о том, как создать успешный бренд и продвигать его в Интернете.
Создавайте, управляйте и исследуйте удивительные цветовые палитры, градиенты и цветотипы!
Что нового в Dopely Colors
Введение в средство проверки контрастности
Инструмент проверки контрастности цвета позволяет выбрать правильный контраст между двумя цветами для текста и фона, показывая коэффициент контрастности.
Знакомство с цветным тонером
Если вам нужен оттенок, тон и оттенок для любого цвета для ваших проектов, инструмент «Цветной тонер» поможет вам легко получить к ним доступ.
Знакомство с цветовым кругом
Используйте инструмент «Цветовой круг», если вы имеете дело с цветами! Здесь вы можете выбрать различные цветовые комбинации одним щелчком мыши. Вы можете выбрать для себя лучшую цветовую палитру.
Представляем генератор цветовой палитры
С помощью генератора цветовой палитры вы можете создать свою лучшую цветовую палитру в кратчайшие сроки!
Знакомство с преобразователем цвета
Сколько цветовых кодов вам нужно? Инструмент «Конвертер цветов» дает вам названия и различные коды нужного вам цвета.
Знакомство с генератором градиента
Помимо радиального градиента, инструмент «Генератор градиента» также включает линейный градиент. Вы можете увидеть количество цветов в градиенте вместе с его кодами.
Знакомство с цветовым микшером
Инструмент «Смешение цветов» упрощает доступ к любому цвету, который вам нужен. Вы можете увидеть название цвета, полученного вместе с информацией обо всех его кодах.
Знакомство с генератором смешивания цветов
С помощью инструмента «Генератор смешивания цветов» вы можете смешивать два цвета и получать цветовую палитру в результате их объединения.
Знакомство с Color Extractor
Вы ищете всю информацию о цветах изображения? Используйте инструмент Color Extractor, чтобы получить цветовую карту всех цветов изображения вместе с их процентным соотношением.
Знакомство с онлайн-палитрой цветов
С помощью онлайн-палитры цветов вы можете выбрать цвет в области палитры и получить доступ к этой информации о цвете.
Введение в средство поиска гармонии цвета
Инструмент поиска гармонии цвета поможет вам найти наилучшую гармонию для желаемого цвета за несколько секунд.
Знакомство с поиском по названию цвета
В нашем мире существуют десятки цветов, и мы можем не знать их названий. Color Name Finder — забавный инструмент, который поможет вам найти название любого цвета, который вы хотите.
Знакомство с Color Pedia
Используя инструмент Color Pedia, вы можете получить доступ ко всей информации о цветах, включая: цветовые коды, типы тонов, оттенки и оттенки, цветовую слепоту, гармонию этого цвета с другими цветами и преобразования цветов.
Знакомство с цветовыми палитрами Изучить
Нет времени на создание цветовой палитры? Color Palettes Explore дает вам доступ к тысячам готовых поддонов.
Знакомство с Gradient Explore
Экономьте свое время с Gradient Explore! В этом разделе есть много разных градиентов.
Знакомство с цветами. Обзор
Color Explore предлагает широкий выбор цветов с их названиями и шестнадцатеричным кодом.
Представляем Color & Types Explore
В Color & Types Explore есть бесчисленное множество готовых примеров текстов и фонов. Вы можете увидеть шестнадцатеричный код цвета фона и текста.
Введение в Color & Images Explore
В Color & Images Explore вы можете увидеть готовую цветовую палитру изображений.
Представляем цветовую палитру бренда Explorer
Вы когда-нибудь были так очарованы цветами известного бренда? Проводник цветовой палитры бренда Dopely покажет вам цветовые палитры известных брендов вместе с их цветовой информацией.
Color Converter Landing
Ищете конкретный цветовой код? Здесь вы можете ввести информацию о целевом цвете и преобразовать ее в другую форму.
Бесплатная раздача градиентов
Хотите иметь потрясающие градиенты для ваших дизайнов? Dopely бесплатно раздает более 400 градиентов. Вы можете легко скачать и использовать их.
Цветовые схемы веб-сайта и лучшие генераторы цветовых схем
Что первое приходит на ум, когда вы думаете о культовом бренде, таком как Pepsi или T-Mobile? Скорее всего, ваш разум сразу же наполняется голубым или розовым цветом. Знаменитые бренды освоили использование цвета в своем брендинге до науки для достижения успеха.Если вы создаете интернет-магазин, то самое важное применение вашей цветовой палитры — это дизайн вашего веб-сайта.
Цветовая палитра вашего веб-сайта электронной коммерции и общий брендинг должны оставаться в сознании ваших клиентов еще долго после того, как они покинут ваш сайт. В мире онлайн-покупок у вас много конкурентов — такая простая вещь, как выбор цвета, может повысить или испортить конверсию. Итак, давайте рассмотрим, что нужно, чтобы собрать цветовые схемы веб-сайта, которые не только преобразуют, но и надолго укрепят ваш бренд в вашей отрасли.
Как цвет влияет на покупателей?
Color — это намного мощнее простой эстетики — цвета, которые вы выбираете для бренда своего бизнеса и вашего интернет-магазина, могут даже повлиять на поведение вашего покупателя и на то, хотят ли они делать покупки вместе с вами. Давайте разделим этот эффект на три основных компонента: эмоциональные реакции, покупательское поведение и демографические данные.
Эмоциональные ответы
Было обнаружено, что разные цвета вызывают определенные эмоциональные реакции при наблюдении людей.Это наука о психологии цвета, изучающая то, как цвета влияют на то, как мы думаем и чувствуем. Такая простая вещь, как цвет, может напрямую повлиять на то, как нам нравится человек, с которым мы только что познакомились, на то, как мы себя чувствуем в определенном месте и, конечно же, на то, как мы делаем покупки. Хотя это может варьироваться в зависимости от многих факторов, определенные цвета обычно ассоциируются с эмоциями, например:
- Красный , для возбуждения, любви, страсти, энергии и гнева.
- Апельсин , для дружелюбия, энтузиазма, творчества и молодости.
- Желтый , для молодости, оптимизма, бодрости и непосредственности.
- Зеленый , для богатства, здоровья, спокойствия, природы и стабильности.
- Синий , для доверия, безопасности, стабильности, мира и спокойствия.
Источник: The Logo Company
Торговое поведение
Ответвление эмоций — это поведение, или, более конкретно, в данном случае покупательское поведение. Подобно тому, как разные цвета могут влиять на определенную эмоцию, эта эмоция может затем влиять на желаемое поведение и привлекать определенные типы покупателей.
Например, насыщенные цвета, такие как красный, оранжевый и черный, обычно привлекают импульсивных покупателей и могут даже стимулировать аппетит — подумайте о фастфуде и распродажах. Вы увидите эти цвета в таких компаниях, как Coca-Cola, McDonalds и Netflix, они строятся на стимулирующей энергии, привлекают внимание и привлекают импульсивные покупки.
На другом конце спектра — менее абразивные цвета, такие как белый, желтый и синий, которые, как правило, привлекают покупателей с ограниченным бюджетом — на ум приходят банки и крупные универмаги.Best Buy использует в своем маркетинге и желтый, и синий цвет, поскольку их бизнес часто ассоциируется с экономией денег на дорогостоящих товарах. Синий присутствует во всех социальных сетях, включая Facebook, Twitter и LinkedIn — все они бесплатные (по большей части).
Источник: KISSmetrics
Демография
Еще одним важным фактором, влияющим на цвета на покупателей, является сам покупатель; в частности, их демография. Определенные демографические данные, от пола до физического местоположения, как правило, лучше реагируют на определенные цвета.Например, было показано, что существует гендерный разрыв между цветами: мужчины, как правило, предпочитают более яркие и насыщенные цвета, а женщины — более мягкие и менее насыщенные цвета.
Помимо пола, это страна и культура заказчика; Цвета могут иметь совершенно разные значения от страны к стране. Если вы ведете бизнес в стране, где преобладает культура, с которой вы не знакомы, важно изучить, что означают цвета в этой культуре. Например, красный цвет является положительным цветом в таких странах, как Китай и Индия, а в Южной Африке — это цвет траура.Кроме того, фиолетовый может символизировать богатство и власть в большинстве стран Востока и Запада, но в некоторых странах Европы, таких как Великобритания и Италия, он ассоциируется со смертью и скорбью.
Как выбрать цветовую схему веб-сайта
Теперь, когда вы понимаете основную психологию цвета, вы можете начать выбирать цвета, которые хотите использовать на веб-сайте своей компании. Но это не так просто, как выбрать красный цвет, потому что вы хотите, чтобы ваш бренд олицетворял энергию; палитра состоит из нескольких типов цветов, каждый из которых имеет значение как в психологическом, так и в деловом плане.
1. Анализируйте свою отрасль
Прежде чем вы даже выберете цвет, вам нужно сначала взглянуть на вашу отрасль в целом и на ваших конкурентов. Найдите время, чтобы провести исследование рынка, чтобы выяснить, какие типы цветовых палитр наиболее распространены и успешны в отрасли, в которой вы ведете бизнес. рискуете скопировать своего конкурента. Вы хотите выделить свой бренд, но при этом не выглядеть настолько разным, чтобы сбивать с толку покупателей, которые делают покупки в рамках вашей отрасли.
Вместо того, чтобы копировать конкурентов, черпайте вдохновение в других компаниях, которые добились успеха с выбранными цветовыми палитрами. Вы даже можете использовать эти цвета, чтобы повлиять на то, как клиенты думают о вашем бизнесе. Например, если вы отличаетесь от конкурентов тем, что они устарели по сравнению с вашим бизнесом и используют ненасыщенный синий цвет, то подумайте об использовании более яркого синего цвета, чтобы показать, что вы новичок.
2.Начните с вашего логотипа и основного цвета
Теперь, когда вы понимаете игровое поле, вам нужно начать с самого важного цвета: основного цвета. Если у вас уже есть установленный логотип, то ваш основной цвет будет основным цветом, используемым в логотипе, чтобы сохранить целостность бренда. Однако, если у вас еще нет логотипа, ваш первый шаг — это выбор основного цвета, который будет использоваться во всем вашем брендинге, чтобы затем вы могли создать логотип своей компании.
Используя то, что мы обсуждали, вы, вероятно, уже понимаете, что это не так просто, как выбрать свой любимый цвет.Во-первых, подумайте об эмоции или поведении , которые вы хотите вызвать у клиентов, когда они посещают ваш веб-сайт. Самый простой способ сделать это — написать слова, которые вы хотите связать со своим бизнесом. Например, если ваш веб-сайт представляет вашу студию йоги, вы можете написать «спокойствие, безмятежность, спокойствие, равновесие». Совместите эти слова с цветами, которые их представляют, и выберите цвет, который имеет смысл для вашего бизнеса.
Затем подумайте о своей целевой аудитории .Какова ваша целевая демография? Используйте информацию о поле, возрасте, стране и многом другом вашего клиента, чтобы выбрать цвет. Однако, возможно, будет разумным не использовать стереотипы (например, девушки всегда любят розовый), чтобы избежать клише и выделиться на фоне других предприятий.
Наконец, задумайтесь об индустрии , в которой вы работаете, а также о поведении и эмоциях, связанных с ней. Если ваш бизнес основан на бюджетной одежде, то обратите внимание на цвета, которые привлекают бюджетных покупателей. Или, если ваш бизнес связан с более роскошной модой, выберите цвет, который больше всего подходит покупателям высокого класса.
После выбора основного основного цвета вам необходимо определить точный оттенок или оттенок , которым вы хотите, чтобы этот цвет был. Например, то, что вы выбрали желтый в качестве цвета, не означает, что неоново-желтый может быть лучшим для вашего бизнеса. пастельно-желтый цвет может иметь больше смысла в вашей сфере. Различные оттенки цвета также могут влиять на эмоции, например, более светлый синий дает больше удовольствия, чем серьезный темно-синий. Вернитесь к своей целевой аудитории, желаемому поведению и эмоциям, чтобы определить оттенок, который имеет наибольший смысл.
3. Создайте привлекательную цветовую палитру
Выбрав основной цвет, вы можете выбрать акцентные цвета, которые хорошо сочетаются друг с другом и улучшат имидж вашего бренда. Составление работающей палитры основано на теории цвета, которая инкапсулирует все концепции, лежащие в основе того, как цвета сочетаются вместе и работают бок о бок. Обычно это основано на цветовом круге, который визуализирует, как цвета по-разному соотносятся друг с другом. Сегодня мы собираемся обсудить два основных способа, которыми цвета могут соотноситься друг с другом, о которых вам следует знать: аналогичные цвета и дополнительные цвета.
Источник: Web Ascender
Аналогичные цвета — это группы из трех цветов, которые расположены рядом друг с другом на цветовом круге. Например, синий, сине-фиолетовый и фиолетовый — все аналогичные цвета. Палитра, в которой используются аналогичные цвета, обычно создает богатый, монохромный, упрощенный вид, основанный на одном типе цвета с вариациями оттенка и оттенка.
Дополнительные цвета — это любые два цвета, которые находятся прямо напротив друг друга на цветовом круге.Обычные примеры этого — красный и зеленый, желтый и фиолетовый или синий и оранжевый. Как следует из названия, дополнительные цвета, как правило, дополняют друг друга и почти всегда гарантированно хорошо смотрятся при совместном использовании. Большинство динамических цветовых палитр веб-сайтов, как правило, используют дополнительные цвета, чтобы добавить контраста и яркости, а также избежать смешения всех цветов.
В большинстве цветовых палитр используется смесь как аналогичных, так и дополнительных цветов, но некоторые дизайны сайтов могут использовать только один тип для достижения желаемого эффекта.Помните, что вы не хотите использовать слишком много цветов, иначе вы рискуете создать сайт, который будет слишком загружен и утомит клиентов. Вы хотите создать палитру, которая приятна для глаз покупателя и не отвлекает его на менее отвлекающий сайт.
Однако в то же время нельзя использовать слишком мало цветов; это может показаться пресным и неоригинальным. Важно найти идеальный баланс цветовых вариаций, который подходит вашему бизнесу и целям.
4.Распределите свои основные и акцентные цвета
Хотя выбор цвета сам по себе является важным аспектом веб-дизайна, все это объединяется в вашем цветовом распределении. Пришло время применить выбранные вами цвета к элементам дизайна вашего веб-сайта.
Ваш основной цвет должен использоваться в тех местах вашего сайта, на которые вы хотите, чтобы пользователи обращали больше всего внимания. Обычно это ваш логотип, вкладки меню, заголовки или заголовки и другие основные кнопки.
Затем ваши акцентные цвета следует использовать в высококонтрастных областях, чтобы выделить определенные элементы.Они будут включать в себя текущие вкладки меню, субтитры, кнопки CTA и для выделения дополнительной информации. Имейте в виду, что выбор цвета кнопок CTA важен сам по себе; они должны использовать цвета, которые побуждают пользователей нажимать и выделяться в выбранной вами цветовой палитре. Например, если вы используете палитру с синим и оранжевым, а ваш основной цвет — синий, то ваш призыв к действию должен быть оранжевым.
Лучшие генераторы цветовых схем для веб-сайтов
Хотя вы можете потратить время на изучение теории цвета и выбрать каждый цвет в палитре один за другим, более простой и быстрый способ создать работающую цветовую палитру — использовать генератор цветовых схем.Мы выбрали пять из наших любимых генераторов, которые помогут вам в путешествии по цвету.
Adobe Color CC
Созданный Adobe, компанией-разработчиком программного обеспечения для дизайна, Adobe Color CC представляет собой генератор цветовых схем, который напрямую интегрируется со всеми продуктами Adobe. Сайт можно использовать без создания учетной записи; однако, если вы хотите сохранить какую-либо из созданных вами палитр, вам потребуется создать учетную запись Creative Cloud (которая у вас уже может быть, если вы используете такие программы, как Photoshop).
Adobe Color CC позволяет создавать цветовую палитру с помощью цветового круга, извлекать палитру из изображения, которое можно загрузить, и исследовать популярные цветовые палитры, созданные другими пользователями. Одним из лучших аспектов этого сайта является раздел «Тенденции», в котором показано, какие типы цветовых палитр сейчас популярны в определенной отрасли, например, в моде, архитектуре или игровом дизайне.
Colormind.io
Colormind — это бесплатный генератор цветовой схемы веб-сайта, для использования которого не требуется учетная запись, который позволяет создавать случайные цветовые палитры для использования на веб-сайте.Простой интерфейс также позволяет применить цветовую палитру к образцу веб-сайта начальной загрузки, применить палитру к образцу панели мониторинга или извлечь палитру из изображения.
Чтобы использовать Colormind, просто создайте новую цветовую палитру, выберите схему с одним или несколькими цветами, которые вам действительно нравятся, и заблокируйте эти цвета, чтобы они оставались в палитре. Затем вы можете создавать новые цвета, соответствующие вашим заблокированным цветам, пока не найдете все цвета, которые вам нравятся.
Coolors.co
Coolors — это бесплатный генератор цветовой палитры для веб-сайтов, для использования которого не требуется учетная запись; однако вы можете создать учетную запись, чтобы сохранить свои любимые цвета и палитры для будущего использования или справки. Coolors дает вам возможность генерировать цвета, исследовать палитры тенденций, выбирать палитру из фотографии, создавать коллаж с использованием палитры, создавать палитру градиента / градиента, проверять контраст и многое другое.
Чтобы сгенерировать палитру, перейдите к их генератору, который создаст случайную палитру, которую вы можете изменить, нажав клавишу пробела.Как и в случае с Colormind, вы можете заблокировать цвет, чтобы сохранить его в палитре, и создать новые цвета, соответствующие ему. Одной из полезных функций Coolors является инструмент для определения дальтонизма, который позволяет вам видеть, как ваша палитра будет выглядеть для людей с различными формами дальтонизма — это особенно полезно для обеспечения доступности вашего сайта.
Раскраска для дальтонизма
Еще больше углубиться в доступный дизайн — это бесплатный веб-сайт Coloring for Colorblindness, созданный Дэвидом Николсом, выпускником доктора математических наук Университета Коннектикута.Цвет для дальтонизма автоматически генерирует цветовую палитру и показывает рядом примеры того, как эта палитра будет выглядеть для людей с различными типами дальтонизма.
Сайт идет еще дальше, помогая вам проектировать с учетом доступности, предлагая вам примеры восьми пар контрастных цветов, которые сохраняют свой контраст для людей с дальтонизмом. Вы можете щелкнуть любую из этих пар, чтобы загрузить их в инструмент раздела цветовой палитры и использовать их для создания своей собственной палитры.
Палитра материалов
Основанная на цветовой палитре Google «Материальный дизайн», Material Palette помогает пользователям создавать упрощенные цветовые схемы для использования на минималистичных веб-сайтах и в приложениях. Сайт является бесплатным для использования и не имеет возможности создать учетную запись; чтобы сохранить палитру, вы можете опубликовать ее в Твиттере или загрузить в различных форматах файлов.
Используя палитру материалов, вы можете выбрать один из двух из 19 цветов на главной странице, который вам нравится.Затем сайт сгенерирует палитру с использованием этих двух цветов и продемонстрирует, как палитра выглядит в действии в интерфейсе приложения.
Одним из наиболее полезных аспектов этого генератора является его предложение о том, как использовать цвета в палитре. Например, вам будет предоставлена палитра с обозначениями для основного цвета, основного цвета текста, дополнительного цвета текста, цвета значков, цвета разделителя и т. Д.
Завершение
Как и любое другое бизнес-решение, которое вы принимаете, цветовая палитра, которую вы выбираете для своего веб-сайта, имеет решающее значение для достижения успеха.Это связано с тем, что цветовая палитра вашего интернет-магазина должна длиться столько же, сколько и ваш бизнес, и будет использоваться во всех формах маркетинга, помимо дизайна вашего веб-сайта. Брендинг — непростой процесс, поэтому важно подумать о том, как вы создаете индивидуальность своего бизнеса. Если процесс кажется сложным, профессиональный графический дизайнер также может помочь вам создать идеальный вид для вашего сайта.
Простой выбор цвета
Color — недооцененный дизайнерский инструмент.Когда вы выбираете правильную палитру, веб-сайт может запеть. Когда я был новичком, я часто использовал слишком много цветов в своих проектах. Мой выбор не основывался на многом — либо на тенденциях того времени, либо на каком-либо настроении, в котором я был. В конце концов, я пытался найти что-то хорошее, но на это часто уходило время.
Есть способ получше!
Вы можете использовать три идеи, которые упростят выбор цвета. Это: концепция сайта, марка и ваши личные предпочтения .Если вы сможете разобраться в этих трех вещах, выбрать цвета будет намного проще. Давайте исследуем каждую из них.
Концепт
Есть ли у вашего сайта концепция? Вероятно, так и должно быть. Вот несколько тщательно отобранных примеров сайтов с концепциями: Preserve, Legwork, Si Le Soleil. Посмотрите на каждый пример и попытайтесь понять, что это за концепция (подсказка: ответы внизу).
Наличие концепции может значительно сузить ваши цветовые варианты. Если ваша концепция связана с водой, использовать много красного, вероятно, не получится.Вода и красный цвет живут в разных мирах.
Ваши цвета должны соответствовать вашей концепции. Или, по крайней мере, не конфликт.
Бренд
Допустим, вы делаете сайт Мемориала ветеранов Вьетнама в Вашингтоне. Это очень серьезная тема. Тон (или бренд) любого военного мемориала уважительный и серьезный, поэтому и ваш выбор цвета должен быть таким же. Яркие и веселые цвета будут казаться неуместными, точно так же, как продавец воздушных шаров рядом с мемориалом будет казаться безвкусным.Черный, белый, темные и приглушенные цвета лучше подошли бы для места военного мемориала, эти цвета были бы «фирменными».
Или, может быть, вы делаете сайт для большой компании. В этом случае у них будет четко обозначенный бренд, который упростит выбор цвета. Если вы создаете сайт для Target, вы, скорее всего, будете использовать комбинацию красного и белого, потому что красный — это большая часть их бренда. Или сайт для Ikea использовал бы их фирменные сине-желтые. Бывают случаи, когда создаваемый вами сайт настолько сильно отличается от бренда, что вы можете использовать другие несвязанные цвета.Но прежде чем делать это, убедитесь, что вы согласовали это со своим креативным директором или клиентом.
Делаете сайт для маленького клиента? В этом случае бренд не будет четко определен в руководстве по стилю. Для малого бизнеса гораздо важнее узнать, что нравится владельцам. Найдите примеры веб-сайтов, которыми они восхищаются, и спросите, что им в них нравится.
Ваш инстинкт будет стремиться к цветам, которые вам действительно нравятся, но владельцы малых предприятий живут и дышат бизнесом, так что это просто вопрос того, что им нравится.
Ваши вкусы
Это последний шаг. Если вы выбрали концепцию и знаете, что представляет собой бренд, теперь пора выяснить, что вам нравится, и сравнить это с вашей концепцией и брендом. Вам нужны вещи, которые вам нравятся, ТАКЖЕ работающие с концепцией и брендом вашего сайта. Мне нравится черпать вдохновение на таких сайтах, как Mind Sparkle Mag. Или иногда я использую генератор случайных цветов. Скажем, ваша концепция «ручная работа», как в приведенном выше примере Preserve.
