Большой список сайтов, по получению основных цветов из картинки или просто подбору подходящей палитры

Большой список сайтов, по получению основных цветов из картинки или просто подбору подходящей палитры Цвет, Палитра, Основные цвета картинки, Подбор цвета, Цветовой ряд, Гармоничные цвета, Дизайн, Ui, Длиннопост

Предисловие:


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


Если вы хотите получить подобную палитру на основе картинки оффлайн, то, думаю, самый простой способ сделать это - провести "пикселизацию" картинки. В Adobe Photoshop это делается с помощью инструмента "Мозаика" (пункт Фильтр > Оформление > Мозаика).


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


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


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


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


Так же некоторые из этих сайтов-сервисов позволяют сгенерировать css, для выбранной палитры или скачать цвета в файл ASE, ACO или в картинку png или jpg. Некоторые принимают только .jpg картинки, а некоторые даже .gif. Некоторые позволяют создать аккаунт и сохранять подборки цветов, другие не имеют такого сервиса. Различий, функций и критериев очень много, надеюсь вы найдете то, что вам поможет.

Категории:

Сайты для генерации палитры основных цветов по картинке

Сайты по поиску картинок определенного оттенка или цвета

Сайты для генерации палитры основных цветов определенного сайта

Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.

Палитры с подобранными цветами Material Design и динамическими макетами Android приложения

Мультифункциональные сайты с разными инструментами для цвета

Сайты с картинками и готовыми палитрами цветов к ним

Сайты с просто подборками гармоничных цветов

Источники

Сайты для генерации палитры основных цветов по картинке:

https://color.adobe.com/

http://palettefx.com/

http://patorjk.com/color-palette-generator/

https://www.degraeve.com/color-palette/

https://lokeshdhakar.com/projects/color-thief/

https://www.colourlovers.com/photocopa

https://www.aminus3.com/color/scheme-generator/

http://labs.tineye.com/color/

https://www.imgonline.com.ua/get-dominant-colors.php

https://www.generateit.net/color-palette-generator/

http://www.cssdrive.com/imagepalette/index.php

http://colrd.com/create/image-dna/

https://colordrop.io/scan/

http://www.colorhunter.com/

https://bighugelabs.com/colors.php

http://www.colr.org/

http://materialmixer.co/#image

http://colorexplorer.com/imageimport.aspx

https://www.wisegeek.com/how-can-i-find-the-average-color-in...

https://dribbble.com/

https://coolors.co/app


Сайты по поиску картинок определенного оттенка или цвета:

https://dribbble.com/colors/

https://services.tineye.com/MulticolorEngine

https://www.aminus3.com/color/

http://colrd.com/


Сайты для генерации палитры основных цветов определенного сайта:

https://www.colorcombos.com/grabcolors.html

http://webcolourdata.com/


Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.:

https://color.adobe.com/

http://paletton.com/

http://colorblender.com/

https://colorscheme.ru/

http://colorexplorer.com/colorpicker.aspx

http://colormixers.com/

https://coolors.co/app

http://www.ficml.org/jemimap/style/color/wheel.html

http://colrd.com/create/color/

https://meyerweb.com/eric/tools/color-blend/

https://www.sessions.edu/color-calculator/

http://colory.ru/colorgenerator

http://colory.ru/colorgenerator2

https://www.colorspire.com/

http://materialmixer.co/#color

http://mcg.mbitson.com/

https://www.materialpalette.com/colors

http://www.workwithcolor.com/hsl-color-picker-01.htm

http://www.workwithcolor.com/mm-color-blender-01.htm

http://www.workwithcolor.com/hsl-color-schemer-01.htm

http://www.workwithcolor.com/color-converter-01.htm


Палитры с подобранными цветами Material Design и динамическими макетами Android приложения:

(Там гармоничные, сочетающиеся цвета, но в основном эти сайты для Android UX дизайнеров)

https://www.materialpalette.com/

https://codecrafted.net/randommaterial/

http://materialmixer.co/


Мультифункциональные сайты с разными инструментами для цвета:

(На этих сайтах есть инструменты не только подбора цвета в виде обычной палитры, но и для генерации градиента, паттерна или чего-нибудь еще)

http://colrd.com/

https://www.colourlovers.com/

https://www.colorcombos.com/

https://www.degraeve.com/

https://colordrop.io/

https://coolors.co/

https://www.imgonline.com.ua/


Сайты с картинками и готовыми палитрами цветов к ним:

(Поможет, если вдруг не хватает фантазии)

https://colorpalettes.net/

https://color.romanuke.com/

http://www.colorhunter.com/

http://colrd.com/

http://www.cssdrive.com/

http://moviesincolor.com

https://www.design-seeds.com/

https://www.aminus3.com/color/


Сайты с просто подборками гармоничных цветов:

https://coolors.co/browser/latest/1

https://colordrop.io/

https://colorhunt.co/

http://www.colormunki.com/pantone

http://www.colormunki.com/munsell

https://colorup.tikkurila.com/index.html#/l/ru/6/8/colors

https://www.colorcombos.com/popular-color-combinations

http://colrd.com/palette/


Источники:

http://www.dejurka.ru/articless/color-swatches/

https://designshack.net/articles/inspiration/developing-a-co...

https://tin-liva.livejournal.com/89084.html

http://do.esprezo.ru/color-picking

https://vgrafike.ru/ochetaniya-cvetov-onlajn/

http://www.nautical.dorisyershova-design.ru/2014/07/14/%D1%8...

http://www.workwithcolor.com/more-online-color-tools.htm

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

Графический и Веб-дизайн

954 поста12.5K подписчика

Добавить пост

Правила сообщества

Можно:


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


Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.


Нельзя:


1. Публиковать сообщения, картинки, не соответствующие тематике;

