Программа для подбора сочетания цветов онлайн. Программы подбора цвета стен Visualizer от Dulux

Цвет широко используется в дизайне, - он позволяет «оживить» содержание - создать смысловую связь элементов, наполнить работу эмоциями и настроением. Начинающие дизайнеры берут случайные цвета, но есть способы использовать цвет более осмысленно. Рассмотрим 4 таких способа, организованных по принципу от простого к сложному.

1. Использовать известную гамму

На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.

2. Выбрать готовую профессиональную палитру

Самый простой способ - взять готовое сочетание цветов. Не обязательно каждый раз изобретать велосипед, ведь гармоничные сочетания известны давно. Зайдите на colordrop.io и выбирайте. На сайте сотни профессиональных 4-цветных палитр. Выбрав нужную, нажмите и скопируйте коды цветов с панели, открывшейся справа.

Кроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.

3. Определить палитру цветов понравившейся фотографии или картинки

Этот способ чуть сложнее. Но и эффектнее.

• На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
• Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
• Сервис определит сочетание цветов (внизу под загруженной картинкой).
• Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
• Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
• Кнопка «Auto» генерирует новые сочетания на основе того же фото.
• Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.

Главная страница сайта не менее функциональна. Здесь можно подобрать оттенки отдельных цветов или собрать новую палитру, заменив отдельные цвета.

4. Создать свою цветовую гамму онлайн

Загрузив фото на тот же сайт coolors.co , можно не только определить код цвета, но и создать собственные сочетания. Для этого нажмите пробел - сервис автоматически создает сочетание из 5-ти цветов.

На каждом цвете 4 значка-кнопки :

• Alternative shades - Оттенки цвета (темнее и светлее),
• Drag (Передвинуть цвет вправо или влево по палитре),
• Adjust (Настроить тон, насыщенность, яркость и др.),
• Lock (зафиксировать цвет).

Маленькая, стильная и аккуратная программка подбора цвета для оформления HTML-страниц и других задач, требующих подбора сочетающихся цветов.

Давайте посмотрим, что умеет эта программа.

Установка Color point

Поскольку программа не требует инсталляции, просто сохраняем архив на жёсткий диск, распаковываем в удобное место, открываем папку и запускаем файл с расширением exe. По умолчанию программа запускается в виде маленькой кнопки:

Работа с программой

Нажимаем на этот значок и перед нами раскрывается окно программы:

Экран

В этой вкладке программа позволяет "взять" любой цвет прямо с экрана. То есть, с любой части экрана, которая была видна в момент запуска программы. Весь экран полностью отображается в уменьшенном виде в окне "Выберите участок".

Если в этом окне нажать на любую часть, она появится в следующем окошке поменьше "Выберите цвет". Здесь уже можно более точно прицелиться и взять цвет с конкретной точки.

Также в правой части этого окна есть вспомогательные кнопки для копирования в буфер, а снизу кнопки "Обновить" (обновляет содержимое экрана) и "Применить" (сохраняет выбранный цвет и переключает окно на вкладку "Подбор").

Подбор

Здесь находятся основные инструменты для удобного подбора цвета: "Черепица", "Круг", "Web" и "Win", которые переключаются с помощью дополнительных вкладок.

Работать с этими инструментами не сложно. Просто тыкаете мышкой в тот цвет, который Вам понравился, корректируете его ползунками RGB (или HSV - если Вам ближе такой формат), и смотрите - подходит он или нет.

Если подобранный цвет понравился, можно скопировать его код из строчки "Текстовое представление". Причём, код можно выбрать также в любом из стандартных форматов, нажав маленькую стрелочку раскрытия списка.

Также, обратите внимание на третье цветовое окно в правом верхнем углу. В нём кроме выбранного цвета (вертикальная полоса) показаны ещё три цвета, хорошо сочетающиеся с выбранным.

Таким образом, программа сразу подсказывает несколько сочетающихся цветов, которые можно применить в других элементах проектируемого дизайна.

В программе довольно много разных вспомогательных кнопок. Чтобы узнать их назначение, просто наводите на них мышью и читайте подсказки, появляющиеся в самом низу окна программы.

Настройки

Здесь можно подстроить некоторые параметры вроде типа и размера шрифта и некоторых косметических свойств программы. Работать с программой будет удобнее, если убрать галочки в пунктах "Открываться на вкладке "Экран"" и "Запускаться в режиме миниокна".

О программе

В этой последней вкладке можно найти контакты разработчика и посмотреть не вышла ли новая версия программы, перейдя на его сайт.

Достоинства и недостатки программы

