CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Získajte ľubovoľnú farbu pixelu z ľubovoľnej webovej stránky a okamžite skopírujte jej HEX kód.
Image from store
Description from store
Presnosť farieb je niťou, ktorá spája každé krásne rozhranie, prvok značky, dashboard s vizualizáciou dát a marketingovú kampaň. Napriek tomu dizajnéri a front-end inžinieri stále strácajú nespočetné množstvo minút mžouraním na hexadecimálne kódy vo vývojových nástrojoch alebo snímaním obrazovky stránky, aby ju mohli ochutnať vo Photoshope. Nástroj Eye Drop Tool – ľahké rozšírenie prehliadača postavené na Manifest V3 – premieňa toto trenie na jedno elegantné gesto: kliknite na ikonu na paneli s nástrojmi, vyberte ľubovoľný pixel v zobrazenom poli a presná hodnota #RRGGBB sa skopíruje do schránky. Jemné upozornenie potvrdí akciu a vy sa môžete rovno vrátiť k práci skôr, ako sa váš tok preruší.
Prečo je toto rozšírenie dôležité
Natívne nástroje na výber farieb pre prehliadač existujú už roky, ale väčšina z nich je hlboko skrytá v inšpektorovi, obmedzená na prvky v DOM alebo skrytá za podponukmi po kliknutí pravým tlačidlom myši. Nástroj Eye Drop Tool ponúka rovnakú silu v podobe vždy prítomného tlačidla, ktoré funguje na všetkom, čo váš monitor vykresľuje – obrázky, plátno, videosnímky, SVG súbory, dokonca aj pluginy tretích strán.
Hlavné funkcie
Aktivácia jedným kliknutím – Žiadne kontextové okno ani panel nastavení. Servisný pracovník na pozadí okamžite vloží obsah skriptu pre výber, čím sa zaťaženie pamäte počas nečinnosti blíži k nule.
Univerzálne vzorkovanie pixelov – Keďže rozšírenie zachytáva vyrovnávaciu pamäť obrazovky a nie strom DOM, funguje na dynamicky vykresľovaných scénach WebGL, hrách a streamovanom videu rovnako dobre ako na statickom HTML.
Okamžité kopírovanie do schránky – HEX reťazec sa automaticky zapíše do schránky; môžete ho vložiť priamo do Figmy, VS Code alebo Slacku bez prechodného dialógového okna.
Vizuálne potvrdzujúce upozornenie – Mikrointerakcia v rohu stránky („#ffcc33 skopírované!“) vás uistí, že akcia bola úspešná, a po 1,5 sekunde zmizne.
Výhody pre používateľov
Úspora času – Eliminujte odbočovanie do vývojových nástrojov alebo externých aplikácií. V priebehu dizajnového sprintu sa tieto sekundy premenia na hodiny.
Znížená kognitívna záťaž – Zotrvanie v rovnakom mentálnom kontexte udržiava kreatívny tok; nežonglujete s oknami ani nemeníte zameranie.
Dokonalá konzistencia pixelov – Rýchlo overte, či produkčný kód zodpovedá príručke štýlu značky alebo či marketingové makety dodržiavajú kontrastné pomery prístupnosti.
Prevencia chýb – Ručné písanie hexadecimálnych kódov vedie k preklepom; kopírovanie do schránky toto riziko eliminuje, čo vedie k čistejším commitom a menšiemu počtu hlásení chýb.
Cieľové skupiny používateľov
UI/UX dizajnéri
Rýchlo vzorkujte farby zo živých prototypov na opätovné použitie v dizajnových systémoch
Doladenie odtieňov počas recenzného sedenia Figma
Front-end vývojári
Overiť, či sa premenné CSS správne vykresľujú v rôznych stavoch
Umiestnite kurzor myši na tlačidlo v režime staging a zachytite jeho aktívnu farbu
Inžinieri QA
Potvrďte kontrastné pomery WCAG a súlad značky
Počas regresného testovania porovnajte produkčnú verziu so špecifikáciou
Digitálni marketéri a tvorcovia obsahu
Prispôsobte ad-hoc grafiku palete webových stránok
Potiahnite modrý banner hrdinu a vytvorte si sociálnu dlaždicu na poslednú chvíľu