Κύρια σημεία
- 01Δοκιμάστε οποιοδήποτε pixel από οποιαδήποτε εικόνα και λάβετε κωδικούς HEX, RGB και HSL σε ένα κλικ.
- 02Ένα μεγεθυνμένο loupe με μεγέθυνση έως 20x κάνει εύκολο τη συλλογή ακριβών pixel από λογότυπα ή εικονίδια.
- 03Δημιουργήστε μια μικρή παλέτα από πολλαπλές επιλογές — τα πάντα παραμένουν ιδιωτικά στο πρόγραμμα περιήγησης σας.
- 04Δωρεάν, δεν απαιτείται εγγραφή και λειτουργεί με JPG, PNG, WebP, AVIF, GIF, BMP και HEIC.
Γιατί να χρησιμοποιήσετε έναν επιλογέα χρώματος που βασίζεται σε πρόγραμμα περιήγησης;
Οι σχεδιαστές, οι προγραμματιστές και οι δημιουργοί περιεχομένου χρειάζονται συχνά να ταιριάξουν ένα χρώμα από μια εικόνα αναφοράς — ένα λογότυπο, ένα mood board, μια φωτογραφία του πελάτη ή ένα στιγμιότυπο. Τα περισσότερα λειτουργικά συστήματα έχουν βασικά εργαλεία eyedropper, αλλά τους λείπει η μεγέθυνση, η πολλαπλή μορφή εξόδου και η δημιουργία παλέτας που κάνουν τη δειγματοληψία χρώματος γρήγορη σε μια πραγματική ροή εργασίας.
Ο επιλογέας χρώματος του Handytool εκτελείται εντελώς στο πρόγραμμα περιήγησης σας, επομένως δεν υπάρχει εγκατάσταση, κανένας λογαριασμός και καμία εικόνα που αποστέλλεται σε κανέναν διακομιστή. Παίρνετε ένα μεγεθυνμένο eyedropper, τρεις ταυτόχρονες μορφές χρώματος (HEX, RGB, HSL) και μια παλέτα που μπορεί να επαναχρησιμοποιηθεί — όλα δωρεάν.
Πώς να επιλέξετε ένα χρώμα από μια εικόνα
Ολόκληρη η διαδικασία διαρκεί λιγότερο από ένα λεπτό.
- 01
Ρίξτε ή ανοίξτε την εικόνα σας
Σύρετε το αρχείο εικόνας σας στη σελίδα ή κάντε κλικ για αναζήτηση. Το JPG, PNG, WebP, AVIF, GIF, BMP και HEIC υποστηρίζονται — τα αρχεία HEIC από iPhone αποκωδικοποιούνται τοπικά χρησιμοποιώντας WebAssembly.
- 02
Τοποθετήστε το loupe πάνω από το pixel στόχο
Μετακινήστε τον κέρσορα σας στην εικόνα. Ένα μεγεθυνμένο loupe ακολουθεί τον κέρσορα σας ώστε να μπορείτε να δείτε μεμονωμένα pixels ακόμα και σε πυκνές ή μικρές εικόνες. Το zoom ανεβαίνει έως 20x για τις λεπτομέρειες λογοτύπου και εργασίας εικονίδιου.
- 03
Κάντε κλικ για να δοκιμάσετε το χρώμα
Κάντε κλικ στο pixel που θέλετε. Οι τιμές HEX, RGB και HSL εμφανίζονται αμέσως στο πάνελ.
- 04
Αντιγράψτε τη μορφή που χρειάζεστε
Κάντε κλικ σε οποιοδήποτε σήμα μορφής για να το αντιγράψετε στο πρόχειρο σας. Το HEX είναι έτοιμο για CSS, το RGB ταιριάζει στο έργο εκτύπωσης και το HSL είναι ιδανικό όταν θέλετε να σχεδιάσετε ελαφρύτερες ή σκοτεινότερες παραλλαγές της ίδιας απόχρωσης.
- 05
Δημιουργήστε μια παλέτα με πολλαπλές επιλογές
Συνεχίστε να κάνετε κλικ γύρω από την εικόνα για να προσθέσετε δείγματα στη μικρή παλέτα στο κάτω μέρος. Κάντε κλικ σε οποιοδήποτε δείγμα για να αντιγράψετε το HEX ή το κουμπί x για να το αφαιρέσετε.
Ποια μορφή χρώματος θα πρέπει να χρησιμοποιήσετε;
Κάθε μορφή χρησιμεύει σε ένα ελαφρώς διαφορετικό σκοπό.
- 01HEX (#B7FF3E) — η καθολική επιλογή για web CSS και εργαλεία σχεδίασης όπως το Figma.
- 02RGB (183, 255, 62) — προτιμάται στο σχεδιασμό εκτύπωσης, τη διαβάθμιση χρώματος και ορισμένα εργαλεία σχεδίασης.
- 03HSL (83°, 100%, 62%) — καλύτερο όταν θέλετε να δημιουργήσετε σκιές, σκιές ή κλίμακες χρώματος.
- 04Και οι τρεις μορφές αντιπροσωπεύουν το ίδιο χρώμα — αντιγράψτε οποιοδήποτε το εργαλείο downstream αναμένει.
Οι εικόνες σας δεν αφήνουν ποτέ τη συσκευή σας
Ο επιλογέας χρώματος είναι ένα εργαλείο εντελώς πλευράς πελάτη. Κάθε εικόνα που ρίχνετε αποκωδικοποιείται από το Canvas API του προγράμματος περιήγησης σας και κάθε υπολογισμός χρώματος γίνεται σε τοπικό JavaScript. Δεν μεταδίδονται δεδομένα σε κανέναν διακομιστή, δεν καταγράφονται ή δεν αποθηκεύονται — ούτε και προσωρινά.
Αυτό σημαίνει ότι μπορείτε να εργαστείτε με ασφάλεια με εμπιστευτικά mockup, έργα πελατών ή φωτογραφίες προϊόντων που δεν έχουν κυκλοφορήσει. Κλείστε την καρτέλα και τα πάντα εξαφανίζονται. Δεν υπάρχουν ανεβάσματα που πρέπει να ανησυχείτε, δεν υπάρχει πολιτική απορρήτου που πρέπει να κάνετε scroll.
Επιλογέας χρώματος FAQ
Πώς επιλέγω ένα χρώμα από μια εικόνα στο διαδίκτυο;
Ρίξτε την εικόνα σας στον επιλογέα χρώματος του Handytool, αιωρήστε πάνω από το pixel που θέλετε και κάντε κλικ. Οι τιμές HEX, RGB και HSL εμφανίζονται αμέσως και μπορούν να αντιγραφούν με ένα κλικ.
Ποιες μορφές εικόνας υποστηρίζει ο επιλογέας χρώματος στο διαδίκτυο;
JPG, PNG, WebP, AVIF, GIF, BMP και HEIC/HEIF. Οι φωτογραφίες HEIC από iPhone αποκωδικοποιούνται τοπικά χρησιμοποιώντας WebAssembly, επομένως δεν απαιτείται μετατροπή.
Ποια είναι η διαφορά μεταξύ HEX, RGB και HSL;
Το HEX είναι ένας κωδικός έξι ψηφίων κοινός στο web CSS. Το RGB εκφράζει χρώμα ως τρεις αριθμητικές τιμές (κόκκινο, πράσινο, μπλε) από 0 έως 255. Το HSL χρησιμοποιεί απόχρωση, κορεσμό και φωτεινότητα — χρήσιμο για τη δημιουργία κλίμακας χρώματος.
Η εικόνα μου ανεβαίνει σε έναν διακομιστή;
Όχι. Ολόκληρο το εργαλείο εκτελείται στο πρόγραμμα περιήγηση σας. Η εικόνα σας παραμένει στη συσκευή σας από αρχή ως τέλος — τίποτα δεν αποστέλλεται σε έναν διακομιστή.
Μπορώ να αποθηκεύσω μια παλέτα χρωμάτων από μια εικόνα;
Ναι. Κάθε κλικ προσθέτει ένα δείγμα στην παλέτα στο κάτω μέρος της σελίδας. Κάντε κλικ σε ένα δείγμα για να αντιγράψετε το HEX ή x για να το αφαιρέσετε. Η παλέτα χάνεται όταν κλείνετε την καρτέλα — αντιγράψτε τους κωδικούς σας πριν φύγετε.
Είναι ο επιλογέας χρώματος δωρεάν;
Ναι. Το Handytool είναι εντελώς δωρεάν χωρίς εγγραφή, χωρίς περιορισμό χρήσης και χωρίς υδατογραφήματα.