Color hunter — еще один сервис для подбора цветовой палитры — хитрые советы

Гармония цвета: 7 сайтов-цветогенераторов

color hunter — еще один сервис для подбора цветовой палитры - хитрые советы in Полезные статьи по рисованию

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

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

Сайты-цветогенераторы

1. Design Seeds

Хозяйка этого прекрасного сайта Jessica, собирает гармоничные цветовые сочетания,  иллюстрированные фотографией с этими цветами.

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

Сайт Design Seeds имеет удобный поиск по цветовым оттенкам и по сюжетам.

Зима, весна, минералы, суккуленты, флора и фауна..

Вот так выглядит страничка поиска, всё интуитивно понятно.

2. DeGraeve

Хороший Генератор, позволяющий составить цветовую палитру любой фотографии из Интернет. Для этого достаточно вставить url адрес фото и нажать кнопку “Color-Palette-ify!”

Генератор составляет две цветовых шкалы – основные натуральные цвета фото и их более насыщенные аналоги.

Минус данного генератора, что не всякий пользователь знает, как найти адрес url…

Больше полезных материалов: John Lovett: цветовой акцент через контраст.

3.ColorHunter

На этом сайте можно загрузить свое фото и так же получить основные его цвета в двух шкалах:

Минус здесь в том, что не видно исходного фото.

4.Palette Generator

Жмем на кнопку “Select Image” и выбираем фото на своем компьютере. Загружаем и получаем вот такую схему, где можно выбрать количество оттенков. Максимальное их количество – 8.

Уже удобней, правда? И цвета более натуральные и гармоничные.

Читать в контексте: Как изменить серые краски фотографий на яркие!

5.Big Huge Labs

Выбираем файл на компьютере и жмем “Create palette”.

Получаем вот такую схему с пятнадцатью оттенками:

Хорошая игрушка, не правда ли?

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

Но являются ли данные цвета гармоничными?

Как подобрать гармоничные цветовые сочетания?

На эти вопросы дадут ответ другие генераторы цвета.

Они подбирают цвета по цветовым схемам.

6.Paletton

Мышкой выберите цвет на цветовом колесе. Справа вы увидите схему монохромной гармонии.

Выше колеса есть кнопки выбора других цветовых схем.

Чтобы получить результат в виде шкалы, нажмите на кнопку color tables внизу справа.

7.SessionsCollege

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

Выбираем цвет на цветовом круге.

Выбираем количество цветов для сочетания и схему.

Данные генераторы сделаны для создателей сайтов и блогов.

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

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

Если же вы хотите более фундаментальных знаний в понимании гармонии цвета для живописи:

  • как подбирать гармоничные
  • как смешивать нужные, как выражать цветом нужный образ

то всему этому можно научиться в курсе “Основы Цветоведения в Живописи”

Вот так мы изучаем там цветовые гармонии на практике:

Ведь в живописи все несколько сложнее и многогранней, чем в дизайне…

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

Источник: http://izo-life.ru/colorharmony/

10 лучших онлайн-инструментов для работы с цветами

Karina | 06.11.2014

В интернете существует огромное количество сервисов для работы с цветом и создания собственных цветовых гамм.

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

<\p>

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

1. Adobe Color CC

Adobe Color CC, ранее называвшийся Adobe Kuler, позволяет создавать разнообразные цветовые схемы, используя определенные комбинации.

Ранее мы писали о том, какие существуют популярные цветовые схемы (монохромная, триадная и т. д.). В Adobe Color CC вы можете выбрать одну из таких предустановленных цветовых систем либо произвольно сочетать цвета.

Все подобранные темы можно сохранять на сайте, выполнив вход под своим Adobe ID.

Перейти на сайт

2. Color Hunter

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

Перейти на сайт

3. TinEye

На сайте TinEye вы можете подобрать фотографии по различным цветам. Все снимки Creative Commons загружаются из базы Flickr. Это идеальный способ найти изображения нужных вам оттенков. Подсказка: чтобы отыскать картинки по определенному HEX-коду, можно ввести его в адрес URL (#colors=код_вашего_цвета).

Перейти на сайт

4. SpyColor

У вас есть RGB-значение цвета, а вам нужен его HEX-код? Вам нужно узнать подробную информацию о цвете? Тогда этот сайт для вас. Просто введите в поле поиска имеющиеся у вас данные (название цвета или его код) и перед вами откроется полная информация о нем, включая значения в разных цветовых моделях, гармонирующие цвета, варианты цветовых схем и примеры использования в HTML/CSS.

Перейти на сайт

5. Colormunki

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

Перейти на сайт

6. ColourGrab

ColourGrab – это еще один инструмент, с помощью которого можно создавать цветовые схемы по фотографиям. Всё что вам необходимо – это ввести URL изображения. Система выберет цвета, которые встречаются на картинке чаще всего и предоставит вам палитру с шестнадцатеричными кодами.

Перейти на сайт

7. COLRD

COLRD – это возможность найти и поделиться интересными цветовыми схемами. Данный ресурс – прекрасный источник вдохновения и настоящая услада для глаз и души. Просматривайте изображения и цветовые палитры, созданные другими пользователями, и, возможно, вы найдете именно то, что очень долго искали!

Перейти на сайт

8. Shutterstock Spectrum

Еще один сайт, на котором можно надолго задержаться, любуясь гармонией цветов – это Shutterstock Spectrum. Красивый интерфейс и большие фото вдохновят каждого на поиски идеальной цветовой палитры. Просто введите в поле поиска фразу, например, «nature» и двигайте ползунок, выбирая желаемые цвета изображений.

Перейти на сайт

9. Pictaculous

Просто загрузите изображение с компьютера на сайт и вы получите цветовую гамму загруженного фото. Здесь же вы сможете скачать сгенерированный файл цветовой палитры для Adobe Photoshop.

Перейти на сайт

10. ColoRotate

ColoRotate – хорошая альтернатива Adobe Colour CC, с красивой визуализацией цветового колеса. Вы можете создавать цветовые палитры, состоящие из более чем 5 цветов. На сайте также есть возможность почитать полезные статьи о цвете и скачать приложение ColoRotate для iPad.

Перейти на сайт

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

Источник: https://idg.net.ua/blog/10-online-instrumentov-dlja-raboty-s-cvetami

Подбор оттенка волос с помощью онлайн приложений

Покраска волос – отличный способ изменить образ, придав ему свежесть, новизну, и даже исправить некоторые недостатки.

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

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

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

Подбор оттенка для окрашивания

  • цвет волос напрямую зависит от оттенка кожи. Это связано с концентрацией меланина – красящего пигмента организма, именно он определяет закономерности. К примеру, для светлой кожи лучше всего подойдет светлый цвет волос, а для кожи с медным отливом – коричневые оттенки локонов или цвет ольха. Краска для волос не должна отличаться более чем на 1-2 тона от натурального оттенка ваших прядей;
  • желательно учитывать состояние кожи и возраст при выборе цвета. Так, различные дерматологические проблемы, например, угри или круги под глазами довольно плохо сочетаются с очень светлыми или темными локонами. В данном случае лучше всего подойдут мягкие и натуральные оттенки;
  • радикальная смена цвета должна проходить в несколько этапов. Если вы решили полностью сменить цветовую палитру, к примеру, из брюнетки в блондинку, то покраска должна проходить в несколько этапов. Есть правило – цвет волос рекомендуется менять не более чем на два тона за одну процедуру. В случае с радикальным окрашиванием рекомендуется использовать профессиональные средства. Они дают более стойкий и предсказуемый результат. Хорошо себя зарекомендовали какие марки, как Estel, Matrix, SYOSS. Имейте в виду, что палитра красок для волос SYOSS включает как профессиональные, так и серии для домашнего применения;
  • седые волосы требуют особенного отношения к окрашиванию. Во-первых, рекомендуется применять лишь краску светлых тонов, ведь именно она придает молодость и освежает лицо. Во-вторых, само средство должно быть щадящим и отличаться от натурального не более, чем на один тон, а лучше вообще использовать оттенок, максимально приближенный к натуральному;
  • карта красок – большой помощник в выборе цвета для окрашивания. Ее можно найти в любом косметическом магазине или салоне. Подобная шпаргалка поможет подобрать оттенок цвета, максимально сочетающийся с вашими натуральными локонами;
  • для того чтобы новая краска легла стойко и смотрелась насыщенно, волосы необходимо заранее подготовить. Где-то за несколько недель до нанесения краски начните применять питательные и увлажняющие маски и кондиционеры, ведь волосы просто необходимо обеспечить влагой и немного восстановить;
  • если вы не уверены в правильности своего решения, то можно попробовать нанести временную краску или оттеночный шампунь. Это процедура никак не повредит вашей шевелюре, а вы точно будете знать, подходит ли вам другой цвет;
Читайте также:  Как грамотно использовать icloud для совместной работы над документами - хитрые советы

Подбор оттенка в зависимости от цветотипа

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

Люди зимнего цветотипа отличаются холодными тонами внешности. Так, кожа у них светлого оттенка, вплоть до молочного цвета, загар ложится очень плохо. Глаза, как правило, светлые – серые или голубые, в редких случаях, карие. Цвет волос у людей цветотипа «зима» темные, причем, оттенок может варьироваться от черного, до шоколадного.

Зима

  • если волосы прямые, то смело можно выбирать темную краску. Причем это может быть насыщенно черный цвет с синими переливами, так и более светлые оттенки;
  • предельно осторожным нужно быть при использовании светлой краски для волос. В одном случае, она может подойти, в другом – только подчеркнуть все недостатки лица. Особенно нежелательны светлые тона женщинам с очень белой кожей;
  • интересно смотрятся отдельно покрашенные пряди в красный или синий тона, но не нужно забывать, что все остальные локоны при этом должны быть темного оттенка;

Весна

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

Весна

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

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

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

Осень

  • Данный тип плохо сочетается с контрастностью, ведь осень – это тепло и мягкость. Поэтому не рекомендуется брать слишком яркие и четкие цвета. Идеальный выбор – мягкий оттенок рыжего, каштанового или коричневого цветов;
  • Благодаря золотистому тону кожи, частичная покраска, особенно окрашивание в стиле омбре или балаяж, смотрится крайне изысканно. При этом, лучше всего использовать только теплые цвета;

Лето

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

Лето

  • при выборе цвета для волос рекомендуется остановиться на оттенках русого цвета. Палитра в данном случае весьма обширна – от соломенного до медового тонов;
  • различные вариации коричневой палитры – шоколадный, коньячный или каштановый цвет подходят данному цветотипу хуже всего;
  • при подборе цвета в данном случае очень важно учитывать тон кожи. Если она имеет золотистый отлив или сильный загар, то краски золотистой палитры выбирать не рекомендуется;
  • в некоторых случаях подойдет пепельный или даже белый цвет волос, особенно, если кожа немного смуглая.

Топ лучших программ для выбора цвета волос

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

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

Hair Pro

  • JKiwi. Данная утилита является полностью бесплатной, единственный минус ее – отсутствие русского языка. Но это не мешает разобраться в довольно обширном функционале. В программе имеется огромное количество шаблонов, позволяющих смоделировать макияж и подобрать цвет волос, также прическу. Для тех, кто умеет программировать, в приложении есть возможность добавления шаблонов, что значительно расширяет возможности JKiwi;
  • Salon Styler Pro. В данной программе имеется большой арсенал для формирования внешности. Так, в утилите представлена возможность автоматического подбора макияжа и особенностей волос, в зависимости от загруженной формы лица. Помимо этого, программа поможет подобрать подходящие аксессуары и украшения. Большой плюс – возможность просматривать объемное изображение конечного результата, а также на любом из этапов моделирования. Из минусов – весьма ограниченный функционал бесплатной версии;
  • Virtual HairStyler. Это онлайн-сервис для редактирования и моделирования своей внешности. Для начала работы необходимо просто загрузить свою фотографию. В приложении имеется огромное количество инструментов, позволяющих эффективно подобрать цвет и стиль прически, наложить макияж. Данная программа считается наиболее простой и комфортной в использовании даже для тех, кто далек от компьютера. Плюс к этому, в приложении есть удобный редактор с множеством дополнительных опций, для тех, кто любит поэкспериментировать со своей внешностью;
  • Maggy. Это еще одна полезная программа, которая позволяет моделировать свою внешность. В наличии имеется широкий спектр функций, с помощью которых можно не только примерить на себя другой цвет волос или прическу, но и подобрать макияж, тональный крем и даже цвет контактных линз. Конечный результат можно сохранить на компьютер или распечатать;

Maggy

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

Наглядный пример подбора оттенка волос при помощи онлайн программ смотрите на видео

Заключение

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

Источник: http://GuruHair.ru/zhenskie/okrashivanie/podbor-ottenka-volos/podbor-ottenka-volos-s-pomoshhyu-onlajn-prilozhenij.html

8 сайтов с палитрами — Блог фотобанка PressFoto

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

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

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

1 – Colorhexa

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

2 – Colllor

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

3 – Design Seeds

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

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

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

4 – 0to255

Как описывает автор свой ресурс: «я сделал сайт 0to255, чтобы упростить свою работу». Веб-дизайнеры и люди схожих профессий работают с цветами каждый день. Выбирая нужный, им необходимы его различные оттенки, а используя данный сервис можно легко сэкономить время, не обременяя себя редактированием шестнадцатеричного кода.

5 – Pictaculous

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

6 – ColoRotate:  mobile + web

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

  Сайт же предлагает, схожий, но немного урезанный функционал интерфейса, разработанный для планшета.

К сожалению, на сайте имеются недоработки, например, 3D спектр, который является фишкой сайта, на деле оказывается неудобным в использовании.

7 – Color Explorer

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

8 – Copaso

Читайте также:  Как навсегда выключить центр уведомлений и убрать его из меню в mountain lion - хитрые советы

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

Photocopa


Подведём итог:

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

Kuler 

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

фото: Дмитрий Кутлаев

Источник: https://www.pressfoto.ru/blog/8-site-collor-palette/

Десять ресурсов для работы с цветом

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

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

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

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

1. Adobe Kuler

Adobe Kuler – один из самых известных ресурсов для работы с цветом. Содержит огромную библиотеку готовых цветовых тем.

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

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

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

Несомненным плюсом Adobe Kuler является наличие его плагина в графическом редакторе Adobe Photoshop. То есть вы можете работать с  Adobe Kuler он-лайн, либо используя программу Adobe Photoshop на своём компьютере.

2. ColorScheme

ColorScheme.ru – ещё один интересный ресурс для подбора цветов и составления, цветовых тем. Основная работа также проводится в цветовом круге.

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

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

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

3. BigHugeLabs

BigHugeLabs – ещё один ресурс, на котором существует сервис Color Palette Generator, позволяющий подобрать цветовую палитру по изображению. Вы можете загрузить изображение с компьютера или прямо из социальных сетей (Фейсбук, Инстаграм).

После загрузки нажимаете «Create palette» (создать палитру) и получаете цветовую палитру. При этом каждому цвету в палитре будет присвоено название и специальный код. Полученную палитру вы можете скачать в формате ASE и использовать в дальнейшем для работы в Adobe Photoshop.

4. Pictaculous

Pictaculous.com – ресурс, позволяющий загрузить изображение и получить его цветовую схему. Несмотря на простоту использования, работать в Pictaculous очень удобно, так как он совместим с другими цветовыми сервисами: Kuler и COLOURLovers. Поэтому, помимо основной схемы изображения вы получите схемы, составленные этими сервисами.

Получившуюся цветовую схему можно сохранить через загрузчик Adobe Swatch, а в дальнейшем использовать для работы в Adobe Photoshop. Кроме того, можно отправить эту схему на свой eMail, что особенно удобно при работе в смартфоне.

5. COLOURlovers

COLOURlovers – ещё один полезный ресурс для работы с цветом, используемый как профессиональными дизайнерами, так и новичками-любителями. В библиотеке COLOURlovers около 2 млн цветовых палитр, созданных пользователями со всего мира.

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

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

6. ColorCombos

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

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

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

7. ColorExplorer

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

Набор инструментов данного ресурса позволяет не только подбирать цвета и составлять цветовые палитры, но и изучать популярные библиотеки цветов, объединять библиотеки, экспортировать палитры в такие программы, как Adobe Photoshop, Illustrator, InDesign и др.

Для того чтобы получить цветовую тему понравившегося изображения, следует загрузить его через вкладку Image Color Import. Вы увидите все цвета и оттенки (от 3 до 50), имеющиеся на данном изображении.

Очень интересно работать во вкладке Color Matching – это цветовой блендер, позволяющий изменять компоненты цвета с помощью значений RGBи HSL. Подобрав необходимую цветовую палитру, вы можете добавить её к уже существующей, либо сделать замену, ну, и как вариант, сохранить в своих палитрах My Palettes.

8. ColoRotate

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

Цвета словно оживают, потому что в объёмном виде мы визуализируем их иначе. Поэтому, используя ColoRotate, вы можете сразу увидеть многоаспектный характер цветов и отношения между ними. Вы можете редактировать цвета в 3D, смешивать между собой, выделять их из изображения, изменять значения в различных пространствах цветов, генерировать гармоничные цветовые схемы.

ColoRotate прекрасно работает самостоятельно или в паре с Adobe Photoshop. Также он доступен в качестве приложения для iPad.

9. ColRD

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

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

10. Яндекс

И, наконец, самый простой способ работы с цветом – это ввести его название в Яндекс. В результате поиска, в самом вверху страницы, вы увидите табличку, в которой  будет нужный вам цвет и соседствующие с ним оттенки. Помимо этого, Яндекс показывает шестнадцатеричный код цвета, его параметры в RGB и HSV.

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

Источник: https://www.Glamurnenko.ru/blog/desyat-resursov-dlya-raboty-s-cvetom/

28 лучших инструментов для подбора цветовых схем

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

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

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).

Читайте также:  Dvd slideshow gui - оригинальные слайдшоу - хитрые советы

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

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

Источник: http://www.internet-technologies.ru/articles/28-luchshih-instrumentov-dlya-podbora-cvetovyh-shem.html

· Инструмент для подбора цветов и генерации цветовых схем ·

Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.

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

Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета.

Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления.

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

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.

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

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

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

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

Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

Источник: https://colorscheme.ru/

Ссылка на основную публикацию