Завантажте фото, картину, скріншот або зображення настроювальної дошки; отримайте 5–10 домінантних кольорів з HEX-значеннями. Створюйте палітри з ваших брендових фотографій, вибирайте тони з улюбленої картини або витягуйте кольори заходу для системи дизайну, що відповідає шпалерам.
Як працює витягування
Інструмент групує кожен піксель зображення за схожістю кольору (k-середні в просторі CIE Lab, який наближає сприйняття кольору людиною). Центри кластерів стають вашими домінантними кольорами. Ви обираєте кількість кластерів (за замовчуванням 5; до 10 для насиченіших зображень).
Кластеризація в просторі Lab має значення: виконання в сирому RGB дає візуально схожі дублікати та пропускає тонкі відтінки, які помічає око. Lab відповідає людському сприйняттю, тому палітра виглядає правильно.
Що ви отримуєте
- 5 (або 10) HEX-зразків, відсортованих за площею покриття.
- RGB та HSL для кожного кольору.
- Завантаження зразка палітри у форматі PNG (для обміну) або SVG (для файлів дизайну).
- Фрагмент CSS-змінних, готовий для вставки в таблицю стилів.
- Фрагмент конфігурації Tailwind, готовий для tailwind.config.js.
Поширені робочі процеси
- Брендова палітра з продуктової фотографії. Завантажте ваше головне зображення; побудуйте бренд на основі цих тонів.
- Тема інтерфейсу, що відповідає шпалерам. Витягніть з улюблених шпалер; використовуйте палітру як тему вашого додатку.
- Довідка з картини для цифрового мистецтва. Виберіть палітру майстра перед малюванням власної сцени.
- Синтез настроювальної дошки. Об'єднайте кілька джерел в одну палітру, витягуючи з кожного та об'єднуючи улюблені.
Поєднуйте з пов'язаними інструментами
Отримавши палітру, створюйте градієнти між сусідніми кольорами за допомогою Генератора градієнтів або конвертуйте в готовий до друку CMYK за допомогою Конвертера кольорів. Щоб вибрати один колір з конкретної точки зображення, скористайтеся Палітрою кольорів.
Часті запитання
Скільки кольорів я можу витягнути?
5 за замовчуванням; до 10. Більше 10 починає давати візуальні дублікати.
Чому моя палітра переважно сіра/коричнева?
Фотографії з великою кількістю природного освітлення мають домінуючі земляні тони. Щоб знайти «яскраві» кольори, замаскуйте передній план або використовуйте більш насичене джерело.
Чи працює це з логотипами?
Так — логотипи суцільного кольору повертають свої точні кольори. Багатокольорові логотипи повертають домінантні кольори пропорційно до їхньої площі.
Чи можна зберігати палітри?
Увійдіть (безкоштовно), і збережені палітри з'являться у вашій бібліотеці.
Чому витягнуті кольори виглядають трохи неточно, коли я їх використовую?
Колірні профілі браузера або конвертація в CMYK можуть зміщувати кольори. Використовуйте sRGB-сумісні профілі.
А як щодо прозорих PNG?
Прозорі пікселі виключаються з кластера — враховуються лише видимі пікселі.
Чи можу я витягти з URL-адреси?
Преміум-акаунти можуть вставити URL-адресу зображення безпосередньо.
Найкращий тип зображення для палітр?
Чітко обрізані, добре освітлені, сфокусовані зображення. Фотографії зі сміттям у кутах (небо, стіни, уламки) можуть несподівано домінувати в палітрі.
Про Палітра Екстрактор
Палітра Екстрактор — це безкоштовний онлайн-інструмент від Wallpapers.com, який працює повністю у вашому браузері — без встановлення, без водяних знаків, без реєстрації електронної пошти для першої спроби.
Витягніть 5–10 домінантних кольорів з будь-якого зображення.
Як використовувати Палітра Екстрактор
- Виберіть колір із палітри або вставте значення HEX / RGB.
- Налаштуйте результат — палітру, контраст, додаткові кольори.
- Скопіюйте значення або експортуйте палітру як JSON.
Коли це використовувати
Типові випадки використання:
підготовка зображень для веб-завантаження, списків товарів в e-commerce, платформ соцмереж з обмеженнями формату та конвертація файлів між пристроями або додатками.
Безкоштовно проти Premium
Кожен відвідувач отримує безкоштовний пробний запуск; авторизовані безкоштовні користувачі мають вищу денну квоту. Підпишіться на
Преміум
для необмежених запусків, пакетної обробки до 200 зображень за завдання, пріоритетної черги та перегляду без реклами.
Пов'язані інструменти
Шукаєте щось інше? Спробуйте
Палітра кольорів із зображення
,
Генератор градієнтів
або
Grayscale Converter
— або перегляньте всі
Інструменти кольору Інструменти.
