CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Paņemiet jebkuru pikseļu krāsu no jebkuras tīmekļa lapas un uzreiz nokopējiet tās HEX kodu.
Image from store
Description from store
Krāsu precizitāte ir pavediens, kas savij kopā katru skaistu saskarni, zīmola resursu, datu vizualizācijas informācijas paneli un mārketinga kampaņu. Tomēr dizaineri un front-end inženieri joprojām tērē neskaitāmas minūtes, skatoties uz heksadecimālkodiem izstrādes rīkos vai uzņemot lapas ekrānuzņēmumus, lai tikai apskatītu tās paraugu programmā Photoshop. Eye Drop Tool — viegls pārlūkprogrammas paplašinājums, kas veidots uz Manifest V3 — pārvērš šo berzi vienā, elegantā žestā: noklikšķiniet uz rīkjoslas ikonas, izvēlieties jebkuru pikseli skata logā, un precīza #RRGGBB vērtība tiek kopēta jūsu starpliktuvē. Neliels tosts apstiprina darbību, un jūs varat nekavējoties atgriezties darbā, pirms jūsu plūsma tiek pārtraukta.
Kāpēc šis paplašinājums ir svarīgs
Pārlūkprogrammā iebūvēti krāsu atlasītāji pastāv jau gadiem ilgi, taču lielākā daļa no tiem ir dziļi paslēpti inspektorā, ierobežoti ar DOM elementiem vai paslēpti aiz apakšizvēlnēm, kas atveras ar peles labo pogu. Eye Drop Tool piedāvā tādu pašu jaudu vienmēr pieejamā pogā, kas darbojas ar visu, ko renderē jūsu monitors — attēliem, audekla elementiem, video kadriem, SVG failiem un pat trešo pušu spraudņiem.
Svarīgākie elementi
Aktivizēšana ar vienu klikšķi — nav uznirstošo logu vai iestatījumu paneļa. Fona pakalpojuma darbinieks nekavējoties ievada atlasītāja satura skriptu, tādējādi dīkstāves laikā saglabājot gandrīz nulles atmiņas slodzi.
Universāla pikseļu izlase — tā kā paplašinājums uztver ekrāna buferi, nevis DOM koku, tas darbojas gan dinamiski atveidotās WebGL ainās, spēlēs un straumētos video, gan statiskā HTML formātā.
Tūlītēja starpliktuves kopija — HEX virkne tiek automātiski ierakstīta starpliktuvē; to var ielīmēt tieši Figma, VS Code vai Slack bez starpposma dialoglodziņa.
Vizuāls apstiprinājuma tosts — mikromijiedarbība lapas stūrī (“#ffcc33 nokopēts!”) apliecina, ka darbība ir veiksmīga, un pazūd pēc 1,5 sekundēm.
Lietotāja priekšrocības
Laika ietaupījums — novērsiet nepieciešamību izmantot izstrādes rīkus vai ārējās lietotnes. Dizaina sprinta laikā šīs sekundes pārvēršas stundās.
Samazināta kognitīvā slodze — palikšana vienā un tajā pašā mentālajā kontekstā uztur radošo plūsmu; jūs nežonglējat ar logiem vai nemaina fokusu.
Pikseļiem perfekta konsekvence — ātri pārbaudiet, vai ražošanas kods atbilst zīmola stila rokasgrāmatai vai vai mārketinga maketi atbilst pieejamības kontrasta attiecībām.
Kļūdu novēršana — manuāla heksadecimālo kodu rakstīšana veicina drukas kļūdas; kopēšana uz starpliktuvi novērš šo risku, tādējādi nodrošinot tīrākus izmaiņu ierakstus un mazāk kļūdu ziņojumu.
Mērķa lietotāju grupas
Lietotāja saskarnes/lietotāja pieredzes dizaineri
Ātri ņemiet krāsu paraugus no dzīviem prototipiem, lai tos atkārtoti izmantotu dizaina sistēmās
Toņu precizēšana Figma apskata sesijas laikā
Priekšējās programmatūras izstrādātāji
Pārbaudiet, vai CSS mainīgie dažādos stāvokļos tiek atveidoti pareizi
Novietojiet kursoru virs pogas iestudējuma režīmā un satveriet tās aktīvo krāsu.
Kvalitātes nodrošināšanas inženieri
Apstipriniet WCAG kontrasta attiecības un atbilstību zīmolam
Regresijas testēšanas laikā salīdziniet ražošanas versiju ar specifikāciju.
Digitālā mārketinga speciālisti un satura veidotāji
Pielāgojiet ad-hoc grafiku vietnes paletei
Pavelciet varoņa baneri zilā krāsā, lai iegūtu pēdējā brīža sociālo elementu.