CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Vegyen ki bármilyen pixelszínt bármely weboldalról, és másolja ki a HEX kódját azonnal.
Image from store
Description from store
A színpontosság az a szál, ami minden gyönyörű felületet, márkaelemet, adatvizualizációs irányítópultot és marketingkampányt összefűz. Mégis, a tervezők és a front-end mérnökök még mindig számtalan percet pazarolnak arra, hogy a fejlesztői eszközökben hexadecimális kódokat böngésszenek, vagy egy oldalról képernyőképet készítsenek, hogy aztán a Photoshopban mintát kapjanak. Az Eye Drop Tool – egy könnyű böngészőbővítmény, amely a Manifest V3-ra épül – ezt a súrlódást egyetlen, elegáns gesztussá alakítja: kattints az eszköztár ikonjára, válassz ki egy tetszőleges képpontot a nézetablakban, és a pontos #RRGGBB érték átmásolódik a vágólapra. Egy finom pirítós megerősíti a műveletet, és máris folytathatod a munkát, mielőtt a munkafolyamat megszakadna.
Miért fontos ez a kiterjesztés?
Évek óta léteznek böngészőben natív színválasztók, de a legtöbbjük mélyen el van rejtve az ellenőrzőben, a DOM elemeire korlátozódik, vagy jobb gombbal előhívható almenük mögött rejlik. Az Eye Drop Tool ugyanezt a hatékonyságot egy mindig jelen lévő gomb formájában nyújtja, amely bármire működik, amit a monitor renderel – képekre, vásznra, videókeretekre, SVG-kre, sőt harmadik féltől származó bővítményekre is.
Kiemelt funkciók
Egykattintásos aktiválás – Nincsenek felugró ablakok vagy beállítási panelek. Egy háttérben futó szolgáltatás azonnal befecskendezi a tartalomválasztó szkriptet, így tétlenség esetén a memóriaterhelés közel nulla marad.
Univerzális pixelmintavételezés – Mivel a kiterjesztés a képernyőpuffert rögzíti a DOM-fa helyett, dinamikusan renderelt WebGL-jeleneteken, játékokon és streamelt videókon is működik, ugyanúgy, mint statikus HTML-ben.
Azonnali vágólapra másolás – A HEX karakterlánc automatikusan a vágólapra kerül; közvetlenül beilleszthető a Figma, VS Code vagy Slack alkalmazásba köztes párbeszédablak nélkül.
Vizuális visszaigazoló üzenet – Az oldal sarkában megjelenő mikro-interakció („#ffcc33 másolva!”) megerősíti, hogy a művelet sikeres volt, majd 1,5 másodperc múlva eltűnik.
Felhasználói előnyök
Időmegtakarítás – Szüntesse meg a fejlesztői eszközökhöz vagy külső alkalmazásokhoz való kerülőutat. Egy tervezési sprint során ezek a másodpercek órákká válnak.
Csökkentett kognitív terhelés – Az ugyanabban a mentális kontextusban maradás fenntartja a kreatív áramlást; nem kell ablakokkal zsonglőrködnöd, vagy fókuszt váltanod.
Pixel-tökéletes konzisztencia – Gyorsan ellenőrizheti, hogy a gyártási kód megfelel-e a márkastílus-útmutatónak, vagy hogy a marketingmakettek betartják-e az akadálymentesítési kontrasztarányokat.
Hibamegelőzés – A hex kódok manuális beírása elgépelésekhez vezethet; a vágólapra másolás kiküszöböli ezt a kockázatot, ami tisztább commitokhoz és kevesebb hibajelentéshez vezet.
Célzott felhasználói csoportok
UI/UX tervezők
Gyorsan mintavételezheti a színeket élő prototípusokból, hogy újra felhasználhassa azokat a tervezőrendszerekben
Árnyalatok finomhangolása egy Figma bemutató során
Front-end fejlesztők
CSS változók helyes megjelenítésének ellenőrzése különböző állapotokban
Vigye az egérmutatót egy gomb fölé a stagingben, és válassza ki az aktív színét
minőségbiztosítási mérnökök
WCAG kontrasztarányok és márkamegfelelőség megerősítése
Regressziós tesztelés során hasonlítsa össze az éles verziót a specifikációval
Digitális marketingesek és tartalomkészítők
Illessze az alkalmi grafikákat a weboldal palettájához
Húzd kékre a hős bannert egy utolsó pillanatban megjelenő közösségi csempéhez