CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Hent en hvilken som helst pixelfarve fra en hvilken som helst webside, og kopier dens HEX-kode med det samme.
Image from store
Description from store
Farvenøjagtighed er den røde tråd, der binder alle smukke brugerflader, brandaktiver, data-viz-dashboards og marketingkampagner sammen. Alligevel spilder designere og front-end-ingeniører stadig utallige minutter på at knibe øjnene sammen med hex-koder i udviklingsværktøjer eller tage skærmbilleder af en side, blot for at prøve den i Photoshop. Eye Drop Tool – en let browserudvidelse bygget på Manifest V3 – forvandler denne friktion til en enkelt, elegant gestus: klik på værktøjslinjeikonet, vælg en hvilken som helst pixel i visningen, og den præcise #RRGGBB-værdi kopieres til dit udklipsholder. En diskret lyd bekræfter handlingen, og du er straks tilbage til arbejdet, før dit flow afbrydes.
Hvorfor denne udvidelse er vigtig
Browser-native farvevælgere har eksisteret i årevis, men de fleste er begravet dybt i inspektøren, begrænset til elementer i DOM'en eller gemt bag undermenuer, der kan højreklikkes. Eye Drop Tool viser den samme kraft i en altid tilstedeværende knap, der virker på alt, hvad din skærm gengiver – billeder, lærred, videobilleder, SVG'er, endda tredjeparts plugins.
Funktionshøjdepunkter
Aktivering med ét klik – Ingen pop op-pop eller indstillingspanel. En baggrundstjenestemedarbejder indsætter plukkerens indholdsscript med det samme, hvilket holder hukommelsesoverhead tæt på nul, når den er inaktiv.
Universal Pixel Sampling – Fordi udvidelsen indfanger skærmbufferen i stedet for DOM-træet, fungerer den lige så godt på dynamisk gengivne WebGL-scener, spil og streamet video som på statisk HTML.
Øjeblikkelig kopiering af udklipsholder – HEX-strengen skrives automatisk til udklipsholderen; du kan indsætte den direkte i Figma, VS Code eller Slack uden en mellemliggende dialog.
Visuel bekræftelsesskål – En mikrointeraktion i hjørnet af siden (“#ffcc33 kopieret!”) forsikrer dig om, at handlingen er lykkedes, og forsvinder efter 1,5 sekunder.
Brugerfordele
Tidsbesparelser – Eliminer omvejen til udviklingsværktøjer eller eksterne apps. I løbet af en designsprint bliver disse sekunder til timer.
Reduceret kognitiv belastning – At forblive i den samme mentale kontekst opretholder det kreative flow; du jonglerer ikke med vinduer eller skifter fokus.
Pixel-perfekt konsistens – Bekræft hurtigt, at produktionskoden matcher brandets stilguide, eller at marketingmockups overholder tilgængelighedskontrastforhold.
Fejlforebyggelse – Manuel indtastning af hex-koder inviterer til stavefejl; kopiering til udklipsholder fjerner denne risiko, hvilket fører til renere commits og færre fejlrapporter.
Målgruppebrugere
UI/UX-designere
Hurtigt farveprøvetagning fra live prototyper til genbrug i designsystemer
Finjustering af nuancer under en Figma-gennemgangssession
Frontend-udviklere
Valider at CSS-variabler gengives korrekt i forskellige tilstande
Hold musen over en knap i staging, og vælg dens aktive farve
QA-ingeniører
Bekræft WCAG-kontrastforhold og brandoverholdelse
Under regressionstest skal produktionskonstruktionen sammenlignes med specifikationen
Digitale markedsførere og indholdsskabere
Match ad hoc-grafik med websitepaletten
Gør heltebanneret blåt for at få en social flise i sidste øjeblik