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

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

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

Решение

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

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

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

Результат

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

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

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

search?pixels[r]=255&pixels[g]=255&pixels[b]=255&pixels[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 }
         
     }
})