Главная страница » Как узнать название цвета по картинке

Как узнать название цвета по картинке

  • автор:

Колориметр AR — цвет по фот‪о‬ 4+

Незаменимый помощник при выборе красок, обоев, декоративных элементов. Да и просто удобный инструмент для повседневного использования. Хотите узнать как выглядит цвет Фуксия? Или Изумрудно-зеленый? Теперь вы носите базу данных цветов в вашем кармане.

Наглядно. Просто. Удобно.

— Встроенный помощник подбора Pantone цветов.
— Огромная база названий цветов.
— Поиск и просмотр базы данных цветов.
— Интуитивный интерфейс.

Есть вопросы и предложения? Пишите support@colornameapp.com

Что нового

• Устранение мелких ошибок

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

Оценки и отзывы

Great App for Colorblind

I’m a color-challenged person, and I’m always at a disadvantage while shopping or trying to pick things up for the wife and kids. This app allows me to quickly see if I’m picking up something pink that I thought was gray, or lavender when I thought it was light blue. The app quickly changes colors as you scan with your camera, and it’s cool to see how many shades there really are! One suggested improvement: allow access to the iPhone flashlight. Is the flashlight dimmable? Because accurate color is only as good as the available lighting, having access to the flashlight would maximize the accuracy of the color checker.

Ответ разработчика ,

Thank you for your support! Will add such a feature with upcoming update.

Only supports one device per purchase

While this app is pretty sophisticated as far as identifying color is concerned, I was very disappointed to find that when I purchased it on my iPhone, I was asked to purchase it again on my iPad. There is nowhere to “restore purchases” on my iPad. Also, the iPad version does not rotate so your are stuck using it in vertical mode which seems really odd to me given how mature this app is and the fact that so many people use their iPad in landscape mode these days. The other glaring function that’s missing is the ability to zoom in. This is basically a deal breaker for me. In order to identify smaller patches of color accurately, I have to make a copy of the image in another app and crop into the area where I want to check the color. I contacted the developer a few days ago about all this (especially about the limitation of devices with my purchase) but they have not responded. Overall, I’m very disappointed.

EDIT: I’m reducing my review by another star because the developer has been completely unresponsive to my emails.

Good until the update

First off, this app is really great. I have never seen another one like it. This was a lot of fun to mess around with up until the new update. Instead of saying a real color, it just says a common one. For example; let’s say I pointed the camera on a brown item. The app would just say “brown family,” but the old version would say something like Dark Carmel. It just doesn’t make the app fun or useful anymore.

Ответ разработчика ,

Thank you for your feedback, I have added ability to switch between old style and new representation in settings. So you can get a lot of fun with the great color names again!

Конфиденциальность приложения

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

Не связанные с пользова­телем данные

Может вестись сбор следующих данных, которые не связаны с личностью пользователя:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

766 постов 12.3K подписчиков

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

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

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

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

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

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

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

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

Иллюстрация к комментарию

Иллюстрация к комментарию

Удивительно, что в такой огромной подборке нет известнейшего colormind.io

Очень рекомендую. Особенно удобен (лично мне) функцией блокировки цветов.

ТС — ты крут, завидую такой целеустремлённости )

Иллюстрация к комментарию

Нейросети в помощь дизайнеру⁠ ⁠

Сейчас идет расцвет нейросетей и в статье ниже я расскажу как их можно использовать в прикладном дизайне

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Есть несколько самых крупных нейросеточек: StableDiffusion с открытым исходным кодом, Dalle-2 полностью закрытый, но очень долгожданный и MidJorney в виде бота Discord. Есть еще куча более мелких, но я предпочитаю стейблдифьюжн и миджорней.

Этого чертика я делал в Midjorney

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

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

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Мои первые варианты были такими:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Это не подошло т.к. не отображало сути. Чертик должен быть хитрым ботаном фиолетового цвета. К этому я пришел итерационно вот они:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Спустя несколько десятков генераций, я нашел то что мне понравилось:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Увеличил нажав сюда:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Дальше сохраняем и идем в иллюстратор допиливать.

Копируем несколько раз изображение и делаем трассировку чб логотип и еще одну на 16 цветов

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Потом берем чб, оставляем силует

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Потом просто закрашиваем подкладывая фигуры под этот слой.

А все детали которых здесь не хватает берем из трассировки по 16 цветов.

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Некоторые вещи пришлось делать из примитивов. например карандаш. Он был кривой. Поэтому я сделал его из прямоугольника и треугольника, украсив еще несколькими тенями. Получился вот такой вот вариант в векторе с минимумом слоев.

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

На этом все. Спасибо за внимание.

https://t.me/prouxui Мой канал про продуктовый UI/UX дизайн

https://t.me/weirdneuro Мой канал с упоротыми генерациями из интернета

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё⁠ ⁠

