CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Hämta valfri pixelfärg från valfri webbsida och kopiera dess HEX-kod direkt.
Image from store
Description from store
Färgnoggrannhet är tråden som syr samman varje vackert gränssnitt, varumärkestillgång, datavisualinstrumentpanel och marknadsföringskampanj. Ändå slösar designers och front-end-ingenjörer fortfarande otaliga minuter på att kisa på hex-koder i utvecklingsverktyg eller ta skärmdumpar av en sida bara för att testa den i Photoshop. Eye Drop Tool – ett lätt webbläsartillägg byggt på Manifest V3 – förvandlar den friktionen till en enda, elegant gest: klicka på verktygsfältsikonen, välj valfri pixel i visningsporten och det exakta #RRGGBB-värdet kopieras till ditt urklipp. En subtil toast bekräftar åtgärden, och du är direkt tillbaka till jobbet innan ditt flöde bryts.
Varför denna förlängning är viktig
Färgväljare som är inbyggda i webbläsaren har funnits i åratal, men de flesta är begravda djupt inne i inspektören, begränsade till element i DOM:en, eller gömda bakom undermenyer med högerklicksfunktion. Ögondroppsverktyget visar samma kraft i en alltid närvarande knapp som fungerar på allt som din skärm renderar – bilder, arbetsytor, videorutor, SVG:er, till och med plugin-program från tredje part.
Funktionshöjdpunkter
Aktivering med ett klick – Ingen popup- eller inställningspanel. En bakgrundstjänstarbetare injicerar innehållsskriptet för väljaren direkt, vilket håller minneskostnaden nära noll vid inaktivitet.
Universal Pixel Sampling – Eftersom tillägget fångar skärmbufferten snarare än DOM-trädet fungerar det lika bra på dynamiskt renderade WebGL-scener, spel och strömmad video som på statisk HTML.
Direkt kopia av Urklipp – HEX-strängen skrivs automatiskt till Urklipp; du kan klistra in den direkt i Figma, VS Code eller Slack utan en mellanliggande dialogruta.
Visuell bekräftelsetoast – En mikrointeraktion i hörnet av sidan (“#ffcc33 kopierad!”) försäkrar dig om att åtgärden lyckades och försvinner efter 1,5 sekunder.
Användarfördelar
Tidsbesparingar – Eliminera omvägen till utvecklingsverktyg eller externa appar. Under en designsprint förvandlas dessa sekunder till timmar.
Minskad kognitiv belastning – Att stanna kvar i samma mentala sammanhang upprätthåller det kreativa flödet; du jonglerar inte med fönster eller byter fokus.
Pixelperfekt konsistens – Verifiera snabbt att produktionskoden matchar varumärkets stilguide eller att marknadsföringsmodeller följer tillgänglighetskontrastförhållandena.
Felförebyggande – Att skriva hex-koder manuellt inbjuder till stavfel; kopiera till urklipp eliminerar den risken, vilket leder till renare commits och färre felrapporter.
Målgrupp för användaranvändare
UI/UX-designers
Snabbt ta prover av färger från liveprototyper för att återanvända dem i designsystem
Finjustering av nyanser under en Figma-granskningssession
Frontend-utvecklare
Validera att CSS-variabler renderas korrekt i olika tillstånd
Håll muspekaren över en knapp i staging och välj dess aktiva färg
QA-ingenjörer
Bekräfta WCAG-kontrastförhållanden och varumärkesefterlevnad
Jämför produktionsversionen med specifikationen under regressionstestning
Digitala marknadsförare och innehållsskapare
Matcha ad hoc-grafik med webbplatsens palett
Dra hjältebannern blå för en sista minuten-social ruta