⭐️ Сервис по поиску относительных цветов по интерьерным палитрам

CIE LCh (CIELCh) — это цветовое пространство, в котором:
* L* обозначает светлоту (lightness) (от 0 до 100).
* C* обозначает цветовую насыщенность (chroma) — удаленность цвета от оси светлоты (от 0 до более 100 на границе охвата).
* h* обозначает цветовой тон (hue) — оттенок цвета (от 0° до 360°).

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

Поэтому я заглянул вглубь и построил этот сервис на модели CIE LCh* - она описывает цвет так, как его чувствует глаз. А потом «скормил» ей огромную базу готовых палитр.

Теперь это мой личный инструмент, которым я делюсь. Вы просто говорите на человеческом языке: теплее, холоднее, насыщеннее, темнее. А алгоритм, который я написал, за секунды находит точные совпадения в мире интерьерных цветов.
https://www.market-krasok.ru/personal/relative-colors/
Сервис доступен бесплатно после авторизации на сайте

PS: Буду рад обратной связи и предложениям)

В бонус: поиск ближайшего интерьерного цвета по HEX или Lab

Как превратить 2050 цветов в 157 850 SKU и не убить сервер

На днях решал задачу по формированию фида для Яндекса (YML) для красок с колеровкой в цвета NCS 2050, которые у нас представлены на сайте.
Получилась забавная цифра — 157 850 offer. И это всего лишь из 2050 цветов… Если выгружать фид на все цветовые карты, цифра вырастет примерно в 60 раз 🙂

Казалось бы, в чем сложность? Сделай «копипаст» каждого оффера с каждым цветом и отправь Яндексу. Картинки при желании тоже можно нагенерить — вообще не проблема.

Но это работает только в тех бизнесах, где цену и себестоимость колеровки не считают (а зря). По маркетинговым соображениям или потому что ИТ не позволяет встроить расчет в процесс — не суть. Я сейчас про бизнесы, где колеровка — это платная доп. услуга. И вот тут появляется вопрос: как собрать фид на 157 850 позиций с корректной ценой?

У нас бизнес-процесс колеровки автоматизирован, без ложной скромности, очень сильно (если у кого есть сопоставимые кейсы — буду рад познакомиться). Поэтому цену мы можем считать через REST API к 1С — всегда актуальная стоимость колеровки + стоимость базы (а базы у одного продукта могут стоить по-разному).
Кстати, на нашем сайте я решил не усложнять — там цена считается по белой базе. Как это работает, можно посмотреть прямо у нас: цена колеровки рассчитывается динамически в момент выбора цвета.

REST API — это классно, но когда у тебя сотни тысяч SKU, количество запросов начинает слегка пугать. Да и не для каждого SKU это оправдано.

В итоге сделал так: цену колеровки для связки «Продукт + Цвет» складываем в кеш (пока с бессрочным TTL), и уже из него собираем фид вместе с данными сайта.

В итоге: фид собран, проверку в Яндекс Товарах прошел.
MVP поднял и запустил за один день 🚀

Если у вас такая же боль с колеровкой и фидами — пишите @andre307sw. Расскажу, как мы это сделали у себя, и обсудим, можно ли применить у вас.

Как превратить один цвет в готовое интерьерное решение

Вчера прошло наше мероприятие, где мы впервые показали 90 цветов собственной палитры «Маркет красок» 🎨

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

📍И вот что было самым ценным:

Уже в процессе живого обсуждения пришёл инсайт 💡
как это реально применять в работе дизайнера.

Обычно любой проект начинается с опоры.
Часто это один базовый цвет — например, паркетная доска 🪵

И дальше начинается сложное:
как собрать всё остальное так, чтобы это было цельно.

Что мы делаем:

— берём этот базовый цвет
— сканируем его спектрофотометром 🔬
— загружаем в сервис
— и достраиваем полноценную палитру до 5 цветов 🎨

Дальше — самое важное:

мы колеруем краску
делаем выкрасы
и у дизайнера на руках появляется не идея, а готовое цветовое решение ✅

Причём это решение уже можно применять:

— часть цветов — на стены 🏡
— с выкрасами — идти выбирать диван 🛋
— использовать для окраски мебели 🪑
— собирать весь интерьер вокруг одной логики цвета 🎯

По сути, мы переводим проект
из состояния «поиска и сомнений»
в состояние «есть система, от которой можно двигаться» 🚀

И это, пожалуй, главный итог вчерашнего дня:

мы не просто показали палитру
мы показали, как цвет становится инструментом 🧠✨

P.S. Результат обязательно покажу в следующем посте

🎨 Что у нас в R&D: новый софт для колеровки

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

В точке продаж

Современный интерфейс и гибкое оформление заказа: продукт → цвет → тара, или цвет → продукт → тара, или всё в одном окне — как привычнее конкретному колеровщику.

Из интересного:
— поиск цвета по картинке из Pinterest, по HEX, по LAB
— поддержка колориметров и спектрофотометров для подбора ближайших цветов в БД
— глубокая интеграция с драйверами Corob, Santint, Fast & Fluid: уровни колорантов и состояние калибровки дозатора видны не только в самом драйвере, но и в нашем ПО
— весовая колеровка с пошаговой дозировкой и автоматической корректировкой формулы при перепроливе компонента
— итеративное ручное доведение формулы под задачи Заказчика
— клиент-серверная архитектура: вся история колеровок и актуальные рецепты в одной БД на все точки
— облачное обновление базы рецептов и цветов
— учёт колеровок в разрезе Заказчика
— аналитика по расходу колорантов и популярным цветам в разрезе точек
— гибкое ценообразование: наценка на колоранты, фикс + наценка, ценовые группы

