Προσδιορίστε το χρώμα ενός pixel σε μια εικόνα online. Προσδιορισμός χρώματος σε οθόνη οθόνης Πρόγραμμα που ανταποκρίνεται σε αλλαγές στο χρώμα των pixel

Δουλεύοντας με CSSκαι διάταξη σελίδας, συχνά πρέπει να εργάζεστε με χρώματα και πολύ συχνά υπάρχει ανάγκη να προσδιορίσετε τον κωδικό χρώματος/απόχρωσης για μια δεδομένη περιοχή μιας εικόνας. Υπάρχει ένα ειδικό πρόγραμμα για αυτό που ονομάζεται ColorMania. Μπορείτε να το κατεβάσετε από αυτόν τον ιστότοπο http://www.blacksunsoftware.com/colormania.html. Μετά την εκτόξευση μοιάζει με αυτό.

Αυτό το πρόγραμμα σάς επιτρέπει να μάθετε τον κωδικό χρώματος σε οποιοδήποτε σημείο της οθόνης: κρατώντας πατημένο το κουμπί σταγονόμετρου με το αριστερό πλήκτρο και, χωρίς να το αφήσετε, μετακινήστε το στην οθόνη στο σημείο όπου θέλετε να προσδιορίσετε το χρώμα.

Μπορείτε να επιλέξετε τον τύπο έγχρωμης εμφάνισης, για παράδειγμα: σε δεκαεξαδική, ως RGBή σε άλλη μορφή. Για να αλλάξετε τον τύπο εμφάνισης, κάντε κλικ στην αναπτυσσόμενη λίστα και επιλέξτε τον τύπο εμφάνισης που χρειάζεστε από τη λίστα.

Αφού επιλέξετε ένα χρώμα, μπορείτε να κάνετε κλικ στο κουμπί "Αντίγραφο", αντιγράψτε τον χρωματικό κώδικα στο πρόχειρο ή επιλέξτε τον με το ποντίκι και χρησιμοποιήστε τη συντόμευση πληκτρολογίου "ctrl+C".

Μπορείτε να επιλέξετε ένα τυχαίο χρώμα χρησιμοποιώντας το κουμπί "Τυχαίος".

Μπορείτε επίσης να καλέσετε το πλαίσιο διαλόγου τυπικής επιλογής χρώματος κάνοντας κλικ στο κουμπί "Διάλογος", το οποίο θα σας επιτρέψει να επιλέξετε ένα χρώμα από τα βασικά χρώματα.

Στο τυπικό πλαίσιο διαλόγου, μπορείτε να ανοίξετε ένα εκτεταμένο πλαίσιο διαλόγου επιλογής χρώματος κάνοντας κλικ στο κουμπί "Ορίστε το χρώμα"και μετά στο φάσμα, όπου ο δείκτης είναι σταυρόνημα, επιλέξτε το επιθυμητό χρώμα και πατήστε "ΕΝΤΑΞΕΙ".

Στη συνέχεια θα εμφανιστεί το χρώμα που επιλέξατε και ο κωδικός του.

Είναι επίσης δυνατό να επιλέξετε ένα χρώμα με το όνομα κάνοντας κλικ στην αναπτυσσόμενη λίστα με "Χρώμα HTML".

Και το τελευταίο πράγμα που μπορεί να αναφερθεί είναι ότι για να προσδιορίσετε με μεγαλύτερη ακρίβεια το χρώμα, μπορείτε να χρησιμοποιήσετε την επιλογή μεγέθυνσης της περιοχής της οθόνης κάτω από το σταγονόμετρο. Κάντε κλικ στην αναπτυσσόμενη λίστα και αλλάξτε την τιμή "Ανίπταμαι διαγωνίως", δηλ. επιλέξτε τη μεγέθυνση με την οποία είναι πιο βολικό να εργαστείτε.

Έτσι, εξετάσαμε ένα όχι περίπλοκο, αλλά πολύ βολικό πρόγραμμα για τον προσδιορισμό του χρωματικού κώδικα σε δεκαεξαδικά και άλλα συστήματα κωδικοποίησης.

Το HTMLColors2000 είναι ένα ειδικό πρόγραμμα ανίχνευσης χρώματος που θα σας βοηθήσει να αναγνωρίσετε οποιαδήποτε χρωματική απόχρωση βλέπετε στην οθόνη της οθόνης σας. Αφού αυτό το πρόγραμμα καθορίσει ένα χρώμα, αντιπροσωπεύει τα δεδομένα χρώματος σε δύο μορφές: RGB (κόκκινο πράσινο μπλε) και HTML (εξαψήφιος κωδικός).

