Ключові моменти
- 01Вибирайте будь-який піксель з будь-якого зображення та отримуйте коди HEX, RGB та HSL одним натиском.
- 02Збільшена лупа з до 20-кратного збільшення полегшує захоплення точних пікселів логотипів або піктограм.
- 03Побудуйте невеличку палітру з декількох виборів — все залишається приватним у вашому браузері.
- 04Безплатно, без реєстрації, працює з JPG, PNG, WebP, AVIF, GIF, BMP та HEIC.
Чому використовувати вибирач кольорів на основі браузера?
Дизайнери, розробники та творці контенту регулярно мають потребу відповідати кольору з еталонного зображення — логотипу, дошки настроїв, фотографії клієнта або скріншоту. Більшість операційних систем мають базові інструменти піпетка, але їм не вистачає збільшення, багатоформатного виводу та побудови палітри, які роблять вибір кольорів швидким у справжньому робочому процесі.
Вибирач кольорів від Handytool працює повністю у вашому браузері, тому немає установки, немає облікового запису та немає зображень, надісланих на будь-який сервер. Ви отримуєте збільшену піпетку, три одночасні формати кольорів (HEX, RGB, HSL) та палітру, яку можна повторно використовувати — все безкоштовно.
Як вибрати колір з зображення
Весь процес займає менше хвилини.
- 01
Кидніть або відкрийте своє зображення
Перетягніть файл зображення на сторінку або натисніть для перегляду. Підтримуються JPG, PNG, WebP, AVIF, GIF, BMP та HEIC — файли HEIC з iPhone декодуються локально за допомогою WebAssembly.
- 02
Розташуйте лупу над цільовим пікселем
Рухайте курсор над зображенням. Збільшена лупа слідує за вашим курсором, щоб ви могли бачити окремі пікселі навіть у щільних або малих зображеннях. Збільшення доходить до 20x для деталей логотипу та роботи з піктограмами.
- 03
Натисніть, щоб вибрати колір
Натисніть на піксель, який хочете. Значення HEX, RGB та HSL миттєво з'являються на панелі.
- 04
Скопіюйте потрібний формат
Натисніть на будь-яку значок формату, щоб скопіювати його у буфер обміну. HEX готовий до CSS, RGB підходить для друку, а HSL ідеальний, коли вам потрібно розробити світліші або темніші варіанти тієї ж тональності.
- 05
Побудуйте палітру з кількома виборами
Продовжуйте натискати навколо зображення, щоб додати зразки до мініатюрної палітри внизу. Натисніть на будь-який зразок, щоб скопіювати його HEX, або кнопку x, щоб видалити його.
Який формат кольорів вам використовувати?
Кожен формат служить трохи іншій меті.
- 01HEX (#B7FF3E) — універсальний вибір для веб-CSS та інструментів дизайну, як Figma.
- 02RGB (183, 255, 62) — переважний у друкованому дизайні, калібруванні кольорів та деяких додатках дизайну.
- 03HSL (83°, 100%, 62%) — найкраще, коли ви хочете створити відтінки, тіні або кольорові гаммы.
- 04Усі три формати представляють один і той же колір — скопіюйте той, який очікує наступний інструмент.
Ваші зображення ніколи не залишають ваш пристрій
Вибирач кольорів — це повністю клієнтський інструмент. Кожне зображення, яке ви кидаєте, декодується Canvas API вашого браузера, і кожен розрахунок кольору відбувається в локальному JavaScript. Жодні дані не передаються на будь-який сервер, не записуються та не зберігаються — навіть тимчасово.
Це означає, що ви можете безпечно працювати з конфіденційними макетами, творчою роботою клієнта або невипущеними фотографіями продукту. Закрийте вкладку і все пропаде. Немає завантажень для переживання, немає політики конфіденційності для прокручування.
Часті запитання вибирача кольорів
Як вибрати колір з зображення онлайн?
Кидніть своє зображення в вибирач кольорів Handytool, наведіть на піксель, який хочете, та натисніть. Значення HEX, RGB та HSL миттєво з'являються та можуть бути скопійовані одним натиском.
Які формати зображень підтримує вибирач кольорів онлайн?
JPG, PNG, WebP, AVIF, GIF, BMP та HEIC/HEIF. Фото HEIC з iPhone декодуються локально за допомогою WebAssembly, тому конвертація не потрібна.
Яка різниця між HEX, RGB та HSL?
HEX — це шістизначний код, звичайний у веб-CSS. RGB виражає колір як три числові значення (червоний, зелений, синій) від 0 до 255. HSL використовує відтінок, насиченість та яскравість — корисне для генерування кольорових гам.
Моє зображення завантажується на сервер?
Ні. Весь інструмент працює у вашому браузері. Ваше зображення залишається на вашому пристрої від початку до кінця — ніщо не відправляється на сервер.
Чи можу я зберегти палітру кольорів з одного зображення?
Так. Кожен натиск додає зразок до палітри внизу сторінки. Натисніть на зразок, щоб скопіювати його HEX, або x, щоб видалити його. Палітра втрачається, коли ви закриєте вкладку — скопіюйте свої коди перед виходом.
Чи безплатний вибирач кольорів?
Так. Handytool повністю безплатний без реєстрації, обмежень використання та водяних знаків.