Вибір та екстрактор кольорів – безкоштовний онлайн-інструмент
Наш безкоштовний онлайн-екстрактор кольорів дозволяє вибрати будь-який колір з фотографії одним клацанням миші — без встановлення програмного забезпечення та облікового запису. Завантажте зображення, наведіть курсор для збільшення, клацніть на будь-який піксель, щоб миттєво побачити його значення HEX, RGB, HSL та HSV, а потім згенеруйте повну палітру кольорів з вибраного кольору. Завантажуйте результати будь-коли.
Як вибрати кольори з фотографії
1
Завантажте своє зображення
Перетягніть фотографію на панель, натисніть Завантажити фото, або вставити за допомогою Ctrl+V. Підтримує JPEG, PNG, WebP, HEIC та GIF.
2
Натисніть, щоб вибрати колір
Наведіть курсор на зображення, щоб збільшити його за допомогою лупи, а потім клацніть будь-де, щоб захопити колір цього пікселя. Значення HEX, RGB, HSL та HSV відображаються миттєво.
3
Копіювання або створення палітри
Клацніть будь-яке поле значення, щоб скопіювати його в буфер обміну, зберегти кольори на потім або створити повну палітру кольорів та експортувати її як змінні CSS або смужку зразка PNG.
Основні характеристики
- Чотири кольорові формати – переглядати та копіювати вибраний колір у HEX, RGB, HSL та HSV одним клацанням миші на будь-якому полі значення.
- Лупа з точністю до пікселів – круговий зум-об’єктив слідує за вашим курсором, щоб ви могли точно визначити потрібний піксель.
- 8 типів палітр – створювати аналогові, додаткові, тріадні, тетрадні, роздільно-додаткові, монохроматичні, відтінкові або палітри з 3–10 зразками.
- Параметри експорту – скопіюйте всі HEX-коди палітри одночасно, завантажте смужку зразка PNG або експортуйте палітру як користувацькі властивості CSS (
:root змінні).
- Збережені кольори – додайте будь-який колір до закладок на особисту панель збережених кольорів у вашому браузері; очищуйте їх, коли забажаєте.
- Підтримка HEIC – Фотографії iPhone у форматі HEIC/HEIF автоматично конвертуються перед вибором кольору.
- Працює повністю у вашому браузері – ваші фотографії ніколи не завантажуються на жоден сервер.
- Безкоштовно та без обмежень – без реєстрації, без водяних знаків, без обмежень.
Що таке екстрактор кольору?
Екстрактор кольору (або вибір кольору зображення) – це інструмент, який зчитує точний колір будь-якого пікселя на фотографії та перетворює його на стандартні колірні коди, що використовуються в дизайні та розробці. Замість того, щоб вимірювати колір на око чи вручну вводити значення, ви просто клацаєте в потрібній вам ділянці, і інструмент виконує перетворення за вас – від необроблених значень RGB, які відображається на вашому екрані, до представлень HSL та HSV, що використовуються в робочих процесах графічного дизайну.
Генератор кольорової палітри йде ще далі: після вибору базового кольору він застосовує теорію кольорів для створення гармонійних колірних схем, готових до використання безпосередньо в CSS, Figma або будь-якому іншому дизайнерському інструменті.
Загальне використання
- Вилучення кольору бренду – витягувати точні шістнадцяткові коди з логотипу або фотографії бренду для послідовного використання на вебсайті або в системі дизайну.
- Веб-дизайн та дизайн інтерфейсу користувача – підбирайте кольори відповідно до зображення продукту або фотографії героя, щоб ваш макет виглядав цілісним.
- Генерація палітри – почніть з одного ключового кольору та створіть повноцінну додаткову або аналогічну схему для проєкту.
- Друк та ілюстрація – перегляньте зразки довідкових фотографій, щоб знайти точні значення RGB перед змішуванням фарби або налаштуванням профілю друку.
- CSS-темізації – експортувати змінні палітри безпосередньо в
:root блок, який можна перемістити безпосередньо в таблицю стилів.
Часті запитання
Так, інструмент повністю безкоштовний і не має обмежень щодо використання. Вам не потрібно створювати обліковий запис або надавати будь-яку платіжну інформацію.
Ні. Уся обробка здійснюється повністю у вашому браузері за допомогою HTML5 Canvas API. Ваше зображення ніколи не надсилається на жодний сервер, тому ваша конфіденційність повністю захищена.
Інструмент відображає вибраний колір одночасно у чотирьох форматах: HEX (наприклад, #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), та ВПГ (hsv(216, 73%, 84%)). Клацніть будь-яке поле, щоб миттєво скопіювати його.
Під час наведення курсора на зображення поруч із ним з’являється кругла лупа, яка показує збільшене зображення навколишніх пікселів. Це дозволяє легко визначити та клацнути саме на потрібному пікселі, особливо на фотографіях із дрібними деталями або ледь помітними переходами кольорів.
Клацніть будь-який піксель на зображенні, щоб встановити базовий колір, а потім прокрутіть униз до Колірна палітра розділ. Виберіть тип палітри (аналогова, додаткова, тріадна тощо) і перетягніть повзунок кількості, щоб вибрати 3–10 зразків. Палітра оновлюється миттєво. Використовуйте Кольори копіювання, Завантажити PNG, або Експорт CSS використати результат.
Експорт CSS копій a :root { } блок, що містить кожен колір палітри як користувацьку властивість CSS (наприклад --color-1: #3a7bd5;). Ви можете вставити це безпосередньо у свою таблицю стилів та посилатися на змінні по всьому проєкту.
Так. Файли HEIC та HEIF автоматично конвертуються у JPEG у вашому браузері перед відображенням зображення. Під час конвертації з’являється індикатор завантаження, і жодні файли не надсилаються на наші сервери.