Αυτό το πρόγραμμα θα είναι απλά απαραίτητο για τους σχεδιαστές ιστοσελίδων ή για άτομα που τους αρέσει να σχεδιάζουν προγράμματα υπολογιστών. Γιατί είναι αναντικατάστατο; Γιατί η επιλογή της σωστής απόχρωσης είναι πολύ δύσκολη, μερικές φορές ακόμη και αδύνατη. Υπάρχουν, φυσικά, και άλλα προγράμματα που μπορούν να καθορίσουν το χρώμα, αλλά αφού δοκίμασα πολλά προγράμματα, επέλεξα αυτό.

Εδώ είναι τα επιχειρήματά μου υπέρ αυτού του προγράμματος:

1) Ζυγίζει πολύ λίγο (μόνο 32 kb).

2) Δεν απαιτείται εγκατάσταση.

3) Καταναλώνει λίγους πόρους συστήματος.

4) Και το πιο σημαντικό, πολύ εύκολο στη χρήση! Για μένα προσωπικά, το πιο σημαντικό πράγμα για το πρόγραμμα είναι η αξιοπιστία, η ταχύτητα και η απλότητά του.

Η εργασία με αυτό το πρόγραμμα είναι πραγματικά πολύ απλή:

2) Υπάρχουν πέντε τρόποι για να επιλέξετε χρώματα:

• Επιλέξτε χρώματα μετακινώντας τα ρυθμιστικά RGB.
• Χειροκίνητη εισαγωγή τιμών RGB.
• Επιλέξτε ένα χρώμα από τη λίστα "Όνομα χρώματος".
• Επιλέξτε από τις ήδη επιλεγμένες αποχρώσεις (πλευρική γραμμή, ανοίγει με το κουμπί "Περισσότερα").
• Το κουμπί "Οθόνη", με τη βοήθειά του μπορείτε να προσδιορίσετε οποιοδήποτε χρώμα στην οθόνη του υπολογιστή σας.

Η πέμπτη μέθοδος είναι η πιο υπέροχη! Θα σου πω λίγα περισσότερα για αυτόν.

Αφού κάνετε κλικ στο κουμπί Οθόνη, θα εμφανιστεί ένα μικρό παράθυρο στην επάνω αριστερή γωνία της οθόνης σας, το οποίο θα εμφανίζει γράμματα και αριθμούς, καθώς και μια μικρή έγχρωμη γραμμή. Εάν μετακινήσετε τον κέρσορα, θα παρατηρήσετε ότι τα γράμματα και οι αριθμοί θα αρχίσουν να αλλάζουν και η γραμμή χρώματος θα αλλάξει μαζί τους.

Αυτή η χρωματική γραμμή εμφανίζει το χρώμα που βρίσκεται κάτω από τον κέρσορα του ποντικιού σας και τα γράμματα και οι αριθμοί δεν είναι τίποτα άλλο από τον κώδικα html αυτού του χρώματος.

Η ουσία της μεθόδου είναι πολύ απλή:

1) Πατήστε το κουμπί "Οθόνη" και μετακινήστε τον κέρσορα στο χρώμα για το οποίο θέλετε να λάβετε τον κωδικό.

2) Κοιτάξτε την επάνω αριστερή γωνία και βεβαιωθείτε ότι δεν χάσατε το χρώμα που θέλετε.

3) Όταν ο κέρσορας βρίσκεται στην επιθυμητή θέση, πατάτε το αριστερό κουμπί του ποντικιού.

4) Τώρα το μόνο που έχετε να κάνετε είναι να παραλάβετε τον κωδικό που λάβατε. Είτε αντιγράψτε τον κώδικα html είτε ξαναγράψτε την τιμή RGB.

Κατεβάστε το πρόγραμμα προσδιορισμού χρώματος:

ΥΣΤΕΡΟΓΡΑΦΟ.Εάν το πρόγραμμα δεν θέλει να εγκατασταθεί στον υπολογιστή σας (κάτι που είναι πολύ πιθανό αν έχετε εγκαταστήσει τα Vista ή Seven), αυτό το αρχείο θα σας βοηθήσει.

Πιθανώς ένα από τα πρώτα βοηθητικά προγράμματα αυτού του είδους, αλλά, ωστόσο, δεν χάνει τη δημοτικότητά του μεταξύ των webmasters.
Το πρόγραμμα εμφανίζει τον κώδικα HTML του επιλεγμένου χρώματος και, αντίστροφα, υποδεικνύει το χρώμα κατά κώδικα.

