Есть такая проблема — найти цветовую палитру. Да, существует множество сайтов с готовыми цветовыми палитрами, но они предлагают ограниченный набор палитр и у них нет отсылки или референса, вдохновления.
И тогда я создал сайт Palitra App.
Как работает сервис?
Всё очень просто! Вводишь ключевое слово или фразу и получаешь цветовые палитры на любой вкус! Это как Гугл, только для цветовых палитр.
С технической стороны используется поиск по картинкам от Гугла и извлечение цвета из картинок. Всё очень просто!
Примеры цветовых палитр
Например, нужно найти цвета к фильму Круэлла, Веном 2, Дюна (2021)
Поиск работает на любом языке, можете вводить любые фразы и любые Гугловые операторы поиска.
Вот запрос для поиска единорогов на pinterest.com, а это Годзилла только на японском языке ゴジラ
Продвижение
Для продвижения использовался ProductHunt в результате получил море положительных отзывов и оценку 5 из 5, продукт попал в топ дня на 8 место и набрал 185 голосов! Сейчас уже 284 голосов!
PS
Ребята, если есть какие-нибудь замечания, предложения, критика, милости прошу в комменты :)
Комментарий недоступен
Спасибо вам за отзыв и предложения!
Хотелось бы только видеть, что я скопировал цвет в буфер, сейчас не очевидно.Учту ваши пожелания в новой версии.
При клике на цвет всплывает уведомление в нижнем правом углу. Возможно нужно доработать данный момент, сделать более ярче цвет уведомления.
Согласен, что не хватает более интуитивного копирования цвета или даже всей палитры. Вот бы уведомление о копировании появлялось рядом с местом, где копирование инициировано, но тогда уведомления нужно не стеком показывать, а просто перезаписывать/прятать предыдущее.
Еще хотелось бы палитру добавить в закладки/фавориты, но не само ключевое слово, так как одно и то же ключевое слово может давать разные результаты.
Сделаю удобнее. Постараюсь сделать закладки, спасибо за отзыв и пожелания!
Прекрасно. За образец фишечек и юзабилити рекомендую взять https://coolors.co/
Благодарю! Буду улучшать сервис!
И еще вот совершенно схематический набросок карточки с пожеланиями:
Все-таки, раз палитры отталкиваются от изображений, хотелось бы видеть их крупно, чтобы быстро скроллить список и беглым взглядом понимать оно или не оно. И выбирать в каком виде копировать код цвета. И избранное, да!
Хорошая идея! Сделаю, спасибо!
Огонь!
Благодарю!
Хорошо получилось! У нас тоже есть похожий продукт, но мы используем API Pixabay: https://getpalettes.com/image/
На удивление бесполезная хуйня конечно в реальном workflow ))
Ну и заезженный уже заголовок, который даже не отражает проблему в данном случае.
Тем более ещё и врёте, вокруг полно сервисов умеющих брать палитры из картинок, и экспортировать эти палитры во всевозможные форматы.
А самый пиздец (dealbreaker), поиск не работает с блокировщиком рекламы.
Сорри, но в реальном мире я уже имею на руках нужную картинку из которой мне нужна палитра, а следовательно я прокручу её там, где есть нужные инструменты для дальнейшей работы. Вы лишнее звено в этой цепочке.
Я ждал этого коммента! Спасибо за хейт!
Тем более ещё и врёте, вокруг полно сервисов умеющих брать палитры из картинок, и экспортировать эти палитры во всевозможные форматы.Так мой сервис с ними не конкурирует, картинки вторичны. Вы читали внимательно? Это поиск палитр! И ссылки можно на ваши сервисы?
А самый пиздец (dealbreaker), поиск не работает с блокировщиком рекламы.С этим пунктом согласен
Сорри, но в реальном мире я уже имею на руках нужную картинку из которой мне нужна палитра, а следовательно я прокручу её там, где есть нужные инструменты для дальнейшей работыПростите, вы все картинки носите с собой? В моем сервисе ничего не нужно кроме ключевой фразы.
Всегда пожалуйста, если что я рядом
Ждите следующую публикацию! Спасибо!
Идея хорошая. Пути развития — в строну удобства использования:
— добавить разные цветовые схемы (RGB, CMYK, HSB, LAB)
— добавить шестнадцатиричные коды цветов
— при клике на палитру открывать её на всю страницу, подобно color.adobe.com
— добавить обратный поиск — по палитре найти картинки
Спасибо за отзыв и предложения!
— добавить обратный поиск — по палитре найти картинкисложно наверное будет сделать, но поробую что-нибудь придумать
Расстояние между двумя цветами можно вычислить с помощью функции https://www.micro-epsilon.com/service/glossar/Farbabstand.html
При поиске по палитре искать такие изображения, где среднеквадратическое отклонение расстояний между палитрой и цветами в картинке минимально.
Сложность в том что нужна уже готовая база картинок и по ней искать, основываясь на вводной палитре. Если API Гугла позволит такое сделать, то можно сделать
Рассчитайте палитры для ограниченного числа картинок — скажем, миллиона — посмотрите, во сколько это обойдётся с точки зрения серверных ресурсов, и идите к облачным провайдерам за мощностями для стартапа.
Сейчас AWS, Azure, Google Cloud дают стратапам от 25 до 100 тыс. долл. своими сервисами, если прийти с хорошей идеей.
А потребители такого сервиса уже есть — например, производители смарт-телевизоров, которые раз в секунду делают скриншот того, что смотрят зрители:
https://habr.com/ru/company/globalsign/blog/592407
Целиком картинки хранить и отправлять накладно, поэтому они коллекционируют некий набор разноцветных квадратиков, который им нужно сравнивать с образцами, чтобы понять, что человек смотрит — порнуху или выступление генерального секретаря.
Тут как раз поиск похожих картинок по палитрам поможет.
Мне кажется, что проще пойти иным путем: сохранять в базе палитры и ассоциированные с ними ссылки на картинки, которые уже были когда-то посчитаны и выданы пользователям по запросам, а затем сравнивать кастомную палитру новых юзеров не с картинками, а с сохраненными палитрами, подбирать ближайшие и выдавать ассоциированные с ними картинки.
У этого подхода есть свои минусы: ссылки могут уже умереть, а база будет пополняться только со скоростью пользовательского наплыва людей.
Думаю, изначально автору так и придётся сделать.
Зато здесь прямой понятный кейс, зачем нужны деньги инвесторов — чтобы ускорить просчёт палитр для всех картинок в интернете.
Пойдём простым путём, если будет спрос на такой сервис, то можно и расширяться
Вот этот подход проще согласен, можно сделать
любопытный сервис ^)
Хотелось бы иметь возможность выбрать количество цветов в палитре.
Хорошо, сделаю.
Добавьте, пожалуйста, возможность загружать сторонние картинки на ваш сайт, чтобы из их бралась палитра.
Здравствуйте, Артём!
Уже делаю данную функциональность!
Спасибо, огромное
Идея неплохая, но, наверное, надо ограничивать черно-белую выдачу исходных фото.
Вы имеете ввиду, убирать дубликаты палитр из результата поиска?
Спасибо!
Да именно.
Это копия вот этого старого сайта из топ-1? https://colorhunt.co
Нет! А в чём копия по вашему?
Я лишь уточнил, так как для моих целей сайты идентичны. Раз нет, то добавлю ваш в закладки, чтобы потом получше изучить.
Тот сайт не ищет по любой фразе как я понял, только по ограниченным ключевым словам. А мой ищет по любой ключевой фразе, на любом языке.
Пользуйтесь на здоровье!
Спасибо!
Спасибо вам за отзыв и предложения!
Хотелось бы только видеть, что я скопировал цвет в буфер, сейчас не очевидно.Учту ваши пожелания в новой версии.
При клике на цвет всплывает уведомление в нижнем правом углу. Возможно нужно доработать данный момент, сделать более ярче цвет уведомления.