0

Екстрактор палітри зображень

Витягніть реальну колірну палітру будь-якого фото у своєму браузері: квантування методом медіанного перетину знаходить від 3 до 12 ключових кольорів із кодами HEX, змінними CSS та експортом у JSON.

🔒 Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.

🧵

Перетягніть зображення

Обробка... 0%
Читання файлу зображення
Зменшення пікселів
Виконання квантування методом медіанного перетину
Побудова палітри

Результат

Preview Output

Цей екстрактор палітри зчитує кольори, які справді є на вашому зображенні — а не кольори, обчислені за теорією. Завантажте фото, виберіть, скільки кольорів потрібно (від 3 до 12, для більшості завдань підходить п'ять або шість), і інструмент поверне палітру зразків, відсортованих за вагою: спершу домінантний колір, кожен зі своїм HEX-кодом, часткою в зображенні у відсотках і кнопкою копіювання. Експорт — за один клік: блок користувацьких властивостей CSS, готовий до вставки у файл стилів, масив JSON для скриптів і дизайн-токенів, а також смужка палітри PNG для мудбордів.

Усередині інструмент використовує квантування методом медіанного перетину — той самий алгоритм, на який покладаються GIF-кодери, щоб стиснути мільйони кольорів у малу палітру. Спочатку зображення зменшується приблизно до десяти тисяч пікселів на локальному полотні; потім колірний простір багаторазово ділиться по медіані найширшого каналу, доки не залишиться потрібна кількість кластерів, і кожен кластер усереднюється в один зразок. Саме тому результат відображає те, що ваше око сприймає як характер зображення, а не жменьку випадково вибраних пікселів.

Усе відбувається у вашому браузері: без завантаження, без черги, без облікового запису та з повною безпекою для неопублікованих дизайнів, клієнтських фотографій і внутрішніх знімків екрана. Підходить будь-який формат, який може декодувати браузер — PNG, JPG, WebP, GIF, а прозорі ділянки ігноруються, тож логотипи PNG дають чисті палітри.

Типове використання: перетворення брендової фотосесії на кольори для дизайн-системи, узгодження цільової сторінки з героїчним зображенням, генерування кольорів для діаграм або тем з обкладинок, документування палітри ілюстрації. Зверніть увагу на відмінність від генератора колірної палітри, який створює гармонійні палітри з одного базового кольору на ваш вибір — цей інструмент витягує ту палітру, яку реальне зображення вже має. Вибрали зразок і потрібен інший формат запису? Конвертер колірних форматів переводить HEX у RGB, HSL і CMYK.