• в наличии множество разных инструментов для подбора цвета (круг, черепица и т.д.);
• позволяет удобно сравнивать цвета, пододвигая окно программы вплотную к другим элементам экрана;
• есть подсказки по всем кнопкам.

• немного мудрёный интерфейс;
• запуск в свёрнутом виде и на вкладке "Экран" не очень удобен (хотя, можно отключить это в настройках);
• не всем понравится цвет окна программы.

Выводы

Программа довольно мощная для бесплатной, предоставляет практически всё необходимое чтобы удобно осуществить подбор цвета при создании дизайна сайта. Есть некоторые незначительные недостатки вроде цвета окна программы (сиреневый - на любителя), но они не мешают работе с ней.

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.

P.P.S. Если программа показалась Вас сложной, есть варианты и попроще:

Подборка цвета – один из важнейших этапов в процессе создания хорошего дизайна.

Чтобы облегчить вам задачу, мы решили составить подборку, состоящую из лучших сервисов для создания цветовых схем. Они помогут сэкономить время, и при этом получить достойный результат.

01. Adobe Colour CC

Компания Adobe переименовала свой проект Kuler в Colour

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler . Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC .

Он позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Инструмент доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию, то вы сможете экспортировать цветовую схему прямо в Photoshop , Illustrator и InDesign .

02. Mudcube Colour Sphere

Если вы не уверены по поводу вашей цветовой схемы, то у Mudcude есть собственная галерея готовых ресурсов

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

03. Check my Colours

Check my Colours разработан специально для оценки и подборки комбинации фона и основного цвета для всех DOM-элементов . А также для того, чтобы выяснить, достаточно ли элементы гармоничны между собой. Все тесты основаны на алгоритмах, рекомендованных World Wide Web Consortium (W3C ).

04. The Color App

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB , HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

05. Color Hunter

Color Hunter формирует цветовую схему на основе выбранного изображения

Это очень удобный инструмент, особенно если необходимо найти какой-то конкретный цвет. Выберите изображение и загрузите его в Color Hunter . Инструмент создаст цветовую палитру на основе выбранного изображения. Это отличный метод создания собственных цветовых схем.

06. TinEye

Если вам нужно получить конкретный цвет, просто введите HEX-значение в URL

На этом сайте используется база данных, состоящая из 10 миллионов изображений, доступных бесплатно по лицензионному соглашению Creative Commons , которые создатели тщательно отобрали с Flickr . Их можно использовать для генерации соответствующих цветовых схем.

07. Color

Удобное миниатюрное веб-приложение. Наведите курсор мыши на экран, и определите нужный цвет, затем прокрутите немного, чтобы подобрать оттенок. После чего инструмент выдаст все необходимые HEX-коды , которые можно использовать в собственных проектах. Один из самых простых в использовании инструментов.

08. SpyColor.com

Бесплатный генератор цветовых схем, который предоставляет информацию о цвете, а также позволяет конвертировать его в любые схемы (RGB , CMYK и другие ). Здесь доступны различные форматы цветовых схем, включая триадные, монохромные и другие.

09. Designspiration

На Designspiration можно выбрать до пяти оттенков при помощи удобной палитры на всю страницу, которая поможет без труда найти именно те цветовые схемы HTML , которые вы ищете. После этого сайт сгенерирует страницу со всеми изображениями из базы данных, в которых используется похожая цветовая комбинация. Также будут предоставлены HEX-значения , которые можно использовать в собственных проектах. А изображения можно сохранять в коллекциях на сайте.

10. ColorExplorer

Один из самых продуманных веб-инструментов, который предлагает множество функций, связанных с дизайном, настройкой и аналитикой цветовых схем. Здесь представлены инструменты, которые помогут определить WCAG-валидность цветовых схем , а также сгенерировать собственные цветовые палитры.

11. Hex Color Scheme Generator

Небольшой удобный инструмент для генерирования комбинации цветов на основе одного выбранного оттенка. Вставьте Hex-значение цвета, а инструмент предоставит набор подходящих цветов, которые можно будет использовать вместе с основным.

12. COLOURlovers

COLOURlovers представляет собой сообщество для обмена цветовыми схемами. Здесь можно черпать вдохновение из цветовых наборов других пользователей, а также создавать собственные и делиться ими.

13. Color Scheme Designer

Этот онлайн-инструмент предлагает интересные способы генерирования цветовых схем, позволяя настраивать их яркость и регулировать контраст. Здесь можно создать несколько популярных математических моделей цветовых схем, включая монохромную.

14. COPASO

Один из инструментов с сайта COLOURlovers . Но COPASO достоин отдельного внимания, так как представляет собой невероятное решение «все в одном », и позволяет легко генерировать готовые цветовые схемы для сайта. Здесь представлено множество инструментов для подбора цвета, и все они размещаются в удобном и простом интерфейсе. Кроме этого к палитрам можно добавлять заметки, загружать изображения и т.п.

15. Colourmod

Colourmod представляет собой программное обеспечение, которое позволяет выбирать отдельные цвета из области виджетов, независимо от того, используете ли вы Mac или Konfabulator на Windows . Это не совсем простой инструмент для работы с цветовыми палитрами, однако он поможет быстро и просто определять цвета без необходимости загружать тяжеловесные программы.

16. ColorZilla

ColorZilla доступен как для Chrome, так и для Firefox

Этот проект начинался как плагин для Firefox , однако сегодня он также доступен и для Google Chrome . ColorZilla представляет собой расширение, которое включает в себя несколько инструментов, предназначенных для работы с цветом, среди которых палитра, генератор css-градиентов и пипетка.

17. Colormunki

Удобный онлайн-инструмент для подбора цветовых схем от создателей Colormunki . С его помощью можно без труда создавать привлекательные цветовые палитры из образцов на основе Pantone с использованием нескольких методик.

18. colr.org

Colr.org позволяет установить диапазон цветов любого изображения

Этот инструмент позволяет провести подробный анализ цветов изображения, который обычно автоматизирован в других инструментах. Это позволит выбрать наиболее подходящий цвет. Мы рекомендуем познакомиться с этим инструментом, хотя его интерфейс не настолько продуман, как в других приложениях.

19. ColourGrab

Этот удобный инструмент создает цветовые палитры из любого изображения. Вставьте адрес изображения, которое хотите проанализировать, и сервис автоматически сгенерирует трехмерный график с информацией по использованным цветам. Хотя это приложение не совсем подходит для подбора цветовой схемы для сайта, но с его помощью можно изучить изображения и их цветовые характеристики.

20. ColorBlender

ColorBlender генерирует палитру из пяти сочетающихся цветов

Один из простейших инструментов, который позволяет настраивать цветность и в режиме реального времени получать пять сочетающихся между собой цветов. Сгенерированную палитру можно скачать в Photoshop или Illustrator в виде EPS-файла .

21. GrayBit

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

Этот инструмент поможет увидеть, как ваш сайт смотрится в серых тонах. Отличный сервис, который позволит выявить проблемные по контрасту места.

22. COLRD

Инструмент, который можно использовать в качестве источника вдохновения или для обмена цветовыми схемами. Конечно, этот ресурс не поможет с генерированием схем, но его обязательно следует взять на заметку.

23. Shutterstock Spectrum

Выбор цветовой схемы для сайта является одним из важных моментов в процессе дизайна. Подбор сочетания цветов - достаточно сложный и творческий процесс. К счастью, существует достаточно много сервисов, которые могут оказать существенную поддержку для правильного выбора.

Некоторые ресурсы, упомянутые в данном обзоре, предоставляют возможность выбора из большого количества уже готовых цветовых схем, а другие позволяют в интерактивном режиме построить собственную схему.

Kuler

Adobe Kuler содержит большую библиотеку готовых цветовых схем. Вы можете просмотреть схему онлайн и загрузить ее для использования в продуктах серии Adobe Creative Suite.

Colour Lovers в текущий момент имеет почти 2 миллиона созданных пользователями цветовых схем. Вы можете просматривать их, сортируя по дате, рейтингу, количеству просмотров.

ColoRotate имеет библиотеку готовых цветовых схем. Также вы можете создать свою собственную схему с помощью уникального 3D инструмента. Цветовую схему можно использовать напрямую в Photoshop и Fireworks с помощью плагина ColoRotate .

Color Scheme Designer позволяет выбрать тип цветовой схемы (моно, комплиментарную, триада, тетрада, аналоговая). Затем можно будет настроить цвета и посмотреть действие схемы на примере.

ColorSchemer располагает большой библиотекой созданной пользователями цветовых схем. Вы можете сортировать их по дате размещения, рейтингу или количеству загрузок.

Pictaculous - простой онлайновый инструмент для генерации цветовой схемы. Вы можете загрузить изображение, а сервис сгенерирует схему для использования с картинкой.

Color Spire

Color Spire очень простой в использовании сервис. Вы выбираете базовый цвет, а он предлагает цветовую схему. Также можно посмотреть внешний вид схемы на простом шаблоне.

Сегодня же речь пойдет о программных решениях от другого не менее известного производителя красок и покрытий — компании АкзоНобель хорошо знакомой нам по выпускаемым краскам под маркой Dulux. Компания предлагает нам на выбор сразу три программных продукта для подбора цвета стен — это десктопная версия программы по подбору цвета в интерьере, онлайн версия программы, ну и наконец, самое интересное на мой взгляд, приложение для мобильных гаджетов (планшетов и смартфонов), позволяющее раскрасить интерьер в режиме реального времени и увидеть результат еще до начала ремонта. Рассмотрим эти приложения подробней.

Offline Visualizer.

Начнем с — это как уже было сказано выше десктопное приложение для индивидуального цветового планирования. Содержит комплекс инструментов по подбору цвета в интерьере, которые можно использовать, не подключаясь к сети интернет. Главной особенностью этой версии является возможность использовать фотографии собственного интерьера, и попробовать на них различные варианты покраски. Для использования необходимо загрузить и установить программу на ваш компьютер, после чего можно использовать все ее возможности в любой удобный момент, даже не имея доступа к сети интернет. Программа позволяет загружать и раскрашивать свои фото интерьеров, или воспользоваться галереей имеющихся.

Подобрать нужные цвета для стен и мебели Вы сможете из предлагаемой обширной палитры. Не ошибиться с выбором поможет «поиск» нужного цвета по номеру и названию, а актуальные сочетания цвета подскажут вкладки «Тренды в цвете» и «Сочетающиеся цвета». Так же интерфейс программы содержит некоторые элементы графического редактора.

Готовые проекты можно сохранять и просматривать позже.

Системные требования:

OS — Windows XP / Vista / 7
Свободное место на диске — 25 Mb

Десктопная версия программы больше не доступна на официальном сайте производителя! Но Вы можете воспользоваться онлайн-версией программы (о ней чуть ниже), или бесплатными мобильными приложениями для iOS и Android. Ссылки на эти программы приведены в статье.

Второй программой призванной помочь Вам в подборе цвета, является . Для того чтобы начать работать с онлайн программой достаточно загрузить фото комнаты, которую планируете окрасить. И даже если у Вас нет готовой фотографии вашей комнаты, не отчаивайтесь, в ваше пользование предоставлены фотографии стандартных комнат. Весь творческий процесс сопровождается всплывающими подсказками, так что разобраться в работе не составит труда.

Вы сможете выбрать любой понравившийся оттенок из многообразной палитры цветов. Создавать координирующие цветовые схемы можно нажав на кнопку «схемы»одного из выбранных цветов.

Перейти на страницу онлайн сервиса по подбору цвета, можно по ссылке Online Visualizer .

Приложение для мобильных устройств.

И наконец, претендент на приз народных симпатий, приложение для мобильных устройств на базе iOS и Android. Примерьте цвет и раскрасьте свой мир! — Именно под таким лозунгом Dulux представляет нам новую версию бесплатного мобильного приложения. В ходе проведенного Dulux исследования выяснилось, что три четверти опрошенных переживают из-за возможных ошибок при выборе цвета стен. Именно избавить Вас от возможных ошибок и помочь определиться в выборе цветовых решений, призвано разработанное программистами AkzoNobel приложение — Dulux Visualizer.

Благодаря технологии «дополненной реальности», Вы сможете еще до проведения ремонта увидеть, как будет выглядеть Ваш интерьер после покраски. Изображение преображенного интерьера, формируется на экране вашего мобильного устройства, в режиме реального времени, в момент, когда Вы перемещаетесь по помещению. Приложение распознает мебель и предметы интерьера и «окрасит» в выбранный цвет только стены. Так же Visualizer дает возможность подобрать гармоничные цветовые сочетания к цветам и оттенкам, уже присутствующим в вашем интерьере, например к цвету декора или мебели.

• Скачайте приложение Visualizer от Dulux на свой планшет или смартфон и откройте его.
• Направьте камеру на поверхность, которую хотите окрасить в новый цвет
• Выберите цвет из палитры, предлагающей множество различных оттенков
• Теперь все, что осталось сделать — это направить устройство на стену, прикоснуться к экрану и насладиться новым цветом!

Так же приложение покажет на карте ближайшие магазины, где Вы сможете купить краску Dulux, выбранного цвета.

И в дополнение ко всему прочему, приложение содержит коллекцию видео с советами по подбору цвета и покраске стен, от профессионалов Dulux.

Предлагаем Вам посмотреть видео о возможностях мобильного приложения для подбора цвета в интерьере Dulux Visualizer .