Για να προσδιορίσετε το χρώμα στην οθόνη, κάντε κλικ στο κουμπί Οθόνη, στρέψτε τον δείκτη στο επιθυμητό σημείο και κάντε κλικ μία φορά σε αυτό το σημείο. Το πεδίο Κώδικας HTML θα εμφανίσει το χρώμα στον Κώδικα HTML. Το μόνο που μένει είναι να αντιγράψετε αυτόν τον κώδικα στο πρόχειρο και να τον επικολλήσετε στην επιθυμητή θέση.
Πλεονεκτήματα: το πρόγραμμα ζυγίζει πολύ λίγο και είναι εξαιρετικά απλό

Το πρόγραμμα επιλογής χρώματος

Το πλεονέκτημα αυτού του προγράμματος είναι ότι εμφανίζει χρώματα σε κώδικα RGB ή HSL και φυσικά σε HTML.

Για να προσδιορίσετε το χρώμα, πρέπει να κάνετε κλικ στο κουμπί "Επιλογή χρώματος με το ποντίκι", ο δρομέας του ποντικιού θα πάρει το σχήμα ενός σταγονόμετρου, το μόνο που έχετε να κάνετε είναι να μετακινήσετε τον κέρσορα στην επιθυμητή θέση και να κάνετε κλικ σε αυτόν. Το πρόγραμμα είναι συμβατό με εκδόσεις των Windows XP και νεότερες.
Απαιτεί εγκατάσταση σε υπολογιστή.

Απλώς Επιλογέας χρωμάτων

Νομίζω ότι είναι η αγαπημένη μου. Συγκεκριμένα, αυτό που με βοηθάει πολύ είναι ότι μετά την αποτύπωση ενός χρώματος, εμφανίζεται μια μπάρα στο περιβάλλον εργασίας με μεταβλητή τονικότητα και φωτεινότητα αυτού του χρώματος. Εκείνοι. Μπορώ να μετακινήσω το ποντίκι πάνω από τη λωρίδα και να πιάσω μερικά ακόμη παρόμοια χρώματα, για παράδειγμα, ελαφρώς φωτεινότερα, για να επιλέξω αργότερα το βέλτιστο.

• Όταν ξεκινάτε για πρώτη φορά, σας ζητά να επιλέξετε μια γλώσσα, τα Ρωσικά είναι παρόντα.
• Η διεπαφή του Just Color Picker περιλαμβάνει μεγεθυντικό φακό οθόνης.
• Σας επιτρέπει να αποθηκεύσετε πολλά χρώματα.
• Λαμβάνει μετρήσεις όχι με ένα κλικ του ποντικιού, αλλά με τα πλήκτρα συντόμευσης Alt+X (από προεπιλογή), που σας επιτρέπει να προσδιορίσετε με μεγαλύτερη ακρίβεια το χρώμα
• Μετά τον καθορισμό ενός χρώματος, το πρόγραμμα θα καθορίσει αυτόματα πρόσθετα χρώματα που θα είναι σε αρμονία με το επιλεγμένο και τα οποία μπορούν να χρησιμοποιηθούν στη σχεδίαση.
• Δεν απαιτεί εγκατάσταση, εκτελείται στο παρασκήνιο.

Το πρόγραμμα είναι συμβατό με εκδόσεις των Windows XP και νεότερες.

Αξίζει επίσης να σημειωθεί το δωρεάν πρόγραμμα ColorPic 4.1. Το μόνο του μειονέκτημα είναι ότι απαιτεί εγκατάσταση σε υπολογιστή, δηλ. δεν μπορεί να εκτελεστεί στο παρασκήνιο.

Αλλά έχει περισσότερα από αρκετά πλεονεκτήματα. Το πρόγραμμα δεν είναι εντελώς απλό, επομένως μια περιγραφή και οδηγίες για την εργασία με αυτό παρέχονται σε αυτόν τον ιστότοπο σε ξεχωριστό άρθρο

Ένας σχεδιαστής ιστοσελίδων, προγραμματιστής ή ένας απλός χρήστης υπολογιστή πιθανότατα έχει κάνει αυτήν την ερώτηση περισσότερες από μία φορές. Συχνά υπάρχει ανάγκη να επιλέξετε το χρώμα που χρησιμοποιείται σε κάποιο αντικείμενο, για παράδειγμα έναν ιστότοπο ή απλώς ένα σημείο σε μια οθόνη οθόνης.

