Трибуна
Askar Yusupov

Я запарился искать цветовые палитры и создал Palitra App

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

И тогда я создал сайт Palitra App.

Как работает сервис?

Всё очень просто! Вводишь ключевое слово или фразу и получаешь цветовые палитры на любой вкус! Это как Гугл, только для цветовых палитр.

С технической стороны используется поиск по картинкам от Гугла и извлечение цвета из картинок. Всё очень просто!

Примеры цветовых палитр

Например, нужно найти цвета к фильму Круэлла, Веном 2, Дюна (2021)

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

Вот запрос для поиска единорогов на pinterest.com, а это Годзилла только на японском языке ゴジラ

Продвижение

Для продвижения использовался ProductHunt в результате получил море положительных отзывов и оценку 5 из 5, продукт попал в топ дня на 8 место и набрал 185 голосов! Сейчас уже 284 голосов!

PS

Ребята, если есть какие-нибудь замечания, предложения, критика, милости прошу в комменты :)

0
40 комментариев
Написать комментарий...
Ruslan O.

Хорошо получилось! У нас тоже есть похожий продукт, но мы используем API Pixabay: https://getpalettes.com/image/

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Askar Yusupov
Автор

Спасибо вам за отзыв и предложения!
Учту ваши пожелания в новой версии.

Хотелось бы только видеть, что я скопировал цвет в буфер, сейчас не очевидно.

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

Ответить
Развернуть ветку
Konstantin Komelin

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

Еще хотелось бы палитру добавить в закладки/фавориты, но не само ключевое слово, так как одно и то же ключевое слово может давать разные результаты.

Ответить
Развернуть ветку
Askar Yusupov
Автор

Сделаю удобнее. Постараюсь сделать закладки, спасибо за отзыв и пожелания!

Ответить
Развернуть ветку
DxdV

Прекрасно. За образец фишечек и юзабилити рекомендую взять https://coolors.co/

Ответить
Развернуть ветку
Askar Yusupov
Автор

Благодарю! Буду улучшать сервис!

Ответить
Развернуть ветку
DxdV

И еще вот совершенно схематический набросок карточки с пожеланиями:

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Хорошая идея! Сделаю, спасибо!

Ответить
Развернуть ветку
Alexey Antipov

Огонь!

Ответить
Развернуть ветку
Askar Yusupov
Автор

Благодарю!

Ответить
Развернуть ветку
Положенный инструмент

На удивление бесполезная хуйня конечно в реальном workflow ))

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

Тем более ещё и врёте, вокруг полно сервисов умеющих брать палитры из картинок, и экспортировать эти палитры во всевозможные форматы.

А самый пиздец (dealbreaker), поиск не работает с блокировщиком рекламы.

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Я ждал этого коммента! Спасибо за хейт!

Тем более ещё и врёте, вокруг полно сервисов умеющих брать палитры из картинок, и экспортировать эти палитры во всевозможные форматы.

Так мой сервис с ними не конкурирует, картинки вторичны. Вы читали внимательно? Это поиск палитр! И ссылки можно на ваши сервисы?

А самый пиздец (dealbreaker), поиск не работает с блокировщиком рекламы.

С этим пунктом согласен

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

Простите, вы все картинки носите с собой? В моем сервисе ничего не нужно кроме ключевой фразы.

Ответить
Развернуть ветку
Положенный инструмент
Спасибо за хейт!

Всегда пожалуйста, если что я рядом

Ответить
Развернуть ветку
Askar Yusupov
Автор

Ждите следующую публикацию! Спасибо!

Ответить
Развернуть ветку
Denis Bystruev

Идея хорошая. Пути развития — в строну удобства использования:

— добавить разные цветовые схемы (RGB, CMYK, HSB, LAB)
— добавить шестнадцатиричные коды цветов
— при клике на палитру открывать её на всю страницу, подобно color.adobe.com
— добавить обратный поиск — по палитре найти картинки

Ответить
Развернуть ветку
Askar Yusupov
Автор

Спасибо за отзыв и предложения!

— добавить обратный поиск — по палитре найти картинки

сложно наверное будет сделать, но поробую что-нибудь придумать

Ответить
Развернуть ветку
Denis Bystruev

Расстояние между двумя цветами можно вычислить с помощью функции https://www.micro-epsilon.com/service/glossar/Farbabstand.html

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Сложность в том что нужна уже готовая база картинок и по ней искать, основываясь на вводной палитре. Если API Гугла позволит такое сделать, то можно сделать

Ответить
Развернуть ветку
Denis Bystruev

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

Сейчас AWS, Azure, Google Cloud дают стратапам от 25 до 100 тыс. долл. своими сервисами, если прийти с хорошей идеей.

А потребители такого сервиса уже есть — например, производители смарт-телевизоров, которые раз в секунду делают скриншот того, что смотрят зрители:

https://habr.com/ru/company/globalsign/blog/592407

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

Тут как раз поиск похожих картинок по палитрам поможет.

Ответить
Развернуть ветку
DxdV

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

Ответить
Развернуть ветку
DxdV

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

Ответить
Развернуть ветку
Denis Bystruev

Думаю, изначально автору так и придётся сделать.

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Пойдём простым путём, если будет спрос на такой сервис, то можно и расширяться

Ответить
Развернуть ветку
Askar Yusupov
Автор

Вот этот подход проще согласен, можно сделать

Ответить
Развернуть ветку
Нюська Абрамова

любопытный сервис ^)

Ответить
Развернуть ветку
Alice

Хотелось бы иметь возможность выбрать количество цветов в палитре.

Ответить
Развернуть ветку
Askar Yusupov
Автор

Хорошо, сделаю.

Ответить
Развернуть ветку
Артём Мозговой

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Здравствуйте, Артём!
Уже делаю данную функциональность!

Ответить
Развернуть ветку
Артём Мозговой

Спасибо, огромное

Ответить
Развернуть ветку
Stas Cg

Идея неплохая, но, наверное, надо ограничивать черно-белую выдачу исходных фото.

Ответить
Развернуть ветку
Askar Yusupov
Автор

Вы имеете ввиду, убирать дубликаты палитр из результата поиска?
Спасибо!

Ответить
Развернуть ветку
Stas Cg

Да именно.

Ответить
Развернуть ветку
Микитко

Это копия вот этого старого сайта из топ-1? https://colorhunt.co

Ответить
Развернуть ветку
Askar Yusupov
Автор

Нет! А в чём копия по вашему?

Ответить
Развернуть ветку
Микитко

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

Ответить
Развернуть ветку
Askar Yusupov
Автор

Тот сайт не ищет по любой фразе как я понял, только по ограниченным ключевым словам. А мой ищет по любой ключевой фразе, на любом языке.

Пользуйтесь на здоровье!
Спасибо!

Ответить
Развернуть ветку
Askar Yusupov
Автор

Спасибо вам за отзыв и предложения!
Учту ваши пожелания в новой версии.

Хотелось бы только видеть, что я скопировал цвет в буфер, сейчас не очевидно.

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

Ответить
Развернуть ветку
Читать все 40 комментариев
null