Разное

Основные цвета картинки – Определить основные цвета картинки онлайн

Определение доминирующих тонов на изображении [v 1.1] / Habr

После публикации прошлой статьи, я полностью забил на попытку выполнить алгоритм при помощи HSV или Lab координат. Забил на использовании библиотек цветов и вообще на сам скрипт забил.

Но что-то стало скучно и опять зачесались руки поработать с изображениями и одновременно захотелось исправить уже имеющийся алгоритм.
Скрипт: link


Решение

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

Возникало это все вот почему. Уникальный идентификатор цвета определялся как (r-g)*1000000+(r-b)*1000+(g-b)

. Соответственно цвета имеющие одинаковые идентификаторы являлись подобными. При обработке постоянно вносилась все большая погрешность в r, g и b составляющие цвета. Вносилось простейшим округлением: round(round( (r-g)/$error ) * $error) итд.

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

Также из-за разбиения тонов на интервалы яркости, пришлось увеличить количество обрабатываемых цветов. Теперь вместо 60000, алгоритм обрабатывает 500000 цветов и шаг проверки уменьшился с 20px до 10px. Так что возможно замедление работы.

Результат

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




Дополнительно

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

UPD_1 По просьбе некоторых пользователей, добавил вывод цветов в hex формате после обработки изображения. RGB нужен?
UPD_2 Добавил поддержку PNG.
UPD_3 Автор фотографии рыжей девушки: Елена Серебрякова.

UPD_4 Пересчет яркости по формуле 0.299*R + 0.587*G + 0.114*B. Изменена погрешность. Добавлена возможность перевода цвета из HEX в RGB формат.
UPD_5 Уменьшил пороговую погрешность. Добавил возможность определения цветов на загруженной фотографии. Просто кликните в нужном месте на изображении.

habr.com

Давайте разберем любимую картинку по цветам

Все из нас в какой-то мере любят эти картинки. Кто-то больше, кто-то меньше.

Интригующее начало, неправда ли? О чем я? А вот о чем:

И вот, наверное, не только у меня, думаю, возникала в черепной коробке шальная мысль: “А вот бы свою картинку разложить по цветам!”

Мало ли для чего…

При помощи бесплатной программы “Adobe Kuler” это сделать легко.

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

Вопрос – Для чего мне это вообще-то нужно?

Ответ 1 – Ситуация – Работа продана, материалов таких больше в природе нет, а возникло желание повторить атмосфЭру. Разберем по цветам и создадим примерно то, что нужно.

Ответ 2 – Заказчик просит натворить что-нибудь по фото из журнала, интернета и тп. Вообще непонятно из чего, но вот они -основные цвета – и работа пошла на лад!

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

Убедила? Нет, ну хотя бы чтобы просто посмотреть, что это за программа?

Ага! Тем более, что делов-то на пару кликов!

Заходим по ссылке и имеем вот такую картинку:

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

Пример:

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

Допустим, вот так:

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

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

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

– красочная
– яркая
– приглушенная
– насыщенная
– темная
– произвольная

По умолчанию установлена произвольная. Но вот, как меняется картина при изменении, допустим, “красочной” палитры на, к примеру, приглушенную:

Красочная:

Приглушенная:

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

Но сохранить можно только со своим регистрационным кодом, коего у меня нет – я не зарегистрирована в программе Adobe.. и что?.. И ничего – есть стандартный инструмент рабочего стола Майкрософта “Ножницы” – ими и вырезаем то, что нам надо и либо потом распечатываем палитру, либо коллажируем и несемся на всех парах в магазин материалов, дабы откупить то, что нам сегодня пожелалось!

Приведем пример на каком-нибудь интернетном образе:

Или вот моя собственная отвлеченная картинка:

Друзья! Огромное спасибо за Ваше потраченное время.

Надеюсь, эта находка будет Вам полезной и не сомневаюсь в том, что пытливый рукодельный ум найдет ей применение, если уже (по мере прочтения) не нашел!

Картинка взяты из интернета из открытых источников.
Остальное фототворчество – собственного производства.

