Пакетный инструмент извлечения цветов изображений
Загрузите до 30 изображений, кликайте для выбора точных цветов и экспортируйте палитры в CSS, SVG, PNG. Бесплатный онлайн-инструмент.
Начать работу
Зачем нужен этот инструмент?
При разработке веб-сайтов или создании графики часто требуется извлечь точные цвета из фотографий или макетов. Вручную открывать каждое изображение в графическом редакторе и записывать коды — долго. Этот инструмент позволяет обработать до 30 изображений за раз, получить палитры и сразу экспортировать их в нужном формате.
Как это работает
После загрузки изображения автоматически выбираются 10 случайных пикселей, и для каждого формируется начальная палитра. Клик по изображению выбирает цвет под указателем и добавляет его в палитру. Если палитра заполнена, самый старый цвет удаляется. Повторные цвета не удаляются — они сохраняются как есть.
Пример работы
Предположим, вы загрузили изображение логотипа. Автоматически выбраны 10 цветов. Вы кликаете по синему фрагменту — в палитру добавляется HEX-код, например #1E90FF. Затем вы уменьшаете ёмкость до 5 с помощью кнопки «−» — последние добавленные цвета удаляются, пока не останется 5. После этого вы открываете экспорт и скачиваете CSS-переменные для использования в проекте.
Ограничения
- Инструмент выбирает точные цвета пикселей, а не доминирующие цвета и не группирует похожие оттенки.
- Изображения больше 760×520 пикселей уменьшаются для предпросмотра, поэтому клик выбирает цвет уменьшенного изображения, а не исходного.
- Максимальный размер одного файла — 25 MiB, общий — 100 MiB, суммарное количество пикселей — до 40 миллионов.
- При выборе более 30 файлов весь набор отклоняется.
Часто задаваемые вопросы
Почему при клике на изображение цвет не совпадает с оригиналом?
Инструмент работает с предпросмотром, который уменьшает большие изображения до 760×520 пикселей. Поэтому клик выбирает цвет именно этого уменьшенного изображения. Для точного выбора цвета исходного изображения используйте изображения меньшего размера.
Можно ли удалить отдельный цвет из палитры?
Нет, удаление отдельных цветов не предусмотрено. Вы можете уменьшить ёмкость палитры кнопкой «−», при этом удаляются самые последние добавленные цвета, пока палитра не достигнет нового лимита.
Почему в палитре есть повторяющиеся цвета?
Инструмент не удаляет дубликаты. Если вы кликнули по одному и тому же месту несколько раз, цвет будет добавлен повторно. Это позволяет сохранять последовательность выборки.
Контрольный список
- Загрузите до 30 изображений (каждое ≤25 MiB, общий размер ≤100 MiB).
- Проверьте автоматическую палитру из 10 цветов.
- Кликните по изображению для добавления точного цвета.
- Используйте «−» и «+» для изменения количества цветов.
- Скопируйте HEX, RGB или HSL из панели текущего цвета.
- Экспортируйте палитру в CSS, Code, SVG или PNG.
Сохраняется только RGB без альфы: прозрачный пиксель может экспортироваться как непрозрачный цвет. Пропорции сохраняются: 800×600 уменьшается до 693×520. Новый выбор или очистка удаляет старые палитры. Случайные начальные образцы могут повторяться и меняться при загрузке.
На изображение: до 25 MiB и 24 000 000 пикселей. На пакет: до 100 MiB и 40 000 000 пикселей. Более 30 файлов или одно недопустимое изображение приводят к отклонению всего пакета.
Обработка выполняется локально в вашем браузере.