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

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

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

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

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