CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Paimkite bet kokią pikselio spalvą iš bet kurio tinklalapio ir akimirksniu nukopijuokite jos šešioliktainį kodą.
Image from store
Description from store
Spalvų tikslumas yra gija, sujungianti kiekvieną gražią sąsają, prekės ženklo išteklių, duomenų vaizdavimo prietaisų skydelį ir rinkodaros kampaniją. Vis dėlto dizaineriai ir vartotojo sąsajos inžinieriai vis dar gaišta nesuskaičiuojamas minutes žvilgčiodami į šešioliktainius kodus kūrimo įrankiuose arba darydami puslapio ekrano kopiją, kad tik galėtų jį peržiūrėti „Photoshop“ programoje. „Eye Drop Tool“ – lengvas naršyklės plėtinys, sukurtas naudojant „Manifest V3“ – paverčia šią trintį vienu elegantišku gestu: spustelėkite įrankių juostos piktogramą, pasirinkite bet kurį pikselį peržiūros srityje ir tiksli #RRGGBB reikšmė nukopijuojama į jūsų iškarpinę. Subtilus tostas patvirtina veiksmą ir galite iš karto grįžti prie darbo, kol jūsų srautas nenutrūko.
Kodėl šis pratęsimas svarbus
Naršyklėms skirti spalvų parinkikliai egzistuoja jau daugelį metų, tačiau dauguma jų yra paslėpti giliai inspektoriuje, apriboti DOM elementais arba paslėpti dešiniuoju pelės mygtuku spustelėjamuose submeniu. „Eye Drop Tool“ turi tą pačią galią – visada esantį mygtuką, kuris veikia su viskuo, ką rodo jūsų monitorius – paveikslėliais, drobėmis, vaizdo įrašų kadrais, SVG ir net trečiųjų šalių papildiniais.
Svarbiausi bruožai
Aktyvinimas vienu spustelėjimu – nėra iššokančių langų ar nustatymų skydelio. Foninis paslaugos darbuotojas akimirksniu įterpia rinkiklio turinio scenarijų, todėl neveikimo metu atminties kiekis beveik nulinis.
Universalus pikselių atrankos metodas – Kadangi plėtinys fiksuoja ekrano buferį, o ne DOM medį, jis veikia dinamiškai pateikiamose WebGL scenose, žaidimuose ir transliuojamuose vaizdo įrašuose taip pat gerai, kaip ir statiniame HTML.
Momentinis iškarpinės kopijavimas – šešioliktainė eilutė automatiškai įrašoma į iškarpinę; galite ją įklijuoti tiesiai į „Figma“, „VS Code“ arba „Slack“ be tarpinio dialogo lango.
Vizualinis patvirtinimo signalas – mikrointerakcija puslapio kampe („#ffcc33 nukopijuota!“) patvirtina, kad veiksmas sėkmingas, ir dingsta po 1,5 sekundės.
Vartotojo privalumai
Laiko taupymas – nebereikės ieškoti kūrėjo įrankių ar išorinių programų. Dizaino sprinto metu tos sekundės virsta valandomis.
Sumažintas kognityvinis krūvis – išlikimas tame pačiame mentaliniame kontekste palaiko kūrybinį srautą; nereikia žongliruoti langais ar keisti dėmesio srities.
Idealus pikselių nuoseklumas – greitai patikrinkite, ar gamybos kodas atitinka prekės ženklo stiliaus vadovą arba ar rinkodaros maketai laikosi prieinamumo kontrasto santykių.
Klaidų prevencija – rankinis šešioliktainių kodų įvedimas sukelia rašybos klaidų; kopijavimas į iškarpinę pašalina šią riziką, todėl pakeitimai atliekami tvarkingiau ir klaidų pranešimų būna mažiau.
Tikslinės vartotojų grupės
UI/UX dizaineriai
Greitai imkite spalvų pavyzdžius iš gyvų prototipų, kad galėtumėte juos pakartotinai panaudoti projektavimo sistemose
Tikslus atspalvių derinimas „Figma“ peržiūros sesijos metu
Front-end kūrėjai
Patikrinkite, ar CSS kintamieji tinkamai atvaizduojami skirtingose būsenose
Užveskite pelės žymeklį ant mygtuko scenarijuje ir paimkite jo aktyvią spalvą.
QA inžinieriai
Patvirtinkite WCAG kontrasto santykius ir atitiktį prekės ženklo reikalavimams
Regresinio testavimo metu palyginkite gamybinę versiją su specifikacija.
Skaitmeninės rinkodaros specialistai ir turinio kūrėjai
Pritaikykite ad hoc grafiką prie svetainės paletės
Patraukite mėlyną herojaus reklamjuostę, kad gautumėte paskutinės minutės socialinį plytelę