Imgkeep
UK

Палітра кольорів із зображення

Перетягніть зображення. Отримайте його основні кольори. Усе лишається на вашому пристрої.

Перетягніть зображення, щоб отримати його кольори

або вставте зображення (⌘V / Ctrl+V)

По одному зображенню за раз · до 50 МБ

Обчислюється у вашому браузері. Зображення та його кольори не залишають ваш пристрій. Конфіденційність

Як отримати палітру кольорів із зображення, не завантажуючи його на сервер?

Перетягніть зображення на цю сторінку, щоб побачити його 5, 8 або 12 основних кольорів — від найбільшого, із часткою кожного. Натисніть колір, щоб скопіювати його значення HEX, RGB чи HSL, або скопіюйте всі одразу як змінні CSS чи Tailwind. Зображення зчитується у вашому браузері й ніколи не завантажується на сервер. Без реєстрації та без реклами.

Оновлено

Як саме обираються кольори?

Зображення зменшується до 200 пікселів по довшій стороні, прозорі пікселі не враховуються, а решта групується за тим, наскільки схожими вони видаються оку (кластеризація k-means у колірному просторі Lab). Кольори, що виглядають майже однаково, рахуються як один. Те саме зображення завжди дає ту саму палітру.

Що можна зробити з палітрою?

РезультатКуди підходить
HEX, RGB або HSLБудь-який дизайн-інструмент або CSS
Змінні CSSТаблиці стилів
TailwindКольори в tailwind.config
JSON або списокКод
Зразки PNGМудборди та брифи
.gplGIMP, Inkscape і Krita
.aseIllustrator, Photoshop та InDesign

Потрібне саме зображення в іншому форматі? Скористайтеся безкоштовним конвертером зображень.

Обмеження

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

Розширення Imgkeep для Chrome та Edge робить це одним правим кліком, без потреби спершу зберігати файл: клацніть правою кнопкою на будь-якому зображенні, виберіть Imgkeep, а тоді Отримати палітру кольорів. Воно працює й з фото на сайтах на кшталт Instagram і Pinterest, де зображення сховані під іншим шаром.

Питання

Чи безкоштовний цей інструмент для палітри кольорів?

Так. Без облікового запису, без обмежень, без водяних знаків і без реклами.

Чи завантажується моє зображення на сервер?

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

Чому кольорів вийшло менше, ніж я вибрав?

У зображенні менше різних кольорів. Схожі між собою кольори об'єднуються, тож логотип із трьох суцільних кольорів дасть три, навіть якщо попросити 8.

Які формати можна скопіювати чи зберегти?

Кожен колір — як HEX, RGB або HSL. Усю палітру — як змінні CSS, фрагмент кольорів Tailwind, JSON або простий список. Як файл: смужку зразків PNG, палітру GIMP (.gpl, її читають також Inkscape і Krita) або зразки Adobe (.ase, для Illustrator, Photoshop та InDesign).

Чи можна отримати палітру зображення на вебсторінці?

Так, за допомогою безкоштовного розширення Imgkeep для Chrome та Edge: клацніть правою кнопкою на зображенні, виберіть Imgkeep, а тоді Отримати палітру кольорів. На сайтах на кшталт Instagram і Pinterest, де фото лежать під іншим шаром, виберіть Imgkeep: знайти зображення тут, далі Більше параметрів і Отримати палітру кольорів.

Чи працює це на телефоні?

Так, зокрема й у мобільних браузерах. Розширення Imgkeep працює в Chrome та Edge на комп'ютері.

Беріть кольори просто з вебу.

Скористайтеся Imgkeep для Chrome чи Edge: клацніть зображення правою кнопкою й отримайте його палітру або збережіть його в потрібному форматі.