Τα χρώματα προσδιορίζονται σε HTML και CSS από τους δεκαεξαδικούς κωδικούς τους. Εάν δημιουργείτε μια ιστοσελίδα ή άλλο έργο HTML και θέλετε να συμπεριλάβετε ένα στοιχείο που ταιριάζει με ένα συγκεκριμένο χρώμα σε μια εικόνα, ιστότοπο ή παράθυρο στην οθόνη του υπολογιστή σας, θα πρέπει να βρείτε τον εξαγωνικό κώδικα του χρώματος. Αυτό το wikiHow σας διδάσκει πώς να χρησιμοποιήσετε μια ποικιλία δωρεάν εργαλείων για να εντοπίσετε γρήγορα τον δεκαεξαδικό κώδικα οποιουδήποτε χρώματος.
Βήματα
Μέθοδος 1 από 4: Χρήση ψηφιακού μετρητή χρωμάτων σε Mac
Βήμα 1. Ανοίξτε το Digital Color Meter στο Mac σας
Αυτό το εργαλείο, το οποίο συνοδεύεται από macOS, μπορεί να προσδιορίσει την τιμή χρώματος οποιουδήποτε χρώματος στην οθόνη. Ανοίξτε το Finder, κάντε διπλό κλικ στο Εφαρμογές φάκελο, κάντε διπλό κλικ στο Βοηθητικά προγράμματα φάκελο και, στη συνέχεια, κάντε διπλό κλικ Digitalηφιακός μετρητής χρωμάτων να το ανοίξω.
Βήμα 2. Μετακινήστε τον κέρσορα του ποντικιού στο χρώμα που θέλετε να προσδιορίσετε
Καθώς μετακινείτε το ποντίκι, οι τιμές στο εργαλείο θα ενημερώνονται σε πραγματικό χρόνο. Μην μετακινείτε το ποντίκι σας από αυτήν τη θέση μέχρι να κλειδώσετε τόσο το οριζόντιο όσο και το κάθετο διάφραγμα.
Μπορείτε επίσης να χρησιμοποιήσετε το εργαλείο για να προσδιορίσετε χρώματα στον ιστό. Απλώς ανοίξτε το Safari (ή το πρόγραμμα περιήγησης που προτιμάτε) και μεταβείτε σε έναν ιστότοπο που περιέχει το χρώμα που θέλετε να προσδιορίσετε
Βήμα 3. Πατήστε ⌘ Command+L
Αυτό κλειδώνει τόσο το οριζόντιο όσο και το κάθετο άνοιγμα, πράγμα που σημαίνει ότι η τιμή χρώματος δεν θα αλλάξει όταν μετακινείτε το ποντίκι.
Βήμα 4. Πατήστε ⇧ Shift+⌘ Command+C για να αντιγράψετε τον εξαγωνικό κώδικα στο πρόχειρο
Μπορείτε επίσης να αντιγράψετε τον δεκαεξαδικό κωδικό κάνοντας κλικ στο Χρώμα μενού και επιλογή Αντιγραφή χρώματος ως κειμένου.
Βήμα 5. Πατήστε ⌘ Command+V για να επικολλήσετε τον αντιγραμμένο κώδικα
Μπορείτε να το επικολλήσετε απευθείας στον κώδικα HTML σας, σε ένα αρχείο κειμένου ή σε οποιαδήποτε άλλη περιοχή πληκτρολόγησης.
Βήμα 6. Πατήστε ⌘ Command+L για να ξεκλειδώσετε τα ανοίγματα
Εάν θέλετε να προσδιορίσετε ένα άλλο χρώμα, αυτό απελευθερώνει το κλείδωμα, ώστε ο δρομέας να λειτουργήσει ξανά ως αναγνωριστικό τιμής χρώματος.
Μέθοδος 2 από 4: Χρήση Color Cop για Windows
Βήμα 1. Εγκαταστήστε το Color Cop
Το Color Cop είναι ένα μικρό, δωρεάν βοηθητικό πρόγραμμα που μπορείτε να χρησιμοποιήσετε για να εντοπίσετε γρήγορα τον δεκαεξαδικό κώδικα οποιουδήποτε χρώματος στην οθόνη. Δείτε πώς μπορείτε να αποκτήσετε την εφαρμογή:
- Μεταβείτε στη διεύθυνση https://colorcop.net/download σε ένα πρόγραμμα περιήγησης ιστού.
- Κάντε κλικ colorcop-setup.exe στην ενότητα "αυτόματη εγκατάσταση". Εάν το αρχείο δεν πραγματοποιηθεί αυτόματη λήψη, κάντε κλικ στο Αποθηκεύσετε ή Εντάξει για να ξεκινήσει η λήψη.
- Κάντε διπλό κλικ στο ληφθέν αρχείο (βρίσκεται στο Λήψεις και συνήθως στην κάτω αριστερή γωνία της καρτέλας του προγράμματος περιήγησης).
- Ακολουθήστε τις οδηγίες που εμφανίζονται στην οθόνη για να εγκαταστήσετε την εφαρμογή.
Βήμα 2. Ανοίξτε το Color Cop
Θα το βρείτε στο μενού Έναρξη.
Βήμα 3. Σύρετε το εικονίδιο του σταγονόμετρου στο χρώμα που θέλετε να προσδιορίσετε
Μπορείτε να προσδιορίσετε οποιοδήποτε χρώμα στην οθόνη, συμπεριλαμβανομένων εκείνων σε άλλες εφαρμογές και σε ιστότοπους.
Βήμα 4. Αφήστε το κουμπί του ποντικιού για να αποκαλυφθεί ο δεκαεξαδικός κώδικας
Ο κωδικός θα εμφανιστεί στο κενό στο κέντρο της εφαρμογής.
Βήμα 5. Κάντε διπλό κλικ στον εξαγωνικό κώδικα και πατήστε Ctrl+C
Αυτό αντιγράφει τον δεκαεξαδικό κώδικα στο πρόχειρο.
Βήμα 6. Επικολλήστε τον κωδικό εκεί που τον χρειάζεστε
Μπορείς να χρησιμοποιήσεις Ctrl + V για να επικολλήσετε τον εξαγωνικό κώδικα όπου θέλετε, όπως στον κώδικα HTML ή CSS.
Μέθοδος 3 από 4: Χρήση του Imagecolorpicker.com
Βήμα 1. Μεταβείτε στη διεύθυνση https://imagecolorpicker.com στον υπολογιστή, το τηλέφωνο ή το tablet σας
Μπορείτε να χρησιμοποιήσετε αυτό το δωρεάν εργαλείο για να προσδιορίσετε τον δεκαεξαδικό κώδικα οποιουδήποτε χρώματος σε μια μεταφορτωμένη εικόνα. Αυτή η μέθοδος θα λειτουργήσει σε οποιοδήποτε πρόγραμμα περιήγησης ιστού, συμπεριλαμβανομένων εκείνων στο Android, το iPhone ή το iPad σας.
Βήμα 2. Ανεβάστε μια εικόνα ή εισαγάγετε μια διεύθυνση URL
Θα πρέπει να αποφασίσετε εάν θέλετε να ανεβάσετε τη δική σας εικόνα ή να χρησιμοποιήσετε μια εικόνα ή ιστότοπο που είναι ήδη online. Οποιαδήποτε μέθοδος μπορεί να χρησιμοποιηθεί για την εμφάνιση μιας εικόνας ή μιας ιστοσελίδας για να επιλέξετε το χρώμα που θέλετε.
- Για να ανεβάσετε μια εικόνα, μετακινηθείτε προς τα κάτω και επιλέξτε Ανεβάστε την εικόνα σας, μεταβείτε στην εικόνα στον υπολογιστή, το τηλέφωνο ή το tablet σας και επιλέξτε την επιλογή για να την ανεβάσετε.
- Για να χρησιμοποιήσετε έναν ιστότοπο, μετακινηθείτε προς τα κάτω στην επιλογή "Χρήση αυτού του πλαισίου για λήψη του έγχρωμου κώδικα HTML από έναν ιστότοπο", εισαγάγετε τη διεύθυνση URL και, στη συνέχεια, κάντε κλικ ή πατήστε Πάρτε τον ιστότοπο.
- Για να επιλέξετε μια απευθείας εικόνα στον ιστό αντί για ολόκληρο ιστότοπο, εισαγάγετε τη διεύθυνση URL της εικόνας στο πλαίσιο "Χρησιμοποιήστε αυτό το πλαίσιο για να λάβετε τον χρωματικό κώδικα HTML από μια εικόνα μέσω αυτής της διεύθυνσης URL" και, στη συνέχεια, κάντε κλικ ή πατήστε Λήψη εικόνας.
Βήμα 3. Κάντε κλικ ή πατήστε το χρώμα που θέλετε στην προεπισκόπηση εικόνας/ιστότοπου
Αυτό εμφανίζει τον εξαγωνικό κωδικό χρώματος στην κάτω αριστερή γωνία της οθόνης.
Βήμα 4. Κάντε κλικ ή πατήστε το εικονίδιο αντιγραφής για να αντιγράψετε τον εξαγωνικό κώδικα στο πρόχειρο
Είναι τα δύο αλληλεπικαλυπτόμενα τετράγωνα στα δεξιά του δεκαεξαδικού κώδικα. Στη συνέχεια, μπορείτε να το επικολλήσετε σε οποιοδήποτε αρχείο κειμένου ή περιοχή πληκτρολόγησης.
Μέθοδος 4 από 4: Χρήση του Firefox (για χρώματα στον Ιστό)
Βήμα 1. Ανοίξτε τον Firefox στον υπολογιστή ή το Mac σας
Το πρόγραμμα περιήγησης ιστού Firefox συνοδεύεται από ένα δωρεάν εργαλείο Eyedropper που μπορείτε να χρησιμοποιήσετε για να προσδιορίσετε τον δεκαεξαδικό κώδικα οποιουδήποτε χρώματος στον ιστό. Εάν έχετε Firefox, θα το βρείτε στο μενού Έναρξη (Windows) ή στο φάκελο Εφαρμογές (macOS).
- Μπορείτε να κατεβάσετε τον Firefox δωρεάν στη διεύθυνση
- Ο Firefox θα σας πει μόνο την αξία ενός χρώματος σε έναν ιστότοπο. Δεν μπορείτε να το χρησιμοποιήσετε εκτός του προγράμματος περιήγησης.
Βήμα 2. Μεταβείτε σε έναν ιστότοπο που περιέχει το χρώμα που θέλετε να προσδιορίσετε
Βεβαιωθείτε ότι εμφανίζεται το στοιχείο για το οποίο χρειάζεστε το χρώμα.
Βήμα 3. Κάντε κλικ στο μενού
Είναι οι τρεις οριζόντιες γραμμές στην επάνω δεξιά γωνία του Firefox.
Βήμα 4. Κάντε κλικ στο μενού Web Developer
Ένα άλλο μενού θα επεκταθεί.
Βήμα 5. Κάντε κλικ στο Eyedropper
Ο δρομέας του ποντικιού σας θα μετατραπεί σε μεγάλο κύκλο.
Βήμα 6. Κάντε κλικ στο χρώμα που θέλετε να προσδιορίσετε
Θα παρατηρήσετε τη δεκαεξαδική τιμή της ενημέρωσης των χρωμάτων ζωντανά καθώς μετακινείτε το ποντίκι στη θέση. Μόλις κάνετε κλικ στο ποντίκι, ο Firefox θα αποθηκεύσει τον δεκαεξαδικό κώδικα στο πρόχειρο.
Βήμα 7. Επικολλήστε τον κωδικό εκεί που τον χρειάζεστε
Μπορείς να χρησιμοποιήσεις Control + V (Η / Υ) ή Command + V (Mac) για να επικολλήσετε τον εξαγωνικό κώδικα σε HTML, CSS ή σε οποιονδήποτε άλλο τύπο αρχείου κειμένου.
Συμβουλές
- Υπάρχουν άλλοι ιστότοποι, επεκτάσεις προγράμματος περιήγησης και προγράμματα επεξεργασίας εικόνας που θα σας επιτρέψουν επίσης να χρησιμοποιήσετε ένα εργαλείο επιλογής χρωμάτων για να αποκαλύψετε τον εξάγωνο κώδικα της απόχρωσης.
- Εάν γνωρίζετε ποιος δημιούργησε την ιστοσελίδα με το χρώμα που προσπαθείτε να αντιστοιχίσετε, μπορείτε πάντα να τους ρωτήσετε ποιο δεκαεξαδικό κώδικα χρησιμοποίησαν. Εναλλακτικά, μπορείτε να αναζητήσετε τον πηγαίο κώδικα της ιστοσελίδας για να βρείτε τον εξαγωνικό κώδικα που παρατίθεται εκεί.