В лаборатории

Удобная визуальная работа с формулами, история версий, штрихкоды для быстрого поиска данных при работе с накрасками. Импорт из Innovatint, Colour Composer, GDATA, LargoTint, X-Rite iMatch и экспорт в разные форматы — чтобы безболезненно переезжать со старых систем и формировать базы под клиентов.

Из того, что особенно хочется довести до ума:
— расчёт цветового охвата системы колеровки: при построении системы с нуля накладываем планируемые цветовые веера на гамут и автоматически рекомендуем оптимальный набор колорантов
— автоматическое формирование калибровочных миксов для характеризации базы со штрихкодированной маркировкой выкрасок и дозировкой на подключённых весах — сильно ускоряет первоначальную калибровку
— режим поиска оптимальных точек в цветовом охвате для search & correct (для iMatch)
— автоматический поиск и замена дублей цветов при миграции клиентских баз в единую — чтобы у колеровщиков не было путаницы между разными системами
— режим Quality Control для контроля партий
— автоматический поиск коэффициентов для новой базы и определение, в какую ветку формул добавлять продукт
— поддержка общих коэффициентов на формулу для базы и индивидуальных на связку база+колорант — для более точной настройки корневой формулы под конкретную базу
— иерархичное хранение формул (корневые ветки + конечные продукты с коэффициентами) и иерархичное хранение самих систем колеровки: базовая на 12 колорантах, расширенная на 16 для большего охвата — без избыточности и с более дешёвым входом для клиента

Производителю

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

Дальше — централизованная аналитика по всему клиентскому парку машин в разрезе регионов, городов, адресов, колорантов, цветов, продуктов. Видно, где колеровался «закреплённый заказ» — полезно при поиске недобросовестного дилера. Журнал выездов техника на ТО и ремонт, предупреждения о плановом обслуживании. Онлайн-статусы машин: состояние драйвера, остатки колорантов в дозаторе, информация о калибровке насосов.

---

Если делаете что-то рядом или есть мысли, какие задачи в колеровке болят больше всего — напишите в комментариях. На этом этапе обратная связь от практиков особенно ценна.

⭐️ Сервис подбора относительных цветов — большой апдейт

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

— — —
Что стало удобнее в интерфейсе
— — —

🔍 Поиск по каталогу. Сам поиск был и раньше, но теперь UI заметно вылизан: автодополнение запускается от 2 символов, выдаёт до 20 вариантов в выпадающем списке — с цветным образцом, кодом артикула и названием коллекции. При выборе цвета из базы HEX и Lab подставляются точные значения от производителя, а не пересчитанные приближения.

🎨 Фильтр по палитрам. Тоже был раньше, но теперь работает аккуратнее: выпадающий список с поиском по названию коллекции, выбранные палитры висят тегами под триггером, есть кнопка «Сбросить». Если ничего не выбрано — ищет по всему каталогу.

— — —
Что появилось нового
— — —

🎚 Регуляторы силы 0–100 для каждого режима. Раньше «теплее» — это просто «теплее», в одну фиксированную сторону. Теперь у каждого активного режима свой ползунок. Можно собирать комбинации вроде «на 40 теплее и на 70 насыщеннее», и алгоритм ищет именно такой сдвиг. Шкала разбита по ощущениям: 0–30 — тонкие вариации, 31–60 — среднее, 61–80 — контрастно, 81–100 — максимум.

Противоположные режимы автоматически взаимоисключают друг друга (включил «темнее» — «светлее» сам отключится), но любые непротивоположные пары комбинируются: «светлее + теплее», «темнее + насыщеннее» и т.д.

🎯 Цветовое колесо результатов. Это, пожалуй, самое наглядное. После подбора рядом с карточками появляется круг, где угол по окружности — это оттенок (красный, оранжевый, жёлтый, зелёный, синий — как в радуге), а расстояние от центра — насыщенность (в центре серый, к краям всё ярче и чище). Ваш исходный цвет ставится белой точкой с подписью, найденные — цветными точками. Сразу видно, насколько результаты «уехали» от исходного и в какую сторону. Клик по точке — открывается её карточка. На десктопе можно развернуть на весь экран.

📐 Сравнение ΔL / ΔC / ΔH по каждому результату. Для выбранной карточки рядом с колесом выводится разбивка: насколько светлее (ΔL), насколько насыщеннее (ΔC), на сколько градусов и в какую сторону повёрнут оттенок (ΔH). Каждое значение визуализируется горизонтальной шкалой с отклонением от центра, чтобы разница ловилась глазом, а не считалась в уме. Если хрома слишком мала для значимого сравнения тона — выводится «н/п», не приходится гадать над случайными цифрами на сером.

🩶 Особый режим для приглушённых, почти серых цветов. В этой зоне обычная ΔE плохо различает оттенки — два слегка-розоватых и слегка-голубоватых серых для формулы выглядят почти одинаково, а глазом разница очевидна. Прикрутил отдельную метрику (tint-score), которая там работает аккуратнее.

🧭 Умная фильтрация по направлению сдвига. Если попросили «светлее» — алгоритм не вернёт случайно темнее. Если не просили менять светлоту вообще — результат не уплывёт по L больше, чем на 10 единиц. Аналогично по насыщенности. Это нужно, чтобы при настройке одного параметра остальные не «гуляли» сами по себе.

📱 Адаптив. Работает на телефоне, планшете и десктопе.

Сервис подбора относительных цветов

Сервис по-прежнему бесплатный после авторизации на сайте.

PS: Тыкайте, ломайте, пишите что не так — обратная связь самая ценная штука. Особенно интересно, где интерфейс кажется неочевидным.