Description from extension meta
Haara ükskõik milliselt veebilehelt mis tahes pikslivärv ja kopeeri selle HEX-kood koheselt.
Image from store
Description from store
Värvitäpsus on niit, mis seob kokku iga kauni liidese, brändiressursi, andmepildi armatuurlaua ja turunduskampaania. Sellegipoolest raiskavad disainerid ja esiotsa insenerid lugematuid minuteid arendustööriistades heksakoodide kallal nokitsedes või lehest ekraanipildi tegemisel, et seda Photoshopis näidisena näha. Eye Drop Tool – kerge brauserilaiend, mis on loodud Manifest V3-l – muudab selle hõõrdumise üheks elegantseks žestiks: klõpsake tööriistariba ikooni, valige vaateaknas suvaline piksel ja täpne väärtus #RRGGBB kopeeritakse teie lõikelauale. Peen röstsai kinnitab toimingut ja saate kohe tööle tagasi minna, enne kui teie töövoog katkeb.
Miks see laiendus on oluline?
Brauserisisesed värvivalijad on eksisteerinud aastaid, kuid enamik neist on peidetud sügavale inspektorisse, piiratud DOM-i elementidega või paremklõpsu alammenüüde taha. Eye Drop Tool pakub sama võimsust alati olemasoleva nupu abil, mis töötab kõigega, mida teie monitor renderdab – piltidel, lõuendil, videokaadritel, SVG-del ja isegi kolmandate osapoolte pluginatel.
Põhifunktsioonid
Ühe klõpsuga aktiveerimine – hüpikaknaid ega seadete paneeli pole. Taustateenuse töötaja sisestab valija sisu skripti koheselt, hoides jõudeolekus mälu üldkulu peaaegu nullil.
Universaalne piksliproovide võtmine – Kuna laiendus jäädvustab ekraanipuhvrit, mitte DOM-puud, töötab see dünaamiliselt renderdatud WebGL-stseenide, mängude ja voogedastusvideote puhul sama hästi kui staatilise HTML-i puhul.
Kohene lõikelauale kopeerimine – HEX-string kirjutatakse lõikelauale automaatselt; saate selle otse Figmasse, VS Code'i või Slacki kleepida ilma vahepealse dialoogita.
Visuaalne kinnitusteade – lehe nurgas olev mikrointeraktsioon („#ffcc33 kopeeritud!”) kinnitab teile, et toiming õnnestus, ja kaob 1,5 sekundi pärast.
Kasutaja eelised
Aja kokkuhoid – Väldi arendustööriistadesse või välistesse rakendustesse minekut. Disainisprindi käigus muutuvad need sekundid tundideks.
Väiksem kognitiivne koormus – samas vaimses kontekstis püsimine säilitab loomingulise voolu; te ei žongleeri akendega ega vaheta fookust.
Pikslitäiuslik järjepidevus – kontrollige kiiresti, kas tootmiskood vastab brändi stiilijuhendile või kas turundusmaketid järgivad ligipääsetavuse kontrastsuse suhteid.
Vigade vältimine – Kuueteistkümnendkoodide käsitsi tippimine põhjustab kirjavigu; lõikelauale kopeerimine kõrvaldab selle riski, mis toob kaasa puhtamad muudatused ja vähem veateateid.
Sihtrühmad
UI/UX disainerid
Kiiresti värviproovide võtmine reaalajas prototüüpidest, et neid disainisüsteemides taaskasutada
Varjundite peenhäälestamine Figma ülevaateseansi ajal
Esiotsa arendajad
Kontrolli, et CSS-i muutujad renderduvad erinevates olekutes õigesti
Hõljuta kursorit lavastusrežiimis nupu kohal ja haara selle aktiivne värv.
QA insenerid
WCAG-i kontrastsussuhete ja brändi vastavuse kinnitamine
Regressioontestimise ajal võrrelge tootmisversiooni spetsifikatsiooniga
Digitaalturundajad ja sisuloojad
Sobita ad-hoc graafika veebisaidi paletiga
Tõmba viimase hetke sotsiaalse plaadi jaoks siniseks kangelase bänner