Піпетка кольору зображення
Зчитайте точний колір будь-якого пікселя або середній колір прямокутної ділянки зображення, указавши координати. Інструмент повертає значення 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-бітного рівня, тож шістнадцятковий код відповідає тому, що показує браузер.