CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Αποκτήστε οποιοδήποτε χρώμα pixel από οποιαδήποτε ιστοσελίδα και αντιγράψτε τον δεκαεξαδικό κώδικα αμέσως.
Image from store
Description from store
Η ακρίβεια των χρωμάτων είναι το νήμα που ενώνει κάθε όμορφη διεπαφή, στοιχείο επωνυμίας, πίνακα ελέγχου δεδομένων και καμπάνια μάρκετινγκ. Ωστόσο, οι σχεδιαστές και οι μηχανικοί front-end εξακολουθούν να σπαταλούν αμέτρητα λεπτά κοιτάζοντας δεκαεξαδικούς κώδικες σε εργαλεία προγραμματισμού ή τραβώντας στιγμιότυπα οθόνης μιας σελίδας μόνο και μόνο για να τη δοκιμάσουν μέσα στο Photoshop. Το Eye Drop Tool - μια ελαφριά επέκταση προγράμματος περιήγησης που βασίζεται στο Manifest V3 - μετατρέπει αυτή την τριβή σε μια μόνο, κομψή χειρονομία: κάντε κλικ στο εικονίδιο της γραμμής εργαλείων, επιλέξτε οποιοδήποτε pixel στο παράθυρο προβολής και η ακριβής τιμή #RRGGBB αντιγράφεται στο πρόχειρό σας. Ένα διακριτικό toast επιβεβαιώνει την ενέργεια και επιστρέφετε αμέσως στην εργασία σας πριν διακοπεί η ροή σας.
Γιατί αυτή η επέκταση έχει σημασία
Οι επιλογείς χρωμάτων που είναι εγγενείς σε προγράμματα περιήγησης υπάρχουν εδώ και χρόνια, αλλά οι περισσότεροι είναι θαμμένοι βαθιά στον επιθεωρητή, περιορίζονται σε στοιχεία στο DOM ή περικλείονται πίσω από υπομενού με δεξί κλικ. Το Eye Drop Tool προσφέρει την ίδια ισχύ σε ένα πάντα παρόν κουμπί που λειτουργεί σε οτιδήποτε αποδίδει η οθόνη σας - εικόνες, καμβάδες, καρέ βίντεο, SVG, ακόμη και πρόσθετα τρίτων.
Κύρια χαρακτηριστικά
Ενεργοποίηση με ένα κλικ – Δεν υπάρχει αναδυόμενο παράθυρο ή πίνακας ρυθμίσεων. Ένας εργαζόμενος υπηρεσίας παρασκηνίου εισάγει άμεσα το σενάριο περιεχομένου του επιλογέα, διατηρώντας την επιβάρυνση μνήμης σχεδόν μηδενική όταν είναι αδρανής.
Καθολική δειγματοληψία εικονοστοιχείων – Επειδή η επέκταση καταγράφει την προσωρινή μνήμη οθόνης και όχι το δέντρο DOM, λειτουργεί σε σκηνές WebGL, παιχνίδια και βίντεο με δυναμική απόδοση, εξίσου καλά με τη στατική HTML.
Άμεση αντιγραφή στο πρόχειρο – Η συμβολοσειρά HEX εγγράφεται αυτόματα στο πρόχειρο. Μπορείτε να την επικολλήσετε απευθείας στο Figma, το VS Code ή το Slack χωρίς ενδιάμεσο παράθυρο διαλόγου.
Οπτική επιβεβαίωση – Μια μικρο-αλληλεπίδραση στη γωνία της σελίδας ("#ffcc33 αντιγράφηκε!") σας διαβεβαιώνει ότι η ενέργεια ολοκληρώθηκε με επιτυχία και εξαφανίζεται μετά από 1,5 δευτερόλεπτο.
Οφέλη χρήστη
Εξοικονόμηση Χρόνου – Εξαλείψτε την ανάγκη για εργαλεία προγραμματισμού ή εξωτερικές εφαρμογές. Κατά τη διάρκεια ενός sprint σχεδίασης, αυτά τα δευτερόλεπτα μετατρέπονται σε ώρες.
Μειωμένο Γνωστικό Φόρτιο – Η παραμονή στο ίδιο νοητικό πλαίσιο διατηρεί τη δημιουργική ροή. Δεν αλλάζετε χρονικά διαστήματα ούτε εστιάζετε.
Τέλεια Συνέπεια σε Pixel – Επαληθεύστε γρήγορα ότι ο κώδικας παραγωγής ταιριάζει με τον οδηγό στυλ της επωνυμίας ή ότι τα μακέτα μάρκετινγκ τηρούν τους λόγους αντίθεσης προσβασιμότητας.
Πρόληψη σφαλμάτων – Η χειροκίνητη πληκτρολόγηση δεκαεξαδικών κωδικών προκαλεί τυπογραφικά λάθη. Η αντιγραφή στο πρόχειρο εξαλείφει αυτόν τον κίνδυνο, οδηγώντας σε καθαρότερες δεσμεύσεις και λιγότερες αναφορές σφαλμάτων.
Ομάδες χρηστών-στόχων
Σχεδιαστές UI/UX
Γρήγορη δειγματοληψία χρωμάτων από ζωντανά πρωτότυπα για επαναχρησιμοποίηση σε συστήματα σχεδιασμού
Βελτιστοποίηση αποχρώσεων κατά τη διάρκεια μιας συνεδρίας αξιολόγησης Figma
Προγραμματιστές Front-End
Επιβεβαίωση ότι οι μεταβλητές CSS αποδίδονται σωστά σε διαφορετικές καταστάσεις
Τοποθετήστε τον δείκτη του ποντικιού πάνω από ένα κουμπί στο στάδιο της σταδιοποίησης και τραβήξτε το ενεργό του χρώμα
Μηχανικοί Διασφάλισης Ποιότητας
Επιβεβαίωση αναλογίας αντίθεσης WCAG και συμμόρφωσης με την επωνυμία
Κατά τη διάρκεια των δοκιμών παλινδρόμησης, συγκρίνετε την παραγωγική έκδοση με τις προδιαγραφές.
Ψηφιακός Μάρκετινγκ & Δημιουργοί Περιεχομένου
Αντιστοίχιση γραφικών ad-hoc με την παλέτα ιστότοπου
Τραβήξτε το μπλε λάβαρο του ήρωα για ένα πλακίδιο κοινωνικής δικτύωσης της τελευταίας στιγμής