Палітра кольорів із зображення
Видобудьте збалансовану редаговану палітру з будь-якого зображення, а потім копіюйте, порівнюйте, поширюйте або експортуйте кольори для наступного дизайну.
Ваші зображення й кольори залишаються у браузері та ніколи не надсилаються на сервер.
Перетягніть зображення сюди
або натисніть нижче, щоб вибрати файли
До 10 зображень · локальна обробка · нічого не надсилається
Палітра видобувається локально на вашому пристрої. Ваші зображення й кольори залишаються у браузері та ніколи не надсилаються на сервер.
Повний процес роботи з палітрою зображення
Спеціальні стилі видобування
Вибирайте збалансовані, яскраві, приглушені, світлі, темні або домінантні результати й блокуйте важливі кольори під час повторного генерування палітри.
Повноцінний редактор палітри
Додавайте, видаляйте, переставляйте, перейменовуйте й блокуйте окремі зразки кольорів, а також призначайте їм семантичні ролі.
Вбудовані підказки щодо контрасту
Порівнюйте пари палітри з порогами контрастності WCAG 2.x, перш ніж застосовувати кольори до тексту й тла.
Локально й конфіденційно
Декодування, аналіз палітри, редагування та експорт відбуваються у вашому браузері.
Як створити палітру кольорів із зображення
- 1
Додайте одне або кілька зображень
Виберіть файли, перетягніть або вставте зображення, завантажте зображення за прямою HTTPS-адресою чи спробуйте готовий приклад.
- 2
Уточніть видобуті кольори
Змініть стиль і кількість кольорів палітри, зосередьтеся на ділянці, виберіть точні точки, відредагуйте зразки й заблокуйте кольори, які потрібно зберегти.
- 3
Копіюйте або експортуйте
Копіюйте окремі значення або завантажуйте палітру у форматі для розробки, дизайну, зображень, PDF чи пакетної роботи.
Навіщо видобувати кольори з фотографії?
Фотографія, логотип, знімок екрана, художня робота, зображення товару або дошка настрою можуть стати багаторазовою системою кольорів для сайту, бренду, презентації, кімнати, події чи ілюстрації. Автоматично вибрані кольори походять із кластерів джерела, сформованих за візуальною подібністю; кольори, вибрані або введені вручну, мають чітке позначення.
Виберіть відповідний розмір і стиль палітри
Почніть із восьми кольорів, а для автоматичного видобування вибирайте від 2 до 24. Збалансований стиль поєднує домінантні й акцентні кольори; яскравий, приглушений, світлий, темний і домінантний стилі змінюють спосіб оцінювання реальних кластерів джерела. Дрібні акценти можуть не потрапити до результату, тож проаналізуйте меншу ділянку або виберіть і заблокуйте колір перед повторним генеруванням палітри.
Домінантні кольори, акцентні кольори й відсотки
Відсотки показують частку врахованих пікселів за поточної ділянки та політики прозорості й округлюються так, щоб разом становити 100%. Для значення, доданого вручну, частка не вказується, якщо воно не залишається пов’язаним із кластером джерела. Блокуйте корисні кольори, щоб зберегти їх під час заміни решти.
Формати кольорів та експорт палітри
Копіюйте HEX, RGB, HSL або OKLCH та експортуйте CSS, SCSS, Tailwind, токени DTCG, JSON, CSV, TXT, GPL, ASE, SVG, PNG, колажі, PDF або пакетні ZIP-файли. Загальнодоступні значення кольорів використовують sRGB. Типові значення CMYK є наближеними, а не точними відповідниками друку чи Pantone.
Конфіденційна локальна обробка зображень
Декодування файлу, видобування, редагування, поширення й експорт виконуються у браузері без надсилання джерела до FastImageTools. У режимі прямої URL-адреси браузер звертається до введеної адреси, тому джерело має дозволяти доступ CORS.
Палітра з фотографії, логотипа, знімка екрана або художньої роботи
Для логотипів і безпечних SVG використовуйте налаштування прозорості, а коли переважає тло — окресліть ділянку аналізу. Для анімованих GIF використовується перший кадр, а для багатосторінкових TIFF — перша сторінка. Вбудовані профілі перетворюються, коли це підтримується; інакше інструмент повідомляє про припущення sRGB.
Підтримувані формати зображень
JPG
Фотографії та зображення з камер
PNG
Зображення без втрат із прозорістю
WebP
Сучасні вебзображення
AVIF
Високоефективні вебзображення
HEIC / HEIF
Фотографії з мобільних пристроїв і камер
GIF
Аналізується перший кадр
TIFF
Аналізується перша сторінка
SVG
Безпечні самодостатні векторні зображення
Запитання про палітру кольорів із зображення
Як створити палітру кольорів із зображення?+−
Чи можна копіювати значення HEX, RGB, HSL і OKLCH?+−
Чи показуються відсотки домінантних кольорів?+−
Чи надсилається моє зображення на сервер?+−
Як інструмент вибирає кольори?+−
Скільки кольорів можна видобути?+−
Які формати зображень підтримуються?+−
Як обробляються прозорі пікселі?+−
Чи можна зберегти частину кольорів і повторно створити решту?+−
Чи можна створити одну палітру з кількох зображень?+−
Чи можна експортувати в CSS, Tailwind, ASE, PNG або PDF?+−
Чи точні значення CMYK або Pantone?+−
Чи працює інструмент на мобільних пристроях?+−
Продовжте роботу із зображенням і кольорами
Виберіть точний піксель, перевірте початковий файл, відредагуйте або перетворіть зображення, зберігаючи локальний процес.
Піпетка кольору зображення
Виберіть і перевірте точний колір пікселя джерела.
Інспектор формату зображення
Перевірте колірний профіль, бітову глибину, метадані й сумісність.
Фоторедактор
Відредагуйте початкове зображення й продовжте візуальну роботу.
Перетворити на PNG
Збережіть прозорість у широко сумісному форматі.