CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Hent en hvilken som helst pikselfarge fra en hvilken som helst nettside og kopier dens HEX-kode umiddelbart.
Image from store
Description from store
Fargenøyaktighet er tråden som syr sammen ethvert vakkert grensesnitt, merkevareressurs, datavisualiseringsdashbord og markedsføringskampanje. Likevel kaster designere og front-end-ingeniører bort utallige minutter på å myse på heksadesimale koder i utviklerverktøy eller ta skjermbilder av en side bare for å prøve den i Photoshop. Eye Drop Tool – en lett nettleserutvidelse bygget på Manifest V3 – gjør denne friksjonen om til en enkelt, elegant gest: klikk på verktøylinjeikonet, velg en hvilken som helst piksel i visningsporten, og den nøyaktige #RRGGBB-verdien kopieres til utklippstavlen. En subtil skål bekrefter handlingen, og du er rett tilbake til jobb før flyten din brytes.
Hvorfor denne utvidelsen er viktig
Fargevelgere som er integrert i nettleseren har eksistert i årevis, men de fleste er begravd dypt inne i inspektøren, begrenset til elementer i DOM-en, eller skjult bak undermenyer med høyreklikk. Eye Drop Tool viser den samme kraften i en alltid tilstedeværende knapp som fungerer på alt skjermen din gjengir – bilder, lerret, videobilder, SVG-er, til og med tredjeparts plugins.
Funksjonshøydepunkter
Ettklikksaktivering – Ingen popup- eller innstillingspanel. En bakgrunnstjenestearbeider injiserer innholdsskriptet for velgeren umiddelbart, og holder minneoverhead nær null når den er inaktiv.
Universal Pixel Sampling – Fordi utvidelsen fanger opp skjermbufferen i stedet for DOM-treet, fungerer den like bra på dynamisk gjengitte WebGL-scener, spill og strømmet video som på statisk HTML.
Øyeblikkelig kopiering av utklippstavlen – HEX-strengen skrives automatisk til utklippstavlen; du kan lime den direkte inn i Figma, VS Code eller Slack uten en mellomliggende dialog.
Visuell bekreftelsesskål – En mikrointeraksjon i hjørnet av siden («#ffcc33 kopiert!») forsikrer deg om at handlingen var vellykket og forsvinner etter 1,5 sekunder.
Brukerfordeler
Tidsbesparelser – Eliminer omveien til utviklingsverktøy eller eksterne apper. I løpet av en designsprint blir disse sekundene til timer.
Redusert kognitiv belastning – Å holde seg i samme mentale kontekst opprettholder den kreative flyten; du sjonglerer ikke vinduer eller bytter fokus.
Pikselperfekt konsistens – Bekreft raskt at produksjonskoden samsvarer med merkevarens stilguide, eller at markedsføringsmodeller overholder tilgjengelighetskontrastforhold.
Feilforebygging – Manuell innskriving av heksadesimale koder inviterer til skrivefeil; kopiering til utklippstavlen fjerner denne risikoen, noe som fører til renere commits og færre feilrapporter.
Målgruppe for brukere
UI/UX-designere
Raskt ta fargeprøver fra live prototyper for gjenbruk i designsystemer
Finjustering av nyanser under en Figma-gjennomgangsøkt
Frontend-utviklere
Valider at CSS-variabler gjengis riktig i forskjellige tilstander
Hold musepekeren over en knapp i staging og velg den aktive fargen
QA-ingeniører
Bekreft WCAG-kontrastforhold og merkevaresamsvar
Under regresjonstesting, sammenlign produksjonsbygget med spesifikasjonene
Digitale markedsførere og innholdsskapere
Match ad hoc-grafikk med nettsidens palett
Gjør heltebanneret blått for en sosial rute i siste liten