Об этом проекте

Загрузите изображение, выберите нужное количество цветов, и инструмент автоматически обведёт области, пронумерует их и подготовит чистый SVG-файл для печати. Это бесплатный и быстрый способ создать собственный DIY-набор раскраски по номерам из ваших фото.

Проект вдохновлён open-source-разработкой PBNCanvas и пересобран на современных веб-технологиях — ванильном JavaScript, HTML canvas API и SVG — чтобы дать быстрый, интуитивный и полностью клиентский опыт: без зависимостей, без отслеживания ваших изображений и без серверной обработки.

Как это работает

1. Цвета квантуются до выбранного размера палитры методом медианного сокращения цветов с перцептивным сопоставлением в цветовом пространстве CIELAB.
2. Связанные области (грани) находятся заливкой (flood fill), а мелкие объединяются с соседними для лучшей читаемости.
3. Создаются гладкие векторные контуры, а номера размещаются в самой широкой точке внутри каждой области.
4. Итоговый SVG можно скачать или напечатать в любом размере — с необязательными заливкой, контурами, номерами и листом палитры цветов.

Технологии кратко

• Медианное квантование — сокращает миллионы цветов до палитры из 4–48 представительных цветов.
• Цветовое расстояние CIELAB — сопоставляет пиксели с цветами палитры так, как человеческий глаз воспринимает различия цветов.
• Поиск областей заливкой — группирует пиксели одинакового цвета в раскрашиваемые грани.

Всё выполняется локально в вашем браузере — ваши изображения никогда не загружаются на сервер. Подробнее — в нашей политике конфиденциальности.