Пакетный инструмент извлечения цветов изображений

Зачем нужен этот инструмент?

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

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

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

Пример работы

Предположим, вы загрузили изображение логотипа. Автоматически выбраны 10 цветов. Вы кликаете по синему фрагменту — в палитру добавляется HEX-код, например #1E90FF. Затем вы уменьшаете ёмкость до 5 с помощью кнопки «−» — последние добавленные цвета удаляются, пока не останется 5. После этого вы открываете экспорт и скачиваете CSS-переменные для использования в проекте.

Ограничения

• Инструмент выбирает точные цвета пикселей, а не доминирующие цвета и не группирует похожие оттенки.
• Изображения больше 760×520 пикселей уменьшаются для предпросмотра, поэтому клик выбирает цвет уменьшенного изображения, а не исходного.
• Максимальный размер одного файла — 25 МБ, общий — 100 МБ, суммарное количество пикселей — до 40 миллионов.
• Обрабатываются только первые 30 выбранных файлов.

Часто задаваемые вопросы

Почему при клике на изображение цвет не совпадает с оригиналом?

Инструмент работает с предпросмотром, который уменьшает большие изображения до 760×520 пикселей. Поэтому клик выбирает цвет именно этого уменьшенного изображения. Для точного выбора цвета исходного изображения используйте изображения меньшего размера.

Можно ли удалить отдельный цвет из палитры?

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

Почему в палитре есть повторяющиеся цвета?

Инструмент не удаляет дубликаты. Если вы кликнули по одному и тому же месту несколько раз, цвет будет добавлен повторно. Это позволяет сохранять последовательность выборки.

Контрольный список

• Загрузите до 30 изображений (каждое ≤25 МБ, общий размер ≤100 МБ).
• Проверьте автоматическую палитру из 10 цветов.
• Кликните по изображению для добавления точного цвета.
• Используйте «−» и «+» для изменения количества цветов.
• Скопируйте HEX, RGB или HSL из панели текущего цвета.
• Экспортируйте палитру в CSS, Code, SVG или PNG.