Завантажте будь-яке зображення, клацніть на будь-якому пікселі та отримайте HEX цього точного кольору — плюс RGB, HSL і найближчий відповідник за назвою CSS. Корисно для підбору фірмових кольорів зі скріншотів, визначення кольорів фарби з фото або отримання точного відтінку неба на шпалерах.
Чому варто вибирати із зображення (а не на око)
«Виглядає синім» дає вам 100 різних синіх. Палітра зчитує фактичне значення пікселя, тому ви можете вставити точний HEX у свій CSS, інструмент дизайну або програму для підбору фарби. Масштабування та панорамування дозволяють націлитися на дрібні деталі (колір очей на портреті, нитку у візерунку тканини).
Що повідомляє палітра
- HEX: готовий до вставки в CSS, Figma, Photoshop.
- RGB: для інструментів, які потребують десяткових каналів.
- HSL: для налаштування на основі вибраного кольору.
- Найближчий колір за назвою CSS: 'cornflowerblue', 'salmon' тощо. Зручно для швидкого посилання.
- Підказка щодо яскравості та контрасту: «найкраще поєднується з білим текстом» або «використовуйте темний текст» на основі яскравості.
Поради щодо роботи
- Для підбору фірмових кольорів: завантажте брендовий матеріал (логотип, скріншот веб-сайту), клацніть колір, вставте HEX у свій гайд стилю.
- Для тонів настроювальної дошки: відберіть кілька пікселів навколо області, щоб відчути настрій. Або скористайтеся Палітра-екстрактор для автоматичного визначення 5–10 домінуючих кольорів.
- Для підбору фарби: відберіть зразок фото стіни, потім знайдіть HEX у вашій програмі для фарби (Sherwin Williams, Benjamin Moore тощо — всі мають пошук за HEX).
Конвертуйте в інші формати
Отримавши HEX, пропустіть його через наш Конвертер кольорів для CMYK (друк), довідника Pantone або налаштувань HSL.
Часті запитання
Чи працює це на прозорих PNG?
Так — вибір прозорої області повертає 'transparent'; в іншому випадку — значення видимого пікселя.
А як щодо артефактів стиснення JPEG?
Вибране значення відображає показаний піксель. JPEG квантує кольори, тому два сусідні пікселі можуть трохи відрізнятися. Візьміть кілька пікселів для отримання точного значення.
Чи можу я вибрати кілька пікселів одночасно?
Натисніть → збережіть → натисніть знову. Або скористайтеся <a href='/tools/color-tools/palette-extractor/'>Palette Extractor</a>, щоб автоматично отримати набір домінантних кольорів.
Чи підтримує він різні колірні профілі?
Ми використовуємо sRGB. Зображення з широким колірним охопленням (P3, Adobe RGB) конвертуються в sRGB під час відображення, тому піпетка зчитує значення sRGB.
Максимальний розмір зображення?
25 МБ. Більші зображення зменшуються для відображення, але вибір залишається на оригіналі.
Чи можу я завантажити URL замість файлу?
Акаунти Premium можуть вставити URL зображення безпосередньо.
Чи працює це на скріншотах?
Так — скріншоти є найпоширенішим випадком використання. Клацніть будь-який піксель із будь-якого знятого застосунку чи вебсайту.
Чи зберігаються зображення?
Анонімні завантаження видаляються протягом 24 годин; завантаження авторизованих користувачів зберігаються у вашій бібліотеці.
Про Палітра кольорів із зображення
Палітра кольорів із зображення — це безкоштовний онлайн-інструмент від Wallpapers.com, який працює повністю у вашому браузері — без встановлення, без водяних знаків, без реєстрації електронної пошти для першої спроби.
Клацніть будь-який піксель на будь-якому зображенні, щоб дізнатися його значення HEX, RGB та HSL.
Як використовувати Палітра кольорів із зображення
- Виберіть колір із палітри або вставте значення HEX / RGB.
- Налаштуйте результат — палітру, контраст, додаткові кольори.
- Скопіюйте значення або експортуйте палітру як JSON.
Коли це використовувати
Типові випадки використання:
підготовка зображень для веб-завантаження, списків товарів в e-commerce, платформ соцмереж з обмеженнями формату та конвертація файлів між пристроями або додатками.
Безкоштовно проти Premium
Кожен відвідувач отримує безкоштовний пробний запуск; авторизовані безкоштовні користувачі мають вищу денну квоту. Підпишіться на
Преміум
для необмежених запусків, пакетної обробки до 200 зображень за завдання, пріоритетної черги та перегляду без реклами.
Пов'язані інструменти
Шукаєте щось інше? Спробуйте
Палітра Екстрактор
,
Генератор градієнтів
або
Grayscale Converter
— або перегляньте всі
Інструменти кольору Інструменти.
