У цій статті
Що таке піпетка кольору?
Піпетка кольору (або інструмент «Піпетка») дозволяє натиснути на будь-який піксель зображення, щоб витягти його точне значення кольору. Колір повертається в поширених форматах, таких як HEX, RGB та HSL, що дозволяє використовувати його безпосередньо в коді, дизайнерських інструментах або специфікаціях друку.
Витягування кольорів — це невід'ємна частина дизайнерських робочих процесів — чи то підбір фірмового кольору зі знімка екрана, вибір палітри з фотографії, чи визначення точного відтінку, використаного в макеті інтерфейсу.
Як працює наша піпетка кольору
Піпетка кольору CheckTown працює повністю у вашому браузері — жодні файли не завантажуються на сервер:
- Завантажте будь-яке зображення (JPEG, PNG або WebP до 50 МБ) перетягуванням або через вибір файлу
- Натисніть у будь-якому місці зображення для вибору пікселя — інструмент миттєво покаже значення HEX, RGB та HSL з попереднім переглядом кольору
- Натисніть кнопку копіювання поруч із будь-яким форматом, щоб скопіювати його в буфер обміну — обрані кольори зберігаються в панелі історії
Спробуйте безкоштовно — реєстрація не потрібна
Обрати колір →Коли потрібне витягування кольорів
Витягування кольорів із зображень корисне в багатьох дизайнерських та розробницьких робочих процесах:
- Підбір фірмових кольорів — витягуйте точні кольори з логотипу компанії або зображення стилю, щоб використовувати їх послідовно у вашому дизайні та CSS
- Веб-розробка — вибирайте кольори з дизайнерського макету або знімка екрана та миттєво отримуйте значення HEX або RGB, готові для CSS
- Мистецтво та ілюстрація — вибирайте гармонійні кольори з фотографій або картин для створення реалістичних колірних палітр для власних робіт
Часті запитання
Які формати кольорів підтримуються?
Інструмент відображає кожен обраний колір у трьох форматах: HEX (наприклад, #3b82f6), RGB (наприклад, rgb(59, 130, 246)) та HSL (наприклад, hsl(217, 91%, 60%)). Усі три можна скопіювати в буфер обміну одним натисканням.
Чи є обмеження на кількість кольорів, які можна обрати?
Ні. Ви можете обирати скільки завгодно кольорів. Останні 10 кольорів відображаються в панелі історії, щоб ви могли порівнювати та повторно використовувати їх без повторного вибору.
Чи завантажується моє зображення на сервер?
Ні. Уся обробка відбувається локально у вашому браузері за допомогою Canvas API. Ваше зображення ніколи не покидає ваш пристрій.