Υπάρχουν αρκετοί βασικοί τρόποι αναπαράστασης των χρωμάτων, όπως όταν ορίζεται κάθε χρώμα ή απόχρωση HTMLκώδικα και χρωματική παλέτα RGBως #FF7700. Αυτό αντιπροσωπεύεται με τη μορφή τριών ζευγών δεκαεξαδικών ψηφίων, στα οποία κάθε ζεύγος είναι υπεύθυνο για το δικό του χρώμα:
τα δύο πρώτα ψηφία είναι κόκκινα, δηλ. — R(κόκκινο)
δύο στη μέση - πράσινο - G (πράσινο)
δύο τελευταία ψηφία - μπλε - Β (μπλε)
Αρκετά συχνά χρησιμοποιούν μια ύπουλη αναπαράσταση του χρώματος με τη μορφή τριών χαρακτήρων #F70, που θα ισοδυναμούσε με #FF7700.

Παρεμπιπτόντως, στους πόρους ιστού τα χρώματα καθορίζονται συνήθως σε στυλ CSS.

Ας προχωρήσουμε στην απάντηση στην κύρια ερώτηση - Πώς να μάθετε το χρώμα ενός pixel σε μια οθόνη ή μια εικόνα;

Υπάρχουν πολλοί τρόποι...

Μέθοδος 1. Μάθετε το χρώμα στο Photoshop

Ας τραβήξουμε λοιπόν ένα “screenshot” πατώντας το πλήκτρο Print Screen (PrtSc) στο πληκτρολόγιο, στο σημείο που θέλουμε να μάθουμε τον κωδικό για το χρώμα μας. Όταν πατήσετε το πλήκτρο, το σύστημα θα αποθηκεύσει το στιγμιότυπο στο πρόχειρο. Μπορείτε απλά να αντιγράψετε την εικόνα, για παράδειγμα από ένα πρόγραμμα περιήγησης, χωρίς PrtSc. Τώρα το μόνο που μένει είναι να επικολλήσετε την εικόνα από το buffer στο Photoshop.

Ανοίξτε το Photoshop και εισαγάγετε μια εικόνα (Αρχείο - Νέο, Επεξεργασία - Εισαγωγή). Αναζητούμε "Pipette" στη γραμμή εργαλείων (Κλειδί I) και μετά κάνουμε αριστερό κλικ στην περιοχή στην οποία θέλουμε να "αφαιρέσουμε" το χρώμα. Όλα είναι έτοιμα! Τώρα το μόνο που μένει είναι να πάτε στην παλέτα και να μάθετε τον κωδικό χρώματος.

Μέθοδος 2. Μάθετε το χρώμα στο Paint

Μεταβείτε στο Paint - εισαγάγετε μια εικόνα - χρησιμοποιήστε το εργαλείο "παλέτα" - μεταβείτε στο "αλλαγή χρωμάτων":

Στην περίπτωσή μας, το κόκκινο είναι 252, το πράσινο είναι 168, το μπλε είναι 10, δηλ. RGB(252,168,10) ή σε μορφή HEX #FCA80A.

Μέθοδος 3: Προβάλετε τον κωδικό στοιχείου στο πρόγραμμα περιήγησης

Θα περιγράψω τη μέθοδο για το πρόγραμμα περιήγησης Opera. Επιλέξτε ένα στοιχείο στον ιστότοπο με το ποντίκι και κάντε δεξί κλικ σε αυτό - "Προβολή κωδικού στοιχείου" (Ctrl + Shift + C). Θα ανοίξει ένας πίνακας με κώδικα html και css, θα πρέπει να βρείτε κάτι σαν "χρώμα".

Μέθοδος 4. Χρήση ειδικών εργαλείων ή προγραμμάτων.

Υπάρχει ένας μεγάλος αριθμός ειδικών προγραμμάτων για την αφαίρεση χρώματος Μου αρέσει ένα πολύ απλό πρόγραμμα που ονομάζεται "Pixie" με βάρος περίπου 10-11 KB. Οι έλεγχοι είναι πολύ απλοί. Απλώς στρέψτε το ποντίκι στο επιθυμητό σημείο στην οθόνη της οθόνης και πατήστε τα ακόλουθα πλήκτρα - Ctrl + Alt + C, με αποτέλεσμα ο χρωματικός κώδικας να αντιγραφεί στο πρόχειρο.

