# Піпетка кольору зображення

Зчитайте точний колір будь-якого пікселя або середній колір прямокутної ділянки зображення, указавши координати. Інструмент повертає значення hex, RGB і HSL, а також рівень альфа-каналу; вимірювання виконується після повороту EXIF, тож координати відповідають тому, що ви бачите. Зручно для дизайнерів, які добирають кольори бренду, розробників, що зчитують значення з макетів, і всіх, хто перевіряє кольори на знімку екрана.

## Поширені запитання

### Як працюють координати?

X рахує пікселі від лівого краю, а Y — від верхнього; відлік в обох випадках починається з 0. Координати верхнього лівого пікселя — 0, 0, а нижнього правого пікселя зображення розміром 1920 на 1080 — 1919, 1079. Координати вимірюються на зображенні після застосування орієнтації EXIF.

### Як отримати середній колір ділянки?

Укажіть ширину й висоту, більші за 1. Інструмент обчислить середнє для кожного пікселя прямокутника, що починається з X і Y та простягається праворуч і вниз. Увесь прямокутник має поміщатися в зображенні.

### У яких форматах повертаються значення кольору?

Колір повертається як hex-код, значення RGB від 0 до 255 і HSL, де відтінок указано в градусах, а насиченість і світлоту — у відсотках. Значення альфа-каналу лежить у діапазоні від 0 (повністю прозорий) до 1 (повністю непрозорий).

### Як враховується прозорість ділянки?

Внесок кожного пікселя пропорційний його непрозорості, тому прозорі пікселі не зміщують колір у бік чорного. Для ділянки показується середній рівень непрозорості. Для повністю прозорої ділянки буде вказано чорний колір і значення альфа-каналу 0.

### Як дізнатися координати пікселя?

Більшість редакторів зображень та інструментів для знімків екрана показують положення курсора в пікселях. Спершу перевірте розмір зображення за допомогою інструмента «Інформація про зображення», щоб знати допустимий діапазон для X і Y.

### Які формати підтримуються?

Зображення JPEG, PNG, GIF, WebP, TIFF і AVIF розміром до 5 MB і розміром до 4000 пікселів на кожній стороні. Анімовані зображення зчитуються за першим кадром.

### Чому колір відрізняється від того, що показує мій редактор?

Перед зчитуванням зображення перетворюються на sRGB, тому для фотографії з профілем Display P3 або CMYK показується відповідник у sRGB. У редакторах, які показують значення у власному колірному просторі файлу або за замовчуванням вибирають більшу ділянку, числа будуть трохи іншими. Стиснення JPEG також спричиняє незначні відмінності між сусідніми пікселями.

### Що станеться, якщо координати виходять за межі зображення?

Замість кольору інструмент повертає повідомлення з розміром зображення. Для X і Y приймаються цілі числа від 0 до 3999, а для ширини й висоти — від 1 до 4000.

### Чи можна вибрати кілька кольорів одночасно?

За кожним запитом зчитується одна точка або одна ділянка. Щоб натомість отримати основні кольори всього зображення, скористайтеся інструментом «Домінантні кольори зображення»: він повертає палітру з часткою кожного кольору.

### Чи точний колір у зображеннях із 16-бітною глибиною?

Файли 16-біт PNG і TIFF перед читанням зменшуються до 8 біт на канал, тому значення відображаються у звичному діапазоні від 0 до 255, який використовують CSS та інструменти дизайну. Під час зменшення кожне значення округлюється до найближчого 8-бітного рівня, тож шістнадцятковий код відповідає тому, що показує браузер.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)