www.livemaster.ru

Поиск изображений по цвету: 15 безупречных коллекций для проектов

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

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

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

Голубой

Посмотреть коллекцию

Ассоциации с голубым:

  • Безмятежность
  • Безопасность
  • Целостность
  • Мир
  • Верность
  • Доверие
  • Ум

Бирюзовый

Посмотреть коллекцию

Ассоциации с бирюзовым:

  • Духовность
  • Исцеление
  • Защита
  • Утонченность

Зеленый

Посмотреть коллекцию

Ассоциации с зеленым:

  • Свежесть
  • Окружающая среда
  • Новизна
  • Деньги
  • Плодородие
  • Исцеление
  • Земля

Желтый

Посмотреть коллекцию

Ассоциации с желтым:

  • Яркий
  • Солнечный
  • Энергичный
  • Теплый
  • Счастливый
  • Дерзкий
  • Радость
  • Интеллект

Фиолетовый

Посмотреть коллекцию

Ассоциации с фиолетовым:

  • Величие
  • Благородство
  • Духовность
  • Роскошь
  • Амбиции
  • Богатство

Розовый

Посмотреть коллекцию

Ассоциации с розовым:

  • Здоровый
  • Счастливый
  • Женственный
  • Сладкий
  • Сострадание
  • Игривый

Красный

Посмотреть коллекцию

Ассоциации с красным:

  • Любовь
  • Страсть
  • Энергия
  • Мощь
  • Сила
  • Жара
  • Желание

Оранжевый

Посмотреть коллекцию

Ассоциации с оранжевым:

  • Смелость
  • Уверенность
  • Дружелюбие
  • Успех

Коричневый

Посмотреть коллекцию

Ассоциации с коричневым:

  • Дружелюбие
  • Земля
  • Природа
  • Долголетие
  • Консерватизм

Бежевый

Посмотреть коллекцию

Ассоциации с бежевым:

  • Надежный
  • Пластичный
  • Хрустящий
  • Консерватизм

 

Золотой

Посмотреть коллекцию

Ассоциации с золотым:

  • Богатство
  • Мудрость
  • Процветание
  • Ценность
  • Традиции

Серебрянный

Посмотреть коллекцию

Ассоциации с серебряным:

  • Гламур
  • Хай-тек
  • Изящность
  • Элегантность

 

Белый

Посмотреть коллекцию

Ассоциации с белым:

  • Доброта
  • Невинность
  • Непорочность
  • Свежесть
  • Легкость
  • Чистота

Серый

Посмотреть коллекцию

Ассоциации с серым:

  • Безопасность
  • Надежность
  • Ум
  • Солидный

Черный

Посмотреть коллекцию

Ассоциации с черным:

  • Защита
  • Элегантность
  • Драматизм
  • Стиль
  • Официоз

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

Подписывайтесь на наш блог

Получайте лучшие статьи по фотографии и бонусы доступные только подписчикам

Комментарии

комментариев

blog.depositphotos.com

Цвета в фотографии: основные и дополняющие

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

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

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

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

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

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

  • Красный в соединении с желтым создают оранжевый (дополняющим цветом для оранжевого будет синий)
  • Желтый при смешении с синим дает зеленый (дополняющий к нему – это красный)
  • Синий с красным создают фиолетовый (дополняющий к фиолетовому будет желтый)

С помощью цветов, расположенных рядом друг с другом на «цветовом круге», можно создавать гармоничные сочетания. Цветовая гармония на снимке влияет на зрителя успокаивающе. Также можно создавать красивые фотографии с помощью “монохромного” цвета. Этот эффект включает в себя использование одинакового цвета или его оттенков, с помощью мягкого света, сводящего цвета.

Важно:

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

Читайте также:

Рисование: первичные и дополняющие цвета

Эпическое видео к столетию Nikon

Как продвигать себя в качестве фотографа в Instagram

say-hi.me

Как получить основные цвета картинки? — Toster.ru

Подскажите чем можно вытащить основные цвета из картинки?
Пользовался npm imagecolors, но проблема заключается в следующем:
Мне нужно организовать поиск по цвету картинки (/?colors=ffffff), из имеющихся 200к изображений, все цвета при заливки изображения сохраняются в базу данных в виде массива ([‘ffffff’, ‘cccccc’]), так вот, проблема в том что с imagecolors я получаю 5 первых цветов, в итоге из 200к изображений по поиску определенного цвета находится только одно изображение (в основном).

Получается что берутся все пиксели с кучей оттенков и в итоге поиск по цвету находит только одну картинку.
Как быть? Что делать?
Может есть какие то npm с помощью которых можно получить основную цветовую палитру (общую, преобладающую) или например npm позволяющие сконвертировать hex в название цвета, чтобы при запросе fffffff определить цвет как white и найти названия цветов в массиве цветов [‘white’, ‘green’, ‘orange’]

Спасибо за любую информацию!

Собственно само решение, может кому то и пригодится =)
Устанавливаем пакет npm imagecolors, с помощью него при сохранении картинки на сервер нужно будет получить RGB и Percent цветовой палитры картинки. Я сохраняю все данные и всего скорее буду экспериментировать еще с различными выборками.
Вот то нужно что выплевывает imagecolors на данный момент с одного изображения

[
    {
         rgb: {
             r:  255,
             g: 255,
             b: 255
         },
         percent: 20.5 // процент преобладания цвета на данном изображении
    },
     {
         rgb: {
             r:  44,
             g: 55,
             b: 66
         },
         percent: 11
    }
]

В коллекции я сохраняю все это данные в поле db.images.pixels, в схеме монгуста банально тип массив


pixels: { type: Array }

Пользователям предоставляю ссылки на поиск картинок по цветам такого вида

search?pixels[r]=255&pixels[g]=255&pixels[b]=255&pixels[min]=10

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

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

