Description from extension meta
Преузмите било коју боју пиксела са било које веб странице и одмах копирајте њен HEX код.
Image from store
Description from store
Тачност боја је нит која спаја сваки лепи интерфејс, бренд, контролну таблу за визуализацију података и маркетиншку кампању. Па ипак, дизајнери и фронт-енд инжењери и даље губе безброј минута жмиркајући у хексадецималне кодове у алатима за развој или снимајући екран странице само да би је узорковали у Фотошопу. Алатка за очи – лагано проширење за прегледач изграђено на Манифесту V3 – претвара то трење у један, елегантан гест: кликните на икону на траци са алаткама, изаберите било који пиксел у приказу и прецизна вредност #RRGGBB се копира у ваш међуспремник. Суптилан тост потврђује акцију и одмах сте назад на посао пре него што се ваш ток прекине.
Зашто је ово проширење важно
Бирачи боја у прегледачима постоје годинама, али већина је дубоко закопана у инспектору, ограничена на елементе у DOM-у или скривена иза подменија који се добијају кликом десног тастера миша. Алатка Eye Drop пружа исту моћ у увек присутном дугмету које ради на свему што ваш монитор приказује – сликама, платну, видео оквирима, SVG-овима, чак и додацима трећих страна.
Најважније функције
Активација једним кликом – Нема искачућег прозора или панела са подешавањима. Сервисни радник у позадини тренутно убризгава скрипту садржаја за избор, држећи оптерећење меморије близу нуле када је неактиван.
Универзално узорковање пиксела – Пошто екстензија снима бафер екрана уместо DOM стабла, ради на динамички рендерованим WebGL сценама, играма и стримованим видео записима подједнако добро као и на статичком HTML-у.
Тренутно копирање у међуспремник – HEX стринг се аутоматски уписује у међуспремник; можете га директно налепити у Figma, VS Code или Slack без посредничког дијалога.
Визуелна потврда – Микроинтеракција у углу странице („#ffcc33 копирано!“) вас уверава да је радња успела и нестаје након 1,5 секунди.
Корисничке предности
Уштеда времена – Елиминишите скретање ка алатима за развој или екстерним апликацијама. Током дизајнерског спринта, те секунде се претварају у сате.
Смањено когнитивно оптерећење – Остајање у истом менталном контексту одржава креативни ток; не жонглирате прозорима или мењате фокус.
Савршена конзистентност пиксела – Брзо проверите да ли се производни код подудара са водичем за стил бренда или да ли се маркетиншки модели придржавају односа контраста приступачности.
Спречавање грешака – Ручно куцање хексадецималних кодова доводи до грешака у куцању; копирање у међуспремник елиминише тај ризик, што доводи до чистијих измена и мањег броја пријављених грешака.
Циљне корисничке групе
UI/UX дизајнери
Брзо узоркујте боје из живих прототипова за поновну употребу у системима за дизајн
Фино подешавање нијанси током сесије прегледа Фигме
Фронт-енд програмери
Проверите да ли се CSS променљиве исправно приказују у различитим стањима
Задржите показивач миша изнад дугмета у припремном режиму и преузмите његову активну боју
Инжењери за контролу квалитета
Потврдите WCAG односе контраста и усклађеност са брендом
Током регресионог тестирања, упоредите производну верзију са спецификацијом
Дигитални маркетиншки стручњаци и креатори садржаја
Ускладите ад-хок графику са палетом веб странице
Повуците плави банер хероја за плочицу друштвених мрежа у последњем тренутку