Вибрати колір із зображення

Вибирайте точні кольори пікселів із локального зображення та переглядайте їх у поширених форматах. Створюйте, порівнюйте, копіюйте й експортуйте палітру в браузері.

Виберіть зображення

Використайте локальний файл зображення, перетягніть зображення сюди або вставте його з буфера обміну.

Перетягніть зображення сюди PNG, JPEG, WebP, GIF, BMP або AVIF до 25 МБ і 24 мегапікселів.

Виберіть колір

Клацніть або торкніться зображення, щоб вибрати піксель. Потім використовуйте клавіші зі стрілками для переміщення на один вихідний піксель або Shift зі стрілкою для переміщення на десять пікселів.

Виберіть, перетягніть або вставте зображення, щоб почати.

Домінантні кольори зображення

Витягніть компактну палітру з обмеженої вибірки видимих пікселів зображення.

Палітру зображення ще не витягнуто.

Збережена палітра

Збережені кольори залишаються доступними під час перегляду цього зображення або завантаження іншого.

Збережіть вибраний, витягнутий або споріднений колір, щоб створити палітру.

What this tool does

Вибір кольору із зображення зчитує значення RGBA окремого вихідного пікселя з растрового зображення, вибраного локально, перетягнутого на сторінку або вставленого з буфера обміну.

Вибраний колір відображається у форматах HEX, RGB, HSL, HSV, HWB і CMYK; також можна створювати збережені, домінантні, споріднені та гармонійні палітри.

How to use the tool

  1. Виберіть, перетягніть або вставте зображення PNG, JPEG, WebP, GIF, BMP чи AVIF розміром до 25 МБ і 24 мегапікселів.
  2. Клацніть або торкніться точки на зображенні, а потім скористайтеся збільшувачем або клавішами зі стрілками для точного вибору вихідного пікселя.
  3. Перегляньте й скопіюйте формати кольору та значення альфа або збережіть колір у палітрі.
  4. Витягніть домінантні кольори, створіть споріднені кольори, порівняйте два кольори або скопіюйте й експортуйте збережену палітру.

Useful applications

  • Зчитування кольорів бренду з логотипа, коли оригінальні коди кольорів недоступні.
  • Вибір кольорів інтерфейсу зі знімка екрана та порівняння двох схожих значень.
  • Збирання кольорів із фотографій, ілюстрацій, зображень товарів або деталей градієнта.
  • Підготовка багаторазового списку значень кольорів для дизайнерських нотаток, змінних CSS чи іншої документації.

Notes and limitations

  • Декодування зображення, аналіз пікселів і створення палітри виконуються в браузері. Саме зображення не зберігається; у сховищі браузера зберігаються лише значення кольорів із палітри.
  • Вхідні файли обмежені 25 МБ, а розкодовані зображення — 24 мегапікселями. Підтримка форматів також залежить від здатності браузера їх декодувати.
  • Найближча назва кольору, домінантна палітра та конвертація CMYK є наближеними. Значення CMYK не використовують профіль принтера чи ICC; для точного пікселя використовуйте RGBA.
  • Контраст і Delta E вважають компоненти RGB непрозорими, а альфа повідомляється окремо. Вигляд напівпрозорого кольору залежить від фону.

Frequently asked questions

Чи завантажується або зберігається моє зображення?

Ні. Інструмент обробляє вибране зображення в браузері й зберігає через сховище браузера лише значення RGBA кольорів у збереженій палітрі.

Як вибрати дуже маленьку деталь зображення?

Виберіть сусідню точку, потім клітинку у збільшувачі пікселів або переміщуйте вибір клавішами зі стрілками. Утримуйте Shift зі стрілкою, щоб переміщуватися на десять вихідних пікселів.

Чи зберігає інструмент прозорість?

Так. Вибраний піксель містить значення альфа, а виявлення дублікатів порівнює повне значення RGBA.

Чи є домінантні кольори точним підрахунком кожного пікселя?

Ні. Домінантна палітра підсумовує обмежену вибірку видимих пікселів, тому це огляд, а не список усіх різних значень пікселів.

Чи можна зберегти кольори під час завантаження іншого зображення?

Так. Залиште параметр збереження палітри увімкненим або вимкніть його, щоб почати з порожньою палітрою після завантаження наступного зображення.

More tools in Кольори

Переглянути всі інструменти в категорії Кольори