2. Размещать ссылки рекламного характера;

3. Перегибать палку;


Если оступился:


в случае нарушений, доступ в группу будет закрыт, а пользователь занесен в бан-лист;

Вы смотрите срез комментариев. Показать все
73
DELETED
Автор поста оценил этот комментарий
Иллюстрация к комментарию
раскрыть ветку (41)
64
Автор поста оценил этот комментарий
Моя боль(( так хочу увидеть его черно-синим, но ни разу не получилось
раскрыть ветку (36)
88
Автор поста оценил этот комментарий

Держи черно-синее. Не благодари

Иллюстрация к комментарию
раскрыть ветку (15)
41
Автор поста оценил этот комментарий
Но оно бело-желтое
раскрыть ветку (14)
49
Автор поста оценил этот комментарий
есть тут еще люди, которые видят это платье голубовато-золотистым? или голубовато-светлокоричневым?
раскрыть ветку (4)
13
Автор поста оценил этот комментарий
Да есть. Но мне не по себе как-то...
11
Автор поста оценил этот комментарий
Бля, как выложить скриншот с глаз? Я ни разу не видел его другим цветом. Как не морщился ,под каким углом не смотрел, не получается у меня ничего, кроме сине золотистого)
раскрыть ветку (2)
8
Автор поста оценил этот комментарий
Да что за хрень то? Оно же синее. Как его можно увидеть золотистым
1
Автор поста оценил этот комментарий

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

23
DELETED
Автор поста оценил этот комментарий
Неа, дважды черно-синее)
раскрыть ветку (8)
12
DELETED
Автор поста оценил этот комментарий
Дважды бело-золотое. Просто фотка против света, кадр засвечен
раскрыть ветку (7)
43
DELETED
Автор поста оценил этот комментарий
Иллюстрация к комментарию
раскрыть ветку (6)
15
Автор поста оценил этот комментарий
Но это же коричневый и серый, что похоже на золотистый и белый в условиях плохой освещенности
раскрыть ветку (2)
1
Автор поста оценил этот комментарий

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

1
Автор поста оценил этот комментарий

Плохая освещенность? Тебя не смущает что на фоне всё дико пересвечено?

3
DELETED
Автор поста оценил этот комментарий

блять. Пока не увидел эту картинку, оно было для меня черно-синим...

раскрыть ветку (2)
3
DELETED
Автор поста оценил этот комментарий
Комментарий удален. Причина: данный аккаунт был удалён
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

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

Иллюстрация к комментарию
25
Автор поста оценил этот комментарий
+только наоборот ,ни разу не видел бело золотым
12
Автор поста оценил этот комментарий

Ни разу не видел его бело-желтым ((

35
Автор поста оценил этот комментарий

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

раскрыть ветку (6)
3
Автор поста оценил этот комментарий
Я когда первый раз в жизни встретилась с этой колдунской картинкой, пролистывая ленту, тоже увидела бело-золотым. Да и сейчас ситуация была такая же, но после тоже никогда специально не могла увидеть бело-золотое...
11
Автор поста оценил этот комментарий
прочитал твой коммент и решил повторить. Не сработало и влепил тебе минус, позвал девушку чтобы показать ей платье и вдруг увидел его чёрно-синим😲😲😲😲
раскрыть ветку (4)
12
Автор поста оценил этот комментарий

Минус-то хоть убрал? :D

раскрыть ветку (3)
1
Автор поста оценил этот комментарий
Хотел убрать минус, а там уже плюс! Черная магия!
раскрыть ветку (1)
Автор поста оценил этот комментарий

Черно-синяя магия!

2
Автор поста оценил этот комментарий
конечно)
3
Автор поста оценил этот комментарий
https://youtu.be/bg41XfnIBvk не благодари
3
Автор поста оценил этот комментарий
Наркоман что ли?
5
Автор поста оценил этот комментарий

я просто в фш пипеткой цвета проверила и успокоилась: серо-голубой и коричневый там

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Речь ведется о настоящем цвете платья

2
Автор поста оценил этот комментарий
Да и не парься, оно реально золотисто-голубоватое на фотке. А то, что кто-то додумывает искажения баланса белого - это уже их дело. Может, это фотка 6а другой планете и там вообще свет зелёный, давайте теперь думать - каким будет цвет платья при освещении солнечным светом.
Автор поста оценил этот комментарий
Все уже давно доказано, какое оно. Даже не вздумай начинать это снова )))
раскрыть ветку (1)
3
Автор поста оценил этот комментарий

не важно какое оно в жизни - на картинке оно именно серо-голубое и коричневое это в любой проге для рисования пробой проверяется

Автор поста оценил этот комментарий

если у тебя ноутбук покачай экран туда сюда

раскрыть ветку (3)
8
Автор поста оценил этот комментарий

я даже с качанием экрана вижу его бело-золотым(((

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

раскрыть ветку (2)
3
Автор поста оценил этот комментарий

Посмотри фон за платьем, он ужасно пересвечен, как это можно не видеть?  

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

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

1
Автор поста оценил этот комментарий
Пытался заставить себя увидеть сине-чёрное, всматриваясь в фон, но все равно становится только золотисто-голубое
Автор поста оценил этот комментарий
Что за магия, зашла в комменты, увидела бело желтое, спустилась вниз и обратно вверх оно сине черноееее
раскрыть ветку (2)
3
DELETED
Автор поста оценил этот комментарий

Тоже самое было. Еще тогда. Первый и единственный раз увидел бело-золотым. Пошел показывать родителям - стало черно синим. И до сих пор такое.

раскрыть ветку (1)
2
Автор поста оценил этот комментарий
Я его раньше всегда сине черным видела))
и вот единственный раз когда бело желтым О.О
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку