CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Ia orice culoare de pixel de pe orice pagină web și copiază instantaneu codul său HEX.
Image from store
Description from store
Acuratețea culorilor este firul care unește fiecare interfață frumoasă, element de brand, tablou de bord cu vizualizare a datelor și campanie de marketing. Cu toate acestea, designerii și inginerii front-end pierd nenumărate minute uitându-se la coduri hexadecimale în instrumentele de dezvoltare sau făcând capturi de ecran ale unei pagini doar pentru a o testa în Photoshop. Eye Drop Tool - o extensie ușoară de browser construită pe Manifest V3 - transformă această fricțiune într-un singur gest elegant: faceți clic pe pictograma barei de instrumente, alegeți orice pixel din viewport-ul, iar valoarea precisă #RRGGBB este copiată în clipboard. Un toast subtil confirmă acțiunea și vă întoarceți imediat la lucru înainte ca fluxul să se întrerupă.
De ce este importantă această extensie
Selectorurile de culori native pentru browser există de ani de zile, dar majoritatea sunt ascunse adânc în inspector, limitate la elementele din DOM sau în spatele submeniurilor afișate cu clic dreapta. Instrumentul Eye Drop oferă aceeași putere într-un buton mereu prezent, care funcționează pe orice redă monitorul - imagini, pânză, cadre video, SVG-uri, chiar și plugin-uri terțe.
Caracteristici principale
Activare cu un singur clic – Fără fereastră pop-up sau panou de setări. Un service worker în fundal injectează instantaneu scriptul de conținut al selectorului, menținând suprasolicitarea memoriei aproape de zero atunci când este inactiv.
Eșantionare universală a pixelilor – Deoarece extensia capturează buffer-ul ecranului în loc de arborele DOM, funcționează la fel de bine pe scene WebGL randate dinamic, jocuri și videoclipuri transmise în flux, precum și pe HTML static.
Copie instantanee în clipboard – Șirul HEX este scris automat în clipboard; îl puteți lipi direct în Figma, VS Code sau Slack fără un dialog intermediar.
Toast de confirmare vizuală – O micro-interacțiune în colțul paginii („#ffcc33 copiat!”) vă asigură că acțiunea a reușit și dispare după 1,5 secunde.
Beneficii pentru utilizatori
Economie de timp – Eliminați ocolirea instrumentelor de dezvoltare sau a aplicațiilor externe. Pe parcursul unui sprint de design, acele secunde se transformă în ore.
Încărcare cognitivă redusă – Rămânerea în același context mental menține fluxul creativ; nu jonglezi cu ferestrele și nu schimbi focalizarea.
Consistență perfectă la nivel de pixel – Verificați rapid dacă codul de producție corespunde ghidului de stil al mărcii sau dacă machetele de marketing respectă rapoartele de contrast de accesibilitate.
Prevenirea erorilor – Tastarea manuală a codurilor hexadecimale invită la greșeli de scriere; copierea în clipboard elimină acest risc, ceea ce duce la commit-uri mai curate și la mai puține raportări de erori.
Grupuri de utilizatori țintă
Designeri UI/UX
Prelevați rapid culori din prototipuri live pentru a le reutiliza în sistemele de design
Reglarea fină a nuanțelor în timpul unei sesiuni de recenzie Figma
Dezvoltatori Front-End
Validarea faptului că variabilele CSS sunt afișate corect în diferite stări
Plasați cursorul peste un buton în staging și selectați culoarea sa activă
Ingineri QA
Confirmați rapoartele de contrast WCAG și conformitatea cu brandul
În timpul testelor de regresie, comparați versiunea de producție cu specificațiile
Marketeri digitali și creatori de conținut
Potriviți grafica ad-hoc cu paleta de culori a site-ului web
Trageți bannerul eroului în albastru pentru o dală socială de ultim moment