Безкоштовно · у вашому браузері

Безкоштовна піпетка кольору із зображення онлайн.

Перетягніть фото, наведіть на піксель, зчитайте hex код. Безкоштовна піпетка кольору із зображення з hex, RGB і HSL плюс 8 найвиразніших кольорів як палітра. Працює з JPG, PNG, WebP і HEIC. Без завантаження на сервер, без реєстрації.

Збільшити або зменшити зображення →Натомість читати EXIF →
  • 100% у браузері
  • Файли ніколи не залишають ваш пристрій
  • Без реєстрації, без обмежень
  • Сумісно з GDPR і CCPA
Image Color Picker

Drop an image to pick colors

JPG, PNG, WebP, or HEIC. Hover any pixel, see the hex, RGB, and HSL. Click to save a pick.

Що є в цій піпетці

Наведіть, клацніть, скопіюйте. Hex за дві секунди.

Одна мета: зчитати точний колір кожного пікселя, плюс автоматична палітра найвиразніших кольорів. hex, RGB і HSL, готові до копіювання.

Hex точний до пікселя

Наведіть на піксель для зчитування в реальному часі: hex (#RRGGBB), RGB і HSL. Клацніть, щоб зберегти. Без усереднення, без округлення, без завантаження на сервер.

Топ-8 виразних кольорів

Палітра, автоматично витягнута з гістограми зображення. Один клік, щоб зберегти виразний сегмент.

Копіювання одним кліком

Скопіюйте кожен hex напряму в буфер обміну, готовий для вставки в CSS, Tailwind, Figma, Sketch або HTML.

Підтримка HEIC

Фото HEIC з iPhone декодуються в браузері через heic2any. Та сама піпетка, те саме наведення, той самий hex на виході.

Також RGB і HSL

Кожен вибір показує hex, RGB і HSL. Вставляйте просто в токени дизайну або CSS-змінні.

Без завантаження, без реєстрації

Усе працює у вашому браузері. Файли не залишають ваш пристрій. Без облікових записів, без денного ліміту, без водяного знака.

Питання та відповіді

Часті запитання про піпетку кольору із зображень.

Як вибрати колір із зображення?
Перетягніть зображення в піпетку кольору. Наведіть вказівник на піксель і на панелі зчитування побачите hex, RGB і HSL у реальному часі. Клацніть на піксель, щоб зберегти його у свій список виборів, а потім натисніть Copy, щоб вставити hex код у буфер обміну. Працює з JPG, PNG, WebP і HEIC. Усе працює у вашому браузері, тож зображення ніколи не завантажується на сервер.
Наскільки точне зчитування кольору?
Точне до пікселя. Зображення декодується в повній роздільній здатності в off-screen canvas; перегляд, який ви бачите, це лише масштабоване відображення. Коли ви наводите на координату (x, y) у перегляді, ми зчитуємо точний піксель із буфера повної роздільної здатності, тож артефакт JPEG-стиснення залишається артефактом, а скопійований hex код точно відповідає тому, що є у файлі.
Чи показує піпетка також виразні кольори?
Так. Щойно зображення завантажиться, піпетка обчислює 8 найвиразніших кольорів за допомогою гістограми RGB-куба з 32 рівнями на зменшеній копії. Корисно для складання палітри бренду з логотипа, добору тонів шкіри для ретуші або узгодження кольору з фото кімнати. Клацніть на виразний сегмент, щоб зберегти його як ручний вибір.
Чи отримаю HTML / CSS hex код?
Так. Кожен вибір показується як 6-символьний hex (#RRGGBB), який підходить просто в CSS, конфіг Tailwind, Figma, Sketch або будь-який HTML-атрибут кольору. Кнопка Copy копіює hex код разом із префіксом #.
А значення RGB і HSL?
Кожен вибір також показує RGB (наприклад, rgb(220, 53, 69)) і HSL (наприклад, hsl(354, 70%, 54%)), тож ви можете вставляти просто в CSS-змінні, розширення Tailwind або токени дизайн-системи, які очікують конкретний формат.
Чи піпетка кольору справді безкоштовна? Є обмеження?
Так. Без облікових записів, без денного ліміту, без обмеження розміру файлу, без водяного знака. Уся обробка працює у вашому браузері. Ми ніколи не бачимо вашого зображення.
Чи можу я вибирати кольори з фото HEIC з iPhone?
Так. Файли HEIC декодуються в браузері (через heic2any), а потім обробляються так само, як JPEG. Зчитування при наведенні та палітра виразних кольорів працюють однаково.
Чому мої збережені вибори обмежені 12?
Щоб список виборів залишався охайним. Понад 12 зникає найстаріший. Якщо вам потрібно більше, копіюйте кожен hex напряму і вставляйте їх у свій дизайн-інструмент або нотатки.
Чи ігнорує палітра виразних кольорів тло?
Не автоматично. Це гістограма на основі частоти, тож найчастіше присутні пікселі (часто тло) опиняються вгорі. Якщо хочете палітру лише з об'єкта, спершу обріжте фото нашим інструментом обрізання, а потім перетягніть обрізане зображення в піпетку.
Чи можу я зберегти вибори як файл?
Не напряму. Список останніх виборів живе під час сеансу на сторінці. Для постійної палітри скопіюйте кожен hex (один клік) і вставте їх у свій дизайн-інструмент, CSS-файл або застосунок для нотаток. Вибори без дублікатів, тож той самий hex не з'явиться двічі поспіль.
Схожі статті

Фотопосібники про колір, метадані та роботу з файлами.

Альтернатива при фотографуванні

Перевіряєте кольори на місці? Застосунок iOS зніме з вбудованими GPS, часом і адресою.

Якщо ви перевіряєте кольори, тканини чи відтінки матеріалів у полі, застосунок iOS проштамповує кожне референсне фото датою, GPS і адресою вулиці, тож фото самодокументоване ще до того, як потрапить у піпетку кольору.

Download on theApp Store
iOS 15.6+ · iPhone, iPad, Mac і Vision Pro
  • Видимі дата, час, GPS і адреса на кожному знімку
  • Атомні (синхронізовані по мережі) позначки часу
  • Вихідний JPEG, готовий для будь-якого вибору
  • Працює офлайн; адреса доповнюється пізніше