Онлайн-інструмент вилучення кольорів зображень пакетної обробки

Витягуйте HEX, RGB та HSL кольори з до 30 зображень одночасно. Клацніть на зображенні, регулюйте палітру та експортуйте у CSS, SVG або PNG. Обробка виконуєть…

Почати роботу

Що вміє інструмент і як він працює

Цей інструмент призначений для дизайнерів, розробників і всіх, хто працює з кольорами. Він дозволяє швидко отримати палітру з кількох зображень без встановлення програм. Наприклад, ви маєте фото логотипа і хочете дізнатися його основні кольори. Завантажте файл, клацніть на потрібних ділянках — і отримаєте точні HEX-коди.

Покроковий приклад

Припустимо, ви завантажили зображення розміром 800×600 пікселів. Інструмент автоматично зменшує його до 760×520 CSS-пікселів для попереднього перегляду. Клацніть на червоній кнопці — у палітру додасться колір, наприклад #FF0000. Якщо палітра вже має 10 кольорів, найстаріший буде видалено. Ви можете збільшити ємність до 20, щоб зберегти більше зразків.

Параметри та обмеження

Максимум 30 зображень за раз.
Кожен файл до 25 МБ, загальний розмір до 100 МБ.
Кожне зображення до 24 000 000 пікселів, сумарно до 40 000 000.
Ємність палітри регулюється від 1 до 20.
Інструмент зразкує точні пікселі, не обчислює домінантні кольори, не групує схожі відтінки та не видаляє дублікати.
Експорт не зберігає координати пікселів.

Часті запитання

Чи можу я змінити кількість кольорів у палітрі?

Так, для кожного зображення окремо можна змінювати ємність від 1 до 20 за допомогою кнопок «−» та «+». Зменшення ємності видаляє останній збережений колір, якщо палітра перевищує новий ліміт. Збільшення не додає нових кольорів автоматично — потрібно клацати на зображенні.

Чому колір, який я бачу на екрані, відрізняється від оригіналу?

Інструмент зразкує пікселі з попереднього перегляду, який зменшується до 760×520 CSS-пікселів. Тому колір може відрізнятися від пікселя оригінального файлу, особливо якщо зображення велике. Для точних кольорів використовуйте збільшення або редагуйте зображення перед завантаженням.

Як експортувати палітру у форматі для CSS?

Відкрийте діалог експорту для конкретного зображення, перейдіть до розділу CSS. Там будуть змінні CSS HEX, SCSS HEX та SCSS RGB. Ви можете скопіювати їх або завантажити як файл. Для Code-розділу доступні HEX-значення без решіток та JSON-масив.

Примітка: інструмент працює повністю локально у вашому браузері, зображення не завантажуються на сервер.

Обробка виконується локально у вашому браузері.

Інструкція з використання

Як витягти кольори з кількох зображень

Відкрийте інструмент у браузері. Він працює локально, без завантаження файлів на сервер.
Виберіть до 30 зображень у форматі PNG, JPEG, WebP або іншому з підтримуваним MIME-типом. Кожен файл має бути не більше 25 МБ, а загальний розмір вибірки — до 100 МБ. Зображення не повинні перевищувати 24 000 000 пікселів кожне, а сумарно — 40 000 000.
Після завантаження для кожного зображення з’явиться окрема панель. Спочатку палітра містить 10 кольорів, автоматично зразкованих з випадкових позицій.
Клацніть на зображенні, щоб зразкувати точний піксель під курсором. HEX-код (шість цифр, великі літери) додається до палітри. Якщо палітра заповнена, найстаріший колір видаляється.
Змінюйте ємність палітри кнопками «−» та «+» (від 1 до 20). Зменшення ємності видаляє останній збережений колір, якщо палітра перевищує новий ліміт. Збільшення не додає кольорів автоматично.
Клацніть на зразку кольору, щоб скопіювати його HEX-значення. Поточна панель показує останній зразок у HEX, RGB та HSL з окремими кнопками копіювання.
Відкрийте діалог експорту для кожного зображення (згорнутий за замовчуванням). Виберіть розділ CSS, Code, SVG або PNG. CSS містить змінні CSS HEX, SCSS HEX та SCSS RGB. Code містить HEX-значення без решіток, розділені комами, та JSON-масив. CSS і Code можна скопіювати або завантажити. SVG і PNG завантажуються як графічні файли з назвою, що походить від імені вихідного файлу з суфіксом «-palette».