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

Ця піпетка для зображень відповідає на просте й поширене запитання: який саме колір має цей піксель? Завантажте або перетягніть фотографію, знімок екрана чи експорт дизайну, і інструмент відобразить його на полотні з точністю до пікселя. Переміщуйте курсор, і збільшувальна лупа рухатиметься за ним, збільшуючи область 11×11 пікселів під ним, щоб ви могли точно націлитися; значення під курсором показуються в реальному часі. Один клік — і колір з’являється на трьох картках: HEX для CSS, RGB для коду, HSL для регулювання світлості, — кожна з власною кнопкою копіювання.

Точність — головна мета такої піпетки. На тексті зі згладжуванням, градієнтах і краях фотографій сусідні пікселі помітно відрізняються, і вибір «на око» зі зменшеного попереднього перегляду частіше дає неправильний відтінок, ніж правильний. Лупа показує кожен фізичний піксель як великий квадрат із перехрестям на центральному, тож значення, яке ви копіюєте, — це значення саме того пікселя, який ви мали на увазі. Історія останніх восьми виборів зберігається у вигляді колірних зразків — натисніть на будь-який із них, щоб скопіювати цей колір іще раз.

Інструмент побудований на основі Canvas API браузера й повністю працює на вашому пристрої: зображення ніколи не завантажується на сервер, немає черги й облікових записів, і навіть конфіденційні макети чи документи можна безпечно перевіряти. Він працює з будь-яким форматом зображень, який може відкрити ваш браузер, зокрема PNG, JPG, WebP, GIF та SVG.

Типові сценарії використання: відновлення фірмового кольору з логотипа, коли гайд зі стилем загублено, підбір кольорів інтерфейсу до еталонного знімка екрана, перевірка того, у що насправді рендериться градієнт, або отримання кандидата для палітри з фотографії. Якщо потім знадобиться колір в іншій нотації — CMYK для друку або нормалізовані значення, — інструмент конвертації форматів кольорів продовжить там, де зупинилася піпетка.