Расскажу, что нового появилось на моём проекте Gradients.app. Он про работу с цветом, палитрами и градиентами. 1 пост и 2 пост по проекту.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Color picker или инструмент пипетка

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

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Средний цвет изображения

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

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Конвертер цветов

Выбираете нужный цвет на панели цветов и он сразу меняется в форматах HEX, RGB, CMYK, HLS и HSV. Но можно и поменять значения цвета в любой его системе и он тоже поменяется везде. Можно подобрать случайный цвет нажав на кнопку.

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

Краткая информация о цвете

https://gradients.app/ru/color/4929b4 в конце ссылки стоит hex код, можно сразу вписывать ссылку в адресную троку или менять на страницу. Ниже скриншоты страницы.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

В первой части разные системы цветов и температура цвета.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Небольшое количество оттенков выбранного цвета. Светлые, тёмные и серые.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Цветовые сочетания (цветовой круг) и контрасты с разными цветам

Из новинок это всё.

Очень хочется узнать ваше мнение, что хорошо, а что неудобно и плохо.

Если будет интересно, сделаю пост про внутрянку проекта, разные статисти и метрики, как развивался и т.д.

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

Большое спасибо!

Приглашение на свадьбу⁠ ⁠

Приглашение на свадьбу Свадьба, Приглашение, Цвет, Дизайн

Гипно-видео⁠ ⁠

Палитра одной черемухи⁠ ⁠

Палитра одной черемухи

Польза для глаз: индикаторы какого цвета лучше видно⁠ ⁠

Многие автомобилисты, разменявшие пятый десяток лет, относятся к своему прошлому с понятной ностальгией. И немалую часть этого щемящего чувства занимают их первые машины. Долго распространяться на тему сравнения авто 1970-1990-х годов и нынешних не будем, но тему «уюта» затронем, и вот почему.

Польза для глаз: индикаторы какого цвета лучше видно Интересное, Полезное, Машина, Автомобилисты, Авто, Транспорт, Водитель, Глаза, Цвет, Индикаторы, Польза, Приборная панель, Подсветка, Инженер, Дизайн, Длиннопост

Подсветка приборной панели

Начиная с 1970-х компания BMW придерживалась жесткого правила (от которого отошла сравнительно недавно) делать подсветку приборной панели своих моделей исключительно в красно-оранжевой гамме. Это важный момент, так как разработка органов управления является одним из ключевых факторов при проектировании автомобилей. Выбор цветовой палитры и ее температуры не просто регламентирован отраслевыми стандартами, но и является своего рода вехой в промышленном дизайне: правильно подобранный цвет вызывает определенный психический отклик у человека.

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

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

Польза для глаз: индикаторы какого цвета лучше видно Интересное, Полезное, Машина, Автомобилисты, Авто, Транспорт, Водитель, Глаза, Цвет, Индикаторы, Польза, Приборная панель, Подсветка, Инженер, Дизайн, Длиннопост

Что касается внутреннего оформления авто, то для начала дадим немного теории. В 1819 году чешский ученый Ян Эвангелист Пуркине обнаружил эффект, позже названный сдвигом Пуркине, – явление изменения цветового восприятия человеческим глазом при понижении освещенности объектов. Красные цвета в сумерках кажутся более темными, нежели зеленые, а в ночное время – практически черными, в то время как синие объекты воспринимаются более светлыми.

Суть этого явления можно объяснить так: в дневное время суток, когда уровень освещенности относительно высокий, восприятие света осуществляется через колбочковидные клетки сетчатки глаза, что иначе называется «дневным зрением». Но когда освещенность понижена, чувствительности колбочек становится недостаточно для восприятия света, и в сумерках за светочувствительность отвечают уже другие клетки – палочки, благодаря которым человеческий глаз адаптируется к «ночному зрению».

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

Применение в дизайне

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

Польза для глаз: индикаторы какого цвета лучше видно Интересное, Полезное, Машина, Автомобилисты, Авто, Транспорт, Водитель, Глаза, Цвет, Индикаторы, Польза, Приборная панель, Подсветка, Инженер, Дизайн, Длиннопост

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

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

Польза для глаз: индикаторы какого цвета лучше видно Интересное, Полезное, Машина, Автомобилисты, Авто, Транспорт, Водитель, Глаза, Цвет, Индикаторы, Польза, Приборная панель, Подсветка, Инженер, Дизайн, Длиннопост

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

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

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

Польза для глаз: индикаторы какого цвета лучше видно Интересное, Полезное, Машина, Автомобилисты, Авто, Транспорт, Водитель, Глаза, Цвет, Индикаторы, Польза, Приборная панель, Подсветка, Инженер, Дизайн, Длиннопост

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

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

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

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

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