Col.find({
     pixels: {
         '$elemMatch': {
              'rgb.r':  { $lte: 255-10,  $gte: 255+10 },
              'rgb.g':  { $lte: 255-10,  $gte: 255+10 },
              'rgb.b':  { $lte: 255-10,  $gte: 255+10 },
              'percent': { $gte: 10 }
         
     }
})

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

toster.ru

Палитра цветов с названиями – IMG online

Палитра из 137 цветов с названиями, RGB значениями и HEX (HTML) кодом.

Название цветаRGBHEX
Тёмно-бордовыйrgb(128,0,0)#800000
Тёмно-красныйrgb(139,0,0)#8B0000
Огнеупорный кирпичrgb(178,34,34)#B22222
Красныйrgb(255,0,0)#FF0000
Лососевыйrgb(250,128,114)#FA8072
Томатныйrgb(255,99,71)#FF6347
Коралловыйrgb(255,127,80)#FF7F50
Оранжево-красныйrgb(255,69,0)#FF4500
Шоколадныйrgb(210,105,30)#D2691E
Песочно-коричневыйrgb(244,164,96)#F4A460
Тёмно-оранжевыйrgb(255,140,0)#FF8C00
Оранжевыйrgb(255,165,0)#FFA500
Тёмный золотарникrgb(184,134,11)#B8860B
Золотарниковыйrgb(218,165,32)#DAA520
Золотойrgb(255,215,0)#FFD700
Оливковыйrgb(128,128,0)#808000
Жёлтыйrgb(255,255,0)#FFFF00
Жёлто-зелёныйrgb(154,205,50)#9ACD32
Зелёно-жёлтыйrgb(173,255,47)#ADFF2F
Шартрёз (ликёр)rgb(127,255,0)#7FFF00
Зелёный газонrgb(124,252,0)#7CFC00
Зелёныйrgb(0,128,0)#008000
Лаймовыйrgb(0,255,0)#00FF00
Зелёный лаймrgb(50,205,50)#32CD32
Весенне зелёныйrgb(0,255,127)#00FF7F
Весенне-зелёный нейтральныйrgb(0,250,154)#00FA9A
Бирюзовыйrgb(64,224,208)#40E0D0
Светло-зелёное мореrgb(32,178,70)#20B2AA
Бирюзовый нейтральныйrgb(72,209,204)#48D1CC
Тёмный цианrgb(0,139,139)#008B8B
Морская волнаrgb(0,255,255)#00FFFF
Тёмно-бирюзовыйrgb(0,206,209)#00CED1
Небесно-голубой тёмныйrgb(0,191,255)#00BFFF
Обманчивый синийrgb(30,144,255)#1E90FF
Королевский синийrgb(65,105,225)#4169E1
Военно-морского флотаrgb(0,0,128)#000080
Тёмно-синийrgb(0,0,139)#00008B
Cиний нейтральныйrgb(0,0,205)#0000CD
Синийrgb(0,0,255)#0000FF
Сине-фиолетовыйrgb(138,43,226)#8A2BE2
Тёмная орхидеяrgb(153,50,204)#9932CC
Тёмно-фиолетовыйrgb(148,0,211)#9400D3
Фиолетовыйrgb(128,0,128)#800080
Тёмный маджентаrgb(139,0,139)#8B008B
Маджентаrgb(255,0,255)#FF00FF
Фиолетово-красный нейтральныйrgb(199,21,133)#C71585
Насыщенный розовыйrgb(255,20,147)#FF1493
Ярко-розовыйrgb(255,105,80)#FF69B4
Малиновыйrgb(220,20,60)#DC143C
Коричневыйrgb(165,42,42)#A52A2A
Красный индийскийrgb(205,92,92)#CD5C5C
Розово-коричневыйrgb(188,143,143)#BC8F8F
Светло-коралловыйrgb(240,128,128)#F08080
Снегrgb(255,250,250)#FFFAFA
Туманная розаrgb(255,228,225)#FFE4E1
Тёмный лососьrgb(233,150,122)#E9967A
Светлый лососьrgb(255,160,122)#FFA07A
Охраrgb(160,82,45)#A0522D
Морская ракушкаrgb(255,245,238)#FFF5EE
Седло Браунrgb(139,69,19)#8B4513
Персиковая пудраrgb(255,218,185)#FFDAB9
Перуrgb(205,133,63)#CD853F
Текстильныйrgb(250,240,230)#FAF0E6
Бисквитrgb(255,228,196)#FFE4C4
Плотное деревоrgb(222,184,135)#DEB887
Загарrgb(210,180,140)#D2B48C
Античный белыйrgb(255,235,215)#FAEBD7
Белый навахоrgb(255,222,173)#FFDEAD
Бланшированный миндальrgb(255,235,205)#FFEBCD
Побег папайиrgb(255,239,213)#FFEFD5
Мокасиновыйrgb(255,228,181)#FFE4B5
Пшеничныйrgb(245,222,179)#F5DEB3
Старое кружевоrgb(253,245,230)#FDF5E6
Цветочный белыйrgb(255,250,240)#FFFAF0
Кукурузный волосrgb(255,248,220)#FFF8DC
Хакиrgb(240,230,140)#F0E68C
Лимонный шифонrgb(255,250,205)#FFFACD
Бледный золотарникrgb(238,232,170)#EEE8AA
Тёмный хакиrgb(189,183,107)#BDB76B
Бежевыйrgb(245,245,220)#F5F5DC
Светло-жёлтый золотарникrgb(250,250,210)#FAFAD2
Светло-жёлтыйrgb(255,255,224)#FFFFE0
Слоновая костьrgb(255,255,240)#FFFFF0
Тёмно-оливковыйrgb(107,142,35)#6B8E23
Тёмно-оливковый зелёныйrgb(85,107,47)#556B2F
Тёмно-зелёное мореrgb(143,188,143)#8FBC8F
Тёмно-зелёныйrgb(0,100,0)#006400
Зелёный леснойrgb(34,139,34)#228B22
Светло-зелёныйrgb(144,238,144)#90EE90
Бледно-зелёныйrgb(152,251,152)#98FB98
Медвяная росаrgb(240,255,240)#F0FFF0
Зелёное мореrgb(46,139,87)#2E8B57
Зелёное море, нейтральныйrgb(60,179,113)#3CB371
Мятный кремrgb(245,255,250)#F5FFFA
Аквамариновый нейтральныйrgb(102,205,170)#66CDAA
Аквамариновыйrgb(127,255,212)#7FFFD4
Тёмный грифельно-серыйrgb(47,79,79)#2F4F4F
Бледно-бирюзовыйrgb(179,238,238)#AFEEEE
Светло-голубойrgb(224,255,255)#E0FFFF
Лазурныйrgb(245,255,255)#F0FFFF
Серо-синийrgb(95,158,160)#5F9EA0
Пыльный голубойrgb(176,224,230)#B0E0E6
Светло-синийrgb(173,216,230)#ADD8E6
Небесно-голубойrgb(135,206,235)#87CEEB
Небесно-голубой светлыйrgb(135,206,250)#87CEFA
Синяя стальrgb(70,130,180)#4682B4
Синяя Элисrgb(240,248,255)#F0F8FF
Серый шиферrgb(112,128,144)#708090
Светло-серый шиферrgb(119,136,153)#778899
Светло-стальной синийrgb(176,196,222)#B0C4DE
Васильковый голубойrgb(100,149,237)#6495ED
Лавандаrgb(230,230,250)#E6E6FA
Призрачно-белыйrgb(248,248,255)#F8F8FF
Полуночный синийrgb(25,25,112)#191970
Аспидно-синийrgb(106,90,205)#6A5ACD
Тёмный аспидно-синийrgb(72,61,139)#483D8B
Нейтральный аспидно-синийrgb(123,104,238)#7B68EE
Фиолетовый нейтральныйrgb(147,112,219)#9370DB
Индигоrgb(75,0,130)#4B0082
Нейтральный цвет орхидеиrgb(186,85,211)#BA55D3
Слива светлаяrgb(221,160,221)#DDA0DD
Розово-фиолетовыйrgb(238,130,238)#EE82EE
Чертополохrgb(216,191,216)#D8BFD8
Орхидеяrgb(218,112,214)#DA70D6
Розово-лавандовыйrgb(255,240,245)#FFF0F5
Лиловыйrgb(219,112,147)#DB7093
Розовыйrgb(255,192,203)#FFC0CB
Светло-розовыйrgb(255,182,193)#FFB6C1
Чёрныйrgb(0,0,0)#000000
Тускло-серыйrgb(105,105,105)#696969
Серыйrgb(128,128,128)#808080
Тёмно-серыйrgb(169,169,169)#A9A9A9
Серебряныйrgb(192,192,192)#C0C0C0
Светло-серыйrgb(211,211,211)#D3D3D3
Геинсбороrgb(220,220,220)#DCDCDC
Белый дымrgb(245,245,245)#F5F5F5
Белыйrgb(255,255,255)#FFFFFF

www.imgonline.com.ua

15 генераторов по подбору цвета

Подбор цвета — это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию. Известно значение цвета и в психологии — влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором. Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.

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

В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.

Русские сервисы сочетания цветов

  1. colorscheme — цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
  2. In colour balance — всевозможные цветовые палитры, выделенные из лучших образцов фото.
  3. colorup.tikkurila — помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
  4. Color Adobe — сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его сэту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
  5. Генератор цветовых схем

Англоязычные сайты по подбору цвета

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

  1. Random Material Generator — название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
  2. Material Mixer — позволяет смешать и посмотреть сочетания двух цветов.
  3. Colorhunter — готовые цветовые решения.
  4. Palette Generation — генерация оттенков цвета.
  5. Material Palette — выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
  6. Colorotate — воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash алеера в вашем браузере.
  7. Colorblender — Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
  8. Colorspire — еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
  9. Paletton — подбор сочетания цветов в зависимости от разных цветовых систем.
  10. Colorexplorer  — двигайте ползунки и выбирайте схему!

vgrafike.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *