Подборка цвета – один из важнейших этапов в процессе создания хорошего дизайна.
Чтобы облегчить вам задачу, мы решили составить подборку, состоящую из лучших сервисов для создания цветовых схем. Они помогут сэкономить время, и при этом получить достойный результат.
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
Ребята, мы вкладываем душу в сайт. Cпасибо за то,
что открываете эту
красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook
и ВКонтакте
Схема № 1. Комплементарное сочетание
Комплементарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада - сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Схема № 3. Аналогичное сочетание
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале - 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Схема № 4. Раздельно-комплементарное сочетание
Вариант комплементарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплементарные сочетания, - используйте раздельно-комплементарные.
Схема № 5. Тетрада - сочетание 4 цветов
Цветовая схема, где один цвет - основной, два - дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Схема № 6. Квадрат
Сочетания отдельных цветов
- Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
- Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
- Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
- Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
- Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
- Красный: с желтым, белым, бурым, зеленым, синим и черным.
- Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
- Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
- Малиново-красный: белый, черный, цвет дамасской розы.
- Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
- Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
- Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
- Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
- Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
- Светло-оранжевый: серый, коричневый, оливковый.
- Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
- Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
- Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
- Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
- Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
- Оливковый: апельсиновый, светло-коричневый, коричневый.
- Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
- Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
- Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
- Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
- Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
- Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
- Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
- Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
- Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.
Сегодня же речь пойдет о программных решениях от другого не менее известного производителя красок и покрытий — компании АкзоНобель хорошо знакомой нам по выпускаемым краскам под маркой 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 .
Маленькая, стильная и аккуратная программка подбора цвета для оформления HTML-страниц и других задач, требующих подбора сочетающихся цветов.
Давайте посмотрим, что умеет эта программа.
Установка Color point
Поскольку программа не требует инсталляции, просто сохраняем архив на жёсткий диск, распаковываем в удобное место, открываем папку и запускаем файл с расширением exe. По умолчанию программа запускается в виде маленькой кнопки:
Работа с программой
Нажимаем на этот значок и перед нами раскрывается окно программы:
Экран
В этой вкладке программа позволяет "взять" любой цвет прямо с экрана. То есть, с любой части экрана, которая была видна в момент запуска программы. Весь экран полностью отображается в уменьшенном виде в окне "Выберите участок".
Если в этом окне нажать на любую часть, она появится в следующем окошке поменьше "Выберите цвет". Здесь уже можно более точно прицелиться и взять цвет с конкретной точки.
Также в правой части этого окна есть вспомогательные кнопки для копирования в буфер, а снизу кнопки "Обновить" (обновляет содержимое экрана) и "Применить" (сохраняет выбранный цвет и переключает окно на вкладку "Подбор").
Подбор
Здесь находятся основные инструменты для удобного подбора цвета: "Черепица", "Круг", "Web" и "Win", которые переключаются с помощью дополнительных вкладок.
Работать с этими инструментами не сложно. Просто тыкаете мышкой в тот цвет, который Вам понравился, корректируете его ползунками RGB (или HSV - если Вам ближе такой формат), и смотрите - подходит он или нет.
Если подобранный цвет понравился, можно скопировать его код из строчки "Текстовое представление". Причём, код можно выбрать также в любом из стандартных форматов, нажав маленькую стрелочку раскрытия списка.
Также, обратите внимание на третье цветовое окно в правом верхнем углу. В нём кроме выбранного цвета (вертикальная полоса) показаны ещё три цвета, хорошо сочетающиеся с выбранным.
Таким образом, программа сразу подсказывает несколько сочетающихся цветов, которые можно применить в других элементах проектируемого дизайна.
В программе довольно много разных вспомогательных кнопок. Чтобы узнать их назначение, просто наводите на них мышью и читайте подсказки, появляющиеся в самом низу окна программы.
Настройки
Здесь можно подстроить некоторые параметры вроде типа и размера шрифта и некоторых косметических свойств программы. Работать с программой будет удобнее, если убрать галочки в пунктах "Открываться на вкладке "Экран"" и "Запускаться в режиме миниокна".
О программе
В этой последней вкладке можно найти контакты разработчика и посмотреть не вышла ли новая версия программы, перейдя на его сайт.
Достоинства и недостатки программы
- в наличии множество разных инструментов для подбора цвета (круг, черепица и т.д.);
- позволяет удобно сравнивать цвета, пододвигая окно программы вплотную к другим элементам экрана;
- есть подсказки по всем кнопкам.
- немного мудрёный интерфейс;
- запуск в свёрнутом виде и на вкладке "Экран" не очень удобен (хотя, можно отключить это в настройках);
- не всем понравится цвет окна программы.
Выводы
Программа довольно мощная для бесплатной, предоставляет практически всё необходимое чтобы удобно осуществить подбор цвета при создании дизайна сайта. Есть некоторые незначительные недостатки вроде цвета окна программы (сиреневый - на любителя), но они не мешают работе с ней.
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.
P.P.S. Если программа показалась Вас сложной, есть варианты и попроще:
Лайф выбрал, а дизайнеры протестировали четыре мобильных приложения, которые должны помочь подобрать цвета для любого интерьера.
Для большинства дизайн интерьера начинается с подбора цвета. Определиться с основным оттенком нетрудно, а вот подобрать к нему вспомогательные цвета - уже сложнее. Что делать, если вы не обладаете профессиональными знаниями колористики? Разработчики ответили на этот вопрос, представив приложения для генерации цветовых палеток.
Что делает : Генератор цветовых палеток от лакокрасочного бренда Sherwin-Williams.
На чём работает : iOS и Android
Сколько стоит : бесплатно
Марьяна Багаутдинова, руководитель направления "Кухни GeD cucine", дизайнер :
"Могу с первого предложения заявить, что ColorSnap - достаточно интересное приложение. Основная идея заключается в том, что любой пользователь имеет возможность создавать свою базу сочетания цветов, используя для этого несколько вариантов: предложенные картинки из блока inspiration, ваше собственное фото, создание палетки из предоставленных цветовых раскладок.
Первое, что предлагает приложение, - это цифровые цветовые таблицы: "цветовые семьи" (например: красные, жёлтые, синие, натуральные), исторические цвета, цветовая таблица от американской компании, производящей лакокрасочные покрытия Sherwin-Williams. Что интересно, если кликнуть на тот или иной вариант, то появляется палетка с используемыми на картинке цветами и номерами, коллекциями и названиями красок от компании Sherwin-Williams. Для дизайнеров, а также для простых людей это возможность не изобретать ничего нового, а воспользоваться уже разработанными решениями. Можно попробовать покрасить стены на предложенных базовых вариантах интерьеров, которых представлено достаточно, - это и кухни, и гостиные, и спальни, и детские.
Раздел Paint a Scene, по моему мнению, больше для развлечения. Набор инструментов позволяет в вольном порядке импровизировать с деталями, цветами и способом нанесения цвета. Очень похоже на Paint. Если вы не обладатель специальных электронных гаджетов для рисования, то для того, чтобы провести изящную линию пальцем, надо изрядно постараться. Если вы профессионально занимаетесь декорированием интерьеров или же самостоятельно создаёте и оформляете своё пространство, то с помощью ColorSnap вы можете найти хорошие решения, где бы вы ни были, а впоследствии применить их на практике. Мой ответ: попробуйте!"
ColorFit
Что делает : Помогает подобрать подходящие цвета для любого предмета - нужно только навести камеру на объект и выбрать понравившиеся цветовые сочетания к нему. В качестве бонуса приложение помогает подобрать цвета в одежде.
На чём работает : iOS
Сколько стоит : 75 рублей
Александра Осьминина, эксперт:
По задумке разработчика, приложение должно предлагать колористические решения к сделанной фотографии, но цвета, с которыми работает программа, коих, к слову, немного, очень примитивны и совсем не соответствуют задаче. Интерфейс неудобен, отсутствует функция сохранения предложенных цветовых схем.
До функции инструмента для подбора цвета недотягивает, а для развлечения слишком скучно".
Color Capture by Benjamin Moore
Что делает : Приложение подбирает красивое сочетание оттенков среди красок от компании Benjamin Moore. Отличает от прочих возможность купить понравившиеся оттенки, так как компания представлена в России.
На чём работает : iOS и Android
Сколько стоит : бесплатно
Елена Плато, дизайнер интерьера, архитектор :
"Симпатичное приложение, лёгкое и интуитивное в использовании. Моментально вдохновляет. Профессиональные палитры и всё, что нужно, чтобы просто и быстро создать красивую цветовую гамму. Однозначно буду использовать".
Real Colors
Что делает : Приложение - генератор цветовых палеток. Чтобы создать идеальную, нужно выбрать (или сделать) вдохновляющую фотографию - на её основе подбирается несколько подходящих друг к другу оттенков.
На чём работает : iOS и Android
Сколько стоит : демоверсия - бесплатно/280$
Ольга Осьминина, руководитель дизайн-студии:
"Приложение Real Colors меня не впечатлило. Я не увидела ничего нового. Сразу надо уточнить, что я протестировала только демоверсию. Но за $280 покупать версию профи желание не возникло. Я уверена, что профессионал должен пользоваться своим хорошо отлаженным инструментом - глазами - и изучать колористику как науку, а обычный человек - опираться на свои личные ощущения цвета".