Δουλεύοντας σε υπολογιστή, σχεδιάζοντας στο Photoshop και σχεδιάζοντας ιστότοπους, συχνά πρέπει να μάθω ποια χρώματα, ή μάλλον οι κωδικοί τους, έχουν συγκεκριμένα αντικείμενα στην οθόνη της οθόνης. Για να δημιουργήσω ιστότοπους και να τους γεμίσω με περιεχόμενο, χρησιμοποιώ τις περισσότερες φορές χρώματα html και μερικές φορές χρησιμοποιώ κωδικούς RGB ενώ εργάζομαι στο Photoshop ή σε άλλα προγράμματα επεξεργασίας εικόνων.

Προηγουμένως, για να προσδιορίσω το χρώμα ενός αντικειμένου στην οθόνη, έπρεπε να τραβήξω ένα στιγμιότυπο οθόνης (αντιγραφή στο πρόχειρο χρησιμοποιώντας "Print Screen" ή "Alt" + "Print Screen"). Στη συνέχεια, έπρεπε να εισαγάγετε την εικόνα στο Photoshop, στο Paint ή σε άλλο πρόγραμμα επεξεργασίας εικόνας και να χρησιμοποιήσετε ένα κανονικό σταγονόμετρο για να μάθετε τον χρωματικό κωδικό του απαιτούμενου αντικειμένου. Όλη αυτή η διαδικασία μου πήρε πολύ χρόνο, ειδικά αν έπρεπε να επαναλαμβάνεται συχνά.

Αλλά τώρα όλα έχουν αλλάξει και για να προσδιορίσω το χρώμα δεν χρειάζεται να αντιγράψω τίποτα και να δημιουργήσω πρόσθετες εικόνες.

Το Pixie είναι ο πιο απλός ανιχνευτής χρώματος μασχάλης!

Σε αυτό το σύντομο άρθρο, θα ήθελα να παρουσιάσω στην προσοχή σας ένα πολύ απλό, βολικό, συμπαγές και επίσης δωρεάν πρόγραμμα για τον προσδιορισμό του χρώματος σε μια οθόνη - Pixie, το οποίο θα είναι χρήσιμο για δημιουργούς ιστοτόπων, σχεδιαστές και προγραμματιστές.

Pixie- ένα πρόγραμμα σχεδιασμένο για να προσδιορίζει γρήγορα το χρώμα του αντικειμένου πάνω στο οποίο αιωρείται το ποντίκι. Εμφανίζει 4 τύπους κωδικών του ίδιου χρώματος:

1. Κώδικας HTML
2. Κωδικός RGB
3. Κωδικός CMYK
4. Κωδικός HSV

Για παράδειγμα, αν τοποθετήσετε το ποντίκι σας πάνω λευκό αντικείμενο, τότε το πρόγραμμα θα εμφανίσει τους ακόλουθους χρωματικούς κωδικούς:

Εάν τοποθετήσετε το ποντίκι σας πάνω, για παράδειγμα, Μπλε χρώμα, τότε το πρόγραμμα θα εμφανίσει τους ακόλουθους κωδικούς:

Χρησιμοποιώντας επίσης συνδυασμούς πλήκτρων:

1. Ctrl+Alt+C- Το pixie αντιγράφει το χρώμα στο πρόχειρο σε μορφή html #XXXXXX.
2. Ctrl+Alt+X- Το pixie ανοίγει ένα παράθυρο με μια χρωματική παλέτα.
3. Ctrl+Alt+Z- Το pixie μεγεθύνει μια μικρή περιοχή κοντά στον κέρσορα (όπως κάτω από ένα μεγεθυντικό φακό), έτσι ώστε ο χρήστης να μπορεί να προσδιορίσει με μεγαλύτερη ακρίβεια το χρώμα ενός αντικειμένου στην οθόνη.

Εάν θέλετε να αλλάξετε τους παραπάνω συνδυασμούς πλήκτρων, κάντε δεξί κλικ στο παράθυρο του προγράμματος και ρυθμίστε το όπως θέλετε.

Pixie- ένα πολύ απλό, χρήσιμο και ακόμη απαραίτητο πρόγραμμα για όλους τους προγραμματιστές, σχεδιαστές, προγραμματιστές ιστοσελίδων και σχεδιαστές ιστοσελίδων, που δεν έχει τίποτα το περιττό.

Αυτό το πρόγραμμα με βοηθά συνεχώς στη δουλειά μου (στον προσδιορισμό των χρωμάτων), οπότε μπορώ να σας το προτείνω με σιγουριά. Επιπλέον, επαναλαμβάνω ότι είναι εντελώς δωρεάν.

Μπορείτε επίσης να μάθετε για όλους ασφαλή χρώματα για το site.