Color Picker from Image

Ανοίξτε την εικόνα, δείξτε, κλικ — να το HEX. Σταγονόμετρο με ζουμ, RGB/HSL, παλέτα, ιστορικό. Color picker from image, offline.

🎨 Σύρετε ένα στιγμιότυπο οθόνης, ένα λογότυπο ή μια φωτογραφία κατευθείαν στην καρτέλα και πάρτε από εκεί το ακριβές χρώμα — τα πραγματικά pixel του αρχείου σας, χωρίς ανέβασμα σε κανέναν διακομιστή, χωρίς σύνδεση, χωρίς προειδοποίηση αδειών κατά την εγκατάσταση. Αυτή είναι όλη κι όλη η δουλειά αυτού του color picker from image: ανοίγετε μια εικόνα, περνάτε τον κέρσορα, κάνετε κλικ — το HEX είναι ήδη στο πρόχειρο. Χωρίς βαριά σουίτα σχεδίασης για μία μόνο τιμή, χωρίς να επικολλάτε τη μακέτα ενός πελάτη σε έναν τυχαίο ιστότοπο ελπίζοντας σε ειλικρινή απάντηση. 🚀 Γρήγορο ξεκίνημα 1. Κάντε κλικ στο εικονίδιο της γραμμής εργαλείων — ο επιλογέας ανοίγει σε δική του καρτέλα, με χώρο για δουλειά. 2. Σύρετε μια εικόνα, πατήστε Ctrl+V ή επιλέξτε αρχείο — ανοίγει κάθε συνηθισμένη μορφή εικόνας, συμπεριλαμβανομένης της διαφάνειας. 3. Περάστε τον κέρσορα, κάντε κλικ — η τιμή έχει ήδη αντιγραφεί και η επιβεβαίωση φαίνεται στην οθόνη. Η κενή οθόνη τα εξηγεί όλα μία φορά· μετά αναλαμβάνει η μυϊκή μνήμη. 🔍 Ένας μεγεθυντικός φακός που εμπιστεύεστε Ο φακός μεγεθύνει τα pixel του αρχείου σας στην εγγενή ανάλυση, οπότε η απόχρωση που παίρνετε είναι αυτή που πραγματικά υπάρχει στο bitmap — γι' αυτό ακριβώς υπάρχει ένας επιλογέας HEX από εικόνα. ➤ Πλέγμα pixel γύρω από τον κέρσορα, με τις ακριβείς συντεταγμένες πάντα ορατές ➤ Τα βέλη μετακινούν το στόχαστρο ακριβώς κατά 1 px, Ctrl+βέλη κατά 10, το Enter παίρνει το χρώμα ➤ Οι εξομαλυμένες άκρες δεν σας ξεγελούν πια: ένας επιλογέας RGB πρέπει να διαβάζει την πηγή, όχι μια θολή αναπαράστασή της ➤ Οι διαφανείς περιοχές αναφέρονται ειλικρινά, αντί να παριστάνουν το μαύρο 🎯 Μιλά όλες τις μορφές που χρησιμοποιείτε ▸ HEX για CSS και Figma — χρώμα για HTML κατευθείαν από την εικόνα με ένα κλικ ▸ RGB και HSL δίπλα δίπλα, κάθε τιμή αντιγράφεται ξεχωριστά — δεκαεξαδικός επιλογέας στο ίδιο πάνελ ▸ Αυτόματη αντιγραφή στην επιλογή με ορατή επιβεβαίωση — το «αντιγράφηκε στο πρόχειρο» εδώ ισχύει στ' αλήθεια ▸ Ο πίνακας δείχνει τους αριθμούς μέχρι την επόμενη επιλογή· τίποτα δεν εξαφανίζεται μετά από δύο δευτερόλεπτα 🖼 Παλέτα και ιστορικό που θυμάται Μια παλέτα με τους κυρίαρχους τόνους χτίζεται από ολόκληρη την εικόνα μόλις ανοίξει — χρήσιμο όταν ένας πελάτης ρωτά από ποιες αποχρώσεις αποτελείται ένα λογότυπο· και κάθε δείγμα είναι πραγματικός τόνος από το έργο, ποτέ ένα μεσοσταθμισμένο χρώμα που δεν υπάρχει πουθενά μέσα του. Κάθε επιλογή μπαίνει επίσης σε ιστορικό πενήντα θέσεων που επιβιώνει από τις επανεκκινήσεις του προγράμματος περιήγησης. 1️⃣ Παίρνετε χρώματα από εικόνες όλη μέρα — τα τελευταία πενήντα μένουν στη θέση τους 2️⃣ Ανοίγετε το popup αύριο και τα χθεσινά δείγματα είναι ακόμα εκεί, ένα κλικ για αντιγραφή 3️⃣ Καθαρίζετε τη λίστα με ένα κουμπί όταν κλείσει το έργο 📸 Η σελίδα που βλέπετε, ως εικόνα Χρειάζεστε έναν τόνο από ζωντανό ιστότοπο; Πιάστε τη σελίδα ως εικόνα ("Grab this page as an image"): ένα κουμπί στο popup αποτυπώνει την ορατή καρτέλα και ανοίγει το στιγμιότυπο στον ίδιο επιλογέα — ίδιος φακός, ίδιο ιστορικό. Ή κάντε δεξί κλικ σε οποιαδήποτε εικόνα μιας σελίδας και επιλέξτε «Πάρε χρώμα από αυτή την εικόνα» ("Pick color from this image"): παίρνετε τα αληθινά pixel όταν ο διακομιστής το επιτρέπει, ένα αποδοσμένο στιγμιότυπο όταν όχι, και μια σαφή υπόδειξη όταν ακόμη κι αυτό είναι μπλοκαρισμένο. Ποτέ σιωπηλή αποτυχία. Υπάρχει κι ένα διακριτικό κόλπο που αξίζει να μάθετε: δεξί κλικ σε μια εικόνα οπουδήποτε, «Αντιγραφή εικόνας» ("Copy image"), μετά Ctrl+V στον επιλογέα. Το Chrome παραδίδει το αποκωδικοποιημένο bitmap σε πλήρη ανάλυση — χρώμα από εικόνα χωρίς καμία επιπλέον άδεια. 🔒 Ιδιωτικότητα εκ κατασκευής ▪ Καμία άδεια host και καμία οθόνη προειδοποίησης στην εγκατάσταση — δεν μπορεί να διαβάσει την περιήγησή σας, και τα χρώματα που παίρνετε μένουν μόνο στον τοπικό αποθηκευτικό χώρο ▪ Μηδέν αιτήματα δικτύου: χωρίς analytics, χωρίς γραμματοσειρές από CDN, τίποτα δεν «τηλεφωνεί σπίτι» — ανοίξτε τα DevTools και δείτε μόνοι σας ▪ Ανοιχτός κώδικας: όλη η βάση κώδικα είναι δημόσια, κάθε γραμμή αναγνώσιμη ▪ Λειτουργεί εκτός σύνδεσης, σε πτήση, πίσω από εταιρικό proxy Τα στιγμιότυπα οθόνης συχνά περιέχουν dashboards, τιμολόγια, ακυκλοφόρητα σχέδια. Οι ιστότοποι που προσφέρουν επιλογή χρώματος από εικόνα online σας ζητούν να τα ανεβάσετε· αυτή η επέκταση δεν μπορεί να ανεβάσει τίποτα, γιατί κανένας κώδικάς της δεν μιλά με διακομιστή. Ισχύει και το αντίστροφο: ένα online εργαλείο κρατά το αρχείο σας όσο θέλει ο ιδιοκτήτης του — εδώ δεν φεύγει ποτέ από την καρτέλα. ⚖️ Ειλικρινές εύρος — τι δεν είναι Δεν είναι σταγονόμετρο επιθεώρησης σελίδων: δεν διαβάζει μεταβλητές CSS και δεν θα περιηγηθεί στο DOM ενός ιστότοπου. Δεν είναι χρωματικός τροχός, ούτε παιχνίδι με ντεγκραντέ, και μέσα του δεν υπάρχουν βεντάλιες Pantone. Η τέχνη εδώ είναι στενή και καμωμένη σωστά: να παίρνετε χρώμα από εικόνες, στιγμιότυπα και φωτογραφίες με ακρίβεια pixel, γρήγορα. 💬 Η συνήθεια του ενός δευτερολέπτου Αντιγραφή, επικόλληση, κλικ — ολόκληρος ο κύκλος color pick from image παίρνει κάνα δυο δευτερόλεπτα, και αυτό ακριβώς είναι το ζητούμενο: ένα μικρό εργαλείο που κάνει μία δουλειά με ακρίβεια και δεν μπαίνει στη μέση. 🧭 Ποιοι το κρατούν καρφιτσωμένο ◦ Σχεδιαστές που ταιριάζουν μια απόχρωση από φωτογραφία αναφοράς ή σκαναρισμένο brand book ◦ Front-end προγραμματιστές που θέλουν το HEX μιας απόχρωσης δύο πλήκτρα μακριά ◦ Μηχανικοί υποστήριξης που τεκμηριώνουν καταστάσεις UI κατευθείαν από στιγμιότυπα ◦ Άνθρωποι του μάρκετινγκ που βγάζουν τους τόνους μιας μάρκας από το λογότυπο συνεργάτη πριν από μια καμπάνια ◦ Εικονογράφοι και φοιτητές που σημειώνουν αποχρώσεις για mood board Η εικόνα κρατά ήδη την απάντηση. Αυτό το εργαλείο την βγάζει — με ακρίβεια, τοπικά, σε δευτερόλεπτα.