Description from extension meta
Uzmite bilo koju boju piksela s bilo koje web stranice i odmah kopirajte njen HEX kod.
Image from store
Description from store
Točnost boja je nit koja spaja svako lijepo sučelje, imovinu brenda, nadzornu ploču s vizualizacijom podataka i marketinšku kampanju. Pa ipak, dizajneri i front-end inženjeri i dalje gube bezbrojne minute žmireći u heksadecimalne kodove u alatima za razvoj ili snimajući zaslone stranice samo da bi je uzorkovali u Photoshopu. Eye Drop Tool - lagano proširenje preglednika izgrađeno na Manifest V3 - pretvara to trenje u jednu, elegantnu gestu: kliknite ikonu alatne trake, odaberite bilo koji piksel u prikazu i precizna vrijednost #RRGGBB kopira se u vaš međuspremnik. Suptilni tost potvrđuje radnju i odmah se vraćate na posao prije nego što vam se tijek rada prekine.
Zašto je ovo proširenje važno
Birači boja u pregledniku postoje već godinama, ali većina je duboko zakopana u inspektoru, ograničena na elemente u DOM-u ili zatvorena iza podizbornika koji se aktiviraju desnim klikom miša. Alat za ispuštanje očiju (Eye Drop Tool) nudi istu snagu u uvijek prisutnom gumbu koji radi na svemu što vaš monitor prikazuje - slikama, platnu, video okvirima, SVG-ovima, čak i dodacima trećih strana.
Istaknute značajke
Aktivacija jednim klikom – Nema skočnog prozora ili ploče s postavkama. Pozadinski serviser trenutačno ubrizgava skriptu sadržaja za odabir, održavajući memorijski opterećenje blizu nule tijekom mirovanja.
Univerzalno uzorkovanje piksela – Budući da ekstenzija snima međuspremnik zaslona, a ne DOM stablo, radi na dinamički renderiranim WebGL scenama, igrama i streamanim videozapisima jednako dobro kao i na statičkom HTML-u.
Trenutačno kopiranje u međuspremnik – HEX niz se automatski zapisuje u međuspremnik; možete ga izravno zalijepiti u Figmu, VS Code ili Slack bez posrednog dijaloga.
Vizualni potvrdni toast – Mikrointerakcija u kutu stranice („#ffcc33 kopirano!“) uvjerava vas da je radnja uspjela i nestaje nakon 1,5 sekundi.
Prednosti za korisnike
Ušteda vremena – Eliminirajte skretanje s razvojnih alata ili vanjskih aplikacija. Tijekom dizajnerskog sprinta, te se sekunde pretvaraju u sate.
Smanjeno kognitivno opterećenje – Ostanak u istom mentalnom kontekstu održava kreativni tok; ne žonglirate prozorima ili mijenjate fokus.
Savršena konzistentnost piksela – Brzo provjerite odgovara li produkcijski kod vodiču za stil robne marke ili pridržavaju li se marketinški modeli omjera kontrasta pristupačnosti.
Sprječavanje pogrešaka – Ručno tipkanje heksadecimalnih kodova dovodi do pogrešaka u tipografiji; kopiranje u međuspremnik uklanja taj rizik, što dovodi do čišćih commitova i manjeg broja prijava grešaka.
Ciljne korisničke skupine
UI/UX dizajneri
Brzo uzorkujte boje iz živih prototipova za ponovnu upotrebu u dizajnerskim sustavima
Fino podešavanje nijansi tijekom sesije pregleda Figme
Front-end programeri
Provjerite ispravno li se CSS varijable prikazuju u različitim stanjima
Zadržite pokazivač miša iznad gumba u pripremi i uhvatite njegovu aktivnu boju
Inženjeri osiguranja kvalitete
Potvrdite omjere kontrasta WCAG-a i usklađenost robne marke
Tijekom regresijskog testiranja, usporedite produkcijsku verziju sa specifikacijom
Digitalni marketeri i kreatori sadržaja
Uskladite ad-hoc grafiku s paletom web stranice
Povucite plavu boju herojskog banera za društvenu pločicu u zadnji čas