Πώς να προσδιορίσετε συγκεκριμένο χρώμα σε μια εφαρμογή ή ιστότοπο
Miscellanea / / October 04, 2023
Είτε ο σχεδιασμός ιστού και εφαρμογών, είτε η μετάδοση συναισθημάτων, η επωνυμία ή η βελτίωση των εμπειριών των χρηστών, τα χρώματα διαδραματίζουν σίγουρα ζωτικό ρόλο. Ωστόσο, η εύρεση του σωστού χρώματος ή συνδυασμού χρωμάτων είναι πιο εύκολο να ειπωθεί παρά να γίνει. Ευτυχώς, υπάρχουν ορισμένα εργαλεία στη διάθεσή μας για τον εντοπισμό συγκεκριμένων χρωμάτων σε μια εφαρμογή ή ιστότοπο, ώστε να μπορούμε να επιλέξουμε και να αποθηκεύσουμε τα χρώματα που τράβηξαν την προσοχή μας.
![How_to_Identify_Specific_Color_on_an_App_or_Website](/f/6e1a5c1f201aa0007b51936c5fcc23a4.jpg)
Φανταστείτε να κάνετε κύλιση σε έναν ιστότοπο και να βρείτε το τέλειο χρώμα, την ακριβή απόχρωση που χρειάζεστε για το επόμενο έργο σας. Λοιπόν, αφήστε μας να σας βοηθήσουμε να βρείτε το ακριβές χρώμα του φόντου ή οποιωνδήποτε άλλων στοιχείων σε έναν ιστότοπο ή μια εφαρμογή.
Ένας από τους ευκολότερους τρόπους για να λάβετε χρωματικό κώδικα από έναν ιστότοπο είναι χρησιμοποιώντας ειδικά εργαλεία ιστού και ιστότοπους επιλογής χρωμάτων. Ανεξάρτητα από το πρόγραμμα περιήγησης που χρησιμοποιείτε, είτε α Με βάση το χρώμιο
, με συμβατότητα σε βάθος ιστού, ή το προεπιλεγμένο Safari της Apple, αυτή η μέθοδος είναι εφαρμόσιμη.Επιπλέον, είτε χρησιμοποιείτε φορητό υπολογιστή Mac, Windows, iPhone, iPad ή συσκευή Android, αυτά τα εργαλεία web αναγνώρισης χρώματος θα είναι μια χρήσιμη προσθήκη στο οπλοστάσιό σας. Δοκιμάσαμε μερικές επιλογές και εδώ είναι αυτή που μας ταιριάζει καλύτερα.
Βήμα 1: Ανοίξτε το πρόγραμμα περιήγησής σας και μεταβείτε στο ImageColorPicker.com
ImageColorPicker
Βήμα 2: Κάντε κλικ/πατήστε Χρησιμοποιήστε την εικόνα σας για να δώσετε τη διεύθυνση URL ιστότοπου/εικόνας ή να ανεβάσετε την εικόνα.
![Βρείτε τον κωδικό χρώματος HEX σε ιστότοπους χρησιμοποιώντας το ImageColorPicker 1](/f/91311f8f159377d9762b8662c5f7c10f.png)
Βήμα 3: Τώρα μπορείς είτε,
- Αντιγράψτε τη διεύθυνση του ιστότοπου
- Αντιγράψτε την εικόνα ή τη διεύθυνση URL της
- Τραβήξτε ένα στιγμιότυπο οθόνης της σελίδας
![Βρείτε τον κωδικό χρώματος HEX σε ιστότοπους χρησιμοποιώντας το ImageColorPicker 2](/f/653ee71f44db35dc788e7b0aef2ab173.png)
Βήμα 4: Μετά την επεξεργασία της εικόνας, μπορείτε να μετακινηθείτε γύρω από τον κέρσορα για να επιλέξετε το χρώμα.
Βήμα 5: Αντίστοιχα, θα δείτε τον κωδικό HEX ή RGB, θα αντιγράψετε/επικολλήσετε και θα τους χρησιμοποιήσετε όπως απαιτείται.
![Βρείτε τον κωδικό χρώματος HEX σε ιστότοπους χρησιμοποιώντας το ImageColorPicker 3](/f/aba29317f8eca5c9996d34baf0ef43c5.png)
Εάν δεν σας αρέσει το ImageColorPicker.com ή θέλετε περισσότερες επιλογές, μπορείτε να δοκιμάσετε τους παρακάτω ιστότοπους.
Επιλογέας χρώματος RedKetchap
Κώδικες χρωμάτων HTML
Εργαλεία πεύκου
Ωστόσο, σε αντίθεση με το ImageColorPicker, αυτοί οι ιστότοποι δεν υποστηρίζουν διευθύνσεις URL ιστότοπων ή εικόνων. Βασίζονται σε εσάς για να ανεβάσετε εικόνες. Έτσι, θα πρέπει να τραβήξετε στιγμιότυπα οθόνης, να τα ανεβάσετε και, στη συνέχεια, να βρείτε το χρώμα.
2. Επιλέξτε χρώμα από έναν ιστότοπο μέσω λογισμικού επεξεργασίας φωτογραφιών
Εάν χρησιμοποιείτε ένα εργαλείο επεξεργασίας φωτογραφιών, δεν χρειάζεται πραγματικά να ψάξετε περαιτέρω. Είτε προηγμένο λογισμικό επεξεργασίας φωτογραφιών όπως το Photoshop είτε διαδικτυακά εργαλεία όπως το Canva, τα περισσότερα λογισμικά επεξεργασίας φωτογραφιών είναι εξοπλισμένα με ένα εύχρηστο εργαλείο επιλογής χρωμάτων/σταγονόμετρου, όπως Το Quick Look του Mac, και Επεξεργαστής στιγμιότυπων οθόνης του iPhone.
Ωστόσο, δεν μπορεί να σας βοηθήσουν όλοι να λάβετε τον χρωματικό κώδικα από έναν ιστότοπο ή μια εφαρμογή. Θα σας επιτρέψουν να επιλέξετε και να χρησιμοποιήσετε το χρώμα στο παράθυρό τους. Εάν αυτό είναι ωραίο για εσάς, προχωρήστε και χρησιμοποιήστε ένα εργαλείο επεξεργασίας φωτογραφιών της επιλογής σας για να προσδιορίσετε συγκεκριμένα χρώματα. Canva ως παράδειγμα.
Βήμα 1: Τραβήξτε ένα στιγμιότυπο οθόνης του ιστότοπου ή της εφαρμογής.
Βήμα 2: Ανοίξτε το Canva σε ένα πρόγραμμα περιήγησης (ή εφαρμογή στην κινητή συσκευή σας).
Βήμα 3: Επιλέξτε έναν καμβά και ανεβάστε την εικόνα.
![Ανεβάστε την εικόνα για να επιλέξετε χρώμα](/f/8bddceefc80c205cb1c1502037284f0b.png)
Βήμα 4: Στη συνέχεια, ανοίξτε οποιοδήποτε εργαλείο που σχετίζεται με το χρώμα, κείμενο, σχέδιο, στοιχεία κ.λπ.
Βήμα 5: Επιλέξτε το πλαίσιο χρώματος και, στη συνέχεια, κάντε κλικ στο εικονίδιο «+ Προσθήκη νέου χρώματος».
![Επιλέξτε το εργαλείο χρώματος](/f/b091d99b241e241bf437690f46a0f010.png)
Βήμα 6: Κάντε κύλιση στο χρώμα και κάντε κλικ/πατήστε για να επιλέξετε το χρώμα που θέλετε.
![Χρησιμοποιήστε σταγονόμετρο για να επιλέξετε το χρώμα](/f/eaf3ca5aa43ba4a71bfd7a22b3fa9cb6.png)
3. Χρησιμοποιήστε το Color Picker στον Firefox για να βρείτε χρώμα από οποιονδήποτε ιστότοπο
Εκτός από το λογισμικό επεξεργασίας φωτογραφιών, το πρόγραμμα περιήγησης Firefox διαθέτει επίσης ένα ενσωματωμένο εργαλείο σταγονόμετρου. Αν και είναι λίγο κρυμμένο, ας αποκαλύψουμε λοιπόν το hack.
Βήμα 1: Εκκινήστε τον Firefox και ανοίξτε τον ιστότοπο από τον οποίο θέλετε να επιλέξετε ένα χρώμα.
Βήμα 2: Πατήστε το εικονίδιο τριών γραμμών από την επάνω δεξιά γωνία
Βήμα 3: Επιλέξτε Περισσότερα εργαλεία και μετά Σταγονόμετρο.
![Επιλέξτε Περισσότερα εργαλεία και μετά Σταγονόμετρο](/f/649ac9ecc69dcf2805f5edaa7ef94178.png)
Βήμα 4: Τώρα, απλώς μετακινήστε τον κέρσορα σας στο χρώμα που θέλετε να προσδιορίσετε, ο Firefox θα βρει αμέσως τον δεκαεξαδικό χρωματικό κώδικα και θα σας τον παρουσιάσει.
![Επιλέξτε το χρώμα χρησιμοποιώντας τα εργαλεία Firefox](/f/1c0653d4f7fbf77b3c51c9cbc418db3c.png)
Βήμα 5: Σημειωτέον, το Eyedropper θα συνεχίσει να επιθεωρεί και να παραδίδει χρωματικούς κωδικούς, μέχρι να βγείτε. Για να κλείσετε το εργαλείο, απλώς κάντε κλικ οπουδήποτε στην οθόνη.
Ακριβώς όπως ο Firefox, ακόμη και ο Chrome διαθέτει ορισμένα εργαλεία προγραμματιστών που μπορούν να σας βοηθήσουν να αναγνωρίσετε συγκεκριμένα χρώματα σε έναν ιστότοπο. Ωστόσο, υπάρχει μια σύλληψη. ας ανακαλύψουμε.
Το εργαλείο επιλογής χρωμάτων του Google Chrome είναι αρκετά περιορισμένο. Αυτό το τέχνασμα μπορεί να πει μόνο τα χρώματα των στοιχείων που κωδικοποιούνται στον ιστότοπο, δηλαδή τα χρώματα που αναφέρονται στους κωδικούς. Επομένως, δεν μπορείτε να λάβετε πληροφορίες σχετικά με το χρώμα σχετικά με εισαγόμενα στοιχεία όπως λογότυπα, εικόνες κ.λπ.
Βήμα 1: Εκκινήστε το Chrome και ανοίξτε τον ιστότοπο από τον οποίο θέλετε να επιλέξετε ένα χρώμα.
Βήμα 2: Στη συνέχεια, κάντε κλικ στο εικονίδιο με τις τρεις κουκκίδες από την επάνω δεξιά γωνία.
Βήμα 3: Επιλέξτε Περισσότερα εργαλεία και μετά Εργαλεία προγραμματιστή.
![Επιλέξτε Περισσότερα εργαλεία και μετά Εργαλεία προγραμματιστή](/f/4391b30c5b390e280fc887410d882d86.png)
Σημείωση: Η οθόνη σας θα χωριστεί οπτικά σε δύο σελίδες. Θα δείτε τον ιστότοπο στα αριστερά και τον κωδικό του ιστότοπου στα δεξιά.
Βήμα 4: Για να επιλέξετε ένα χρώμα από τον ιστότοπο, πληκτρολογήστε Ctrl + Shift + C και μετακινήστε τον κέρσορα στο χρώμα που θέλετε να επιλέξετε.
Βήμα 5: Τώρα μπορείτε να προβάλετε τον κωδικό χρώματος φόντου, κειμένου ή στοιχείου.
![Επιλέξτε το στοιχείο για να βρείτε το χρώμα](/f/f3d4f7aae5a7ab4dd6919e01c718e688.png)
5. Χρησιμοποιήστε τις επεκτάσεις προγράμματος περιήγησης για να βρείτε τον δεκαεξαδικό κώδικα ενός χρώματος σε ιστότοπους
Επεκτάσεις προγράμματος περιήγησης δεν μπορεί απλώς να ενισχύσει την παραγωγικότητά σας αλλά και να κάνει την αναγνώριση χρώματος ακόμα πιο βολική. Ευτυχώς, τα περισσότερα κοινά προγράμματα περιήγησης, συμπεριλαμβανομένης της υποστήριξης Chrome και Firefox, έχουν τέτοιες επεκτάσεις στο οπλοστάσιό τους.
Επέκταση Chrome για αναγνώριση χρώματος
Εξαγωνικός επιλογέας χρωμάτων
Σταγονόμετρο ματιών
Σταγονόμετρο χρώματος
Επέκταση Firefox για αναγνώριση χρώματος
ColorZilla
Colorpick Eyedropper
Αφού προσθέσετε την επιθυμητή επέκταση στο πρόγραμμα περιήγησής σας, τα υπόλοιπα είναι παιδικό παιχνίδι. Ανοίξτε τον ιστότοπο → επιλέξτε την επέκταση από τη γραμμή μενού → πάρτε τον κέρσορα στο χρώμα → λάβετε τον κωδικό χρώματος.
![Χρησιμοποιήστε τις επεκτάσεις προγράμματος περιήγησης για να βρείτε τον δεκαεξαδικό κώδικα ενός χρώματος σε ιστότοπους](/f/b1dbabc33d22f70a2a4d0519acf93793.png)
Διαλέξτε το χρώμα σας
Είτε είστε σχεδιαστής, προγραμματιστής ή κάποιος που είναι περίεργος για ένα χρώμα που συναντήσατε, ο εντοπισμός συγκεκριμένων χρωμάτων σε μια εφαρμογή ή ιστότοπο είναι μια χρήσιμη δεξιότητα. Έτσι, καλύψαμε πολλαπλές μεθόδους και εργαλεία για να σας βοηθήσουμε να βρείτε αυτόν τον αόριστο κωδικό χρώματος ή το όνομα χρώματος.
Ελπίζουμε ότι μπορούμε να σας εξυπηρετήσουμε. Εάν χρειάζεστε περισσότερες τέτοιες εισβολές ή προτάσεις ή χρειάζεστε απαντήσεις σε μερικές αινιγμένες ερωτήσεις που σχετίζονται με την τεχνολογία, η ενότητα σχολίων είναι πάντα ανοιχτή.