CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Z libovolné webové stránky si můžete okamžitě zkopírovat libovolnou barvu pixelu a její hexadecimální kód.
Image from store
Description from store
Přesnost barev je nití, která spojuje každé krásné rozhraní, prvek značky, dashboard s vizualizací dat a marketingovou kampaň. Přesto designéři a front-endoví inženýři stále ztrácejí nespočet minut mhouřením očí do hexadecimálních kódů ve vývojářských nástrojích nebo snímáním obrazovky stránky, aby ji mohli ochutnat ve Photoshopu. Nástroj Eye Drop Tool – lehké rozšíření prohlížeče postavené na Manifest V3 – promění toto tření v jediné elegantní gesto: klikněte na ikonu panelu nástrojů, vyberte libovolný pixel v zobrazovaném okně a přesná hodnota #RRGGBB se zkopíruje do schránky. Jemné upozornění potvrdí akci a vy se můžete rovnou vrátit k práci, než se váš tok přeruší.
Proč je toto rozšíření důležité
Nativní nástroje pro výběr barev v prohlížeči existují již léta, ale většina z nich je skryta hluboko v inspektoru, omezena na prvky v DOMu nebo skryta za podnabídkami vyvolanými kliknutím pravým tlačítkem myši. Nástroj Eye Drop nabízí stejnou sílu v podobě vždy dostupného tlačítka, které funguje na všem, co váš monitor vykresluje – obrázky, plátna, video snímky, SVG soubory, a dokonce i pluginy třetích stran.
Hlavní funkce
Aktivace jedním kliknutím – Žádné vyskakovací okno ani panel nastavení. Servisní pracovník na pozadí okamžitě vloží skript obsahu pro výběr, čímž se v době nečinnosti udrží paměťová režie téměř nulová.
Univerzální vzorkování pixelů – Protože rozšíření zachycuje vyrovnávací paměť obrazovky, nikoli strom DOM, funguje na dynamicky vykreslených scénách WebGL, hrách a streamovaném videu stejně dobře jako na statickém HTML.
Okamžité kopírování do schránky – HEX řetězec se automaticky zapíše do schránky; můžete jej vložit přímo do Figmy, VS Code nebo Slacku bez nutnosti zprostředkování dialogu.
Vizuální potvrzovací upozornění – Mikrointerakce v rohu stránky („#ffcc33 zkopírováno!“) vás ujistí, že akce proběhla úspěšně, a po 1,5 sekundách zmizí.
Výhody pro uživatele
Úspora času – Eliminujte odbočování do vývojářských nástrojů nebo externích aplikací. V průběhu designového sprintu se tyto sekundy promění v hodiny.
Snížená kognitivní zátěž – Setrvání ve stejném mentálním kontextu udržuje tvůrčí tok; nežonglujete s okny ani nepřepínáte zaměření.
Dokonalá konzistence na úrovni pixelů – Rychle ověřte, zda produkční kód odpovídá příručce stylu značky nebo zda marketingové makety dodržují kontrastní poměry přístupnosti.
Prevence chyb – Ruční psaní hexadecimálních kódů vede k překlepům; kopírování do schránky toto riziko eliminuje, což vede k čistším commitům a menšímu počtu hlášených chyb.
Cílové uživatelské skupiny
UI/UX designéři
Rychlé vzorkování barev z živých prototypů pro jejich opětovné použití v designových systémech
Doladění odstínů během recenze na Figmě
Front-end vývojáři
Ověřte, zda se proměnné CSS vykreslují správně v různých stavech
Najeďte myší na tlačítko ve fázi přípravy a zachyťte jeho aktivní barvu
Inženýři QA
Ověřte kontrastní poměry WCAG a shodu se značkou
Během regresního testování porovnejte produkční sestavení se specifikací
Digitální marketéři a tvůrci obsahu
Přizpůsobte ad-hoc grafiku paletě webových stránek
Vytáhněte modrý banner s hrdinou a vytvořte si dlaždici na poslední chvíli pro sociální sítě.