Οι καλύτερες επεκτάσεις Chrome Picker για λήψη κωδικών χρωμάτων HEX, RGB και HSL

Είτε είστε σχεδιαστής ιστού(web designer) , καλλιτέχνης ή απλά ένα άτομο που θέλει να ταιριάξει χρώματα, το Google Chrome(Google Chrome) προσφέρει πολλά πρόσθετα στο Chrome Web Store που μπορούν να σας βοηθήσουν.

Χρησιμοποιώντας μια επέκταση Chrome(Chrome) επιλογής χρωμάτων , μπορείτε να αποκτήσετε τις τιμές HEX , RGB ή HSL για οποιοδήποτε χρώμα θέλετε στον ιστό. Απλώς(Simply) στρέψτε τον κέρσορα σας στο χρώμα και λάβετε τον κωδικό που χρειάζεστε για να ταιριάζει με το χρώμα.

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

1. Εργαλείο επιλογής χρώματος – Geco(Color Picker Tool – Geco)

Μπορείτε να αποκτήσετε έναν κωδικό χρώματος για οποιοδήποτε χρώμα βλέπετε σε μια ιστοσελίδα με το Color Picker Tool – Geco .

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Στρέψτε τον κέρσορα σας στο χρώμα που θέλετε να προσδιορίσετε.
  3. Κάντε κλικ(Click) για να αποθηκεύσετε το χρώμα στη λίστα της επέκτασης.

Στη συνέχεια, θα δείτε τους κωδικούς HEX , RGB και HSL στις ενότητες (HSL)New και Picked του παραθύρου της επέκτασης. Επιλέξτε ένα προηγούμενο χρώμα που έχετε αναγνωρίσει και θα δείτε αυτούς τους κωδικούς στην ενότητα Νέο(New) .

Επιπρόσθετα χαρακτηριστικά:

  • Αντιγράψτε αυτόματα τον κωδικό χρώματος HEX στο πρόχειρό σας για εύκολη επικόλληση όπου χρειάζεται.(HEX)
  • Κατεβάστε(Download) ένα αρχείο CSV(CSV) της παλέτας χρωμάτων σας με κωδικούς HEX , RGB και HSL .
  • Προσαρμόστε(Adjust) τις ρυθμίσεις για την αντιγραφή στο πρόχειρό σας, την ενεργοποίηση μιας ειδοποίησης και τη χρήση δεξί κλικ.

2. AKColor

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

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε το σταγονόμετρο(eyedropper) στα αριστερά και στρέψτε τον κέρσορα σας στο χρώμα που θέλετε να προσδιορίσετε.
  3. Κάντε κλικ(Click) για να δείτε τους χρωματικούς κωδικούς μαζί με το πλησιέστερο χρώμα και το μέσο χρώμα της περιοχής.

Θα δείτε ένα ωραίο αναδυόμενο παράθυρο με τους χρωματικούς κωδικούς για RGB , RGBA , HEX , HSL και HSLA . Επιλέξτε(Choose) οποιονδήποτε από τους κωδικούς για να αντιγράψετε τις τιμές των χρωμάτων στο πρόχειρό σας. Στη συνέχεια, επιλέξτε Επιλογή ξανά(Pick Again) ή Κλείσιμο( Close) .

Επιπρόσθετα χαρακτηριστικά:

  • Χρησιμοποιήστε τον μετατροπέα χρωμάτων(Color Converter) και τη γεννήτρια κλίσης(Gradient Generator) που είναι ενσωματωμένος στην επέκταση.
  • Επωφεληθείτε(Take) από τις συντομεύσεις πληκτρολογίου για γρήγορη και εύκολη αναγνώριση χρωμάτων.
  • Προσαρμόστε(Adjust) τις ρυθμίσεις για τη νυχτερινή λειτουργία, τη διεπαφή, το μέγεθος του μεγεθυντικού φακού pixel, το επίπεδο ζουμ και πολλά άλλα.

3. Επιλέξτε Χρώμα(Pick Color)

Αν ψάχνετε για ένα εργαλείο επιλογής χρώματος που μπορείτε να χρησιμοποιήσετε σε άλλες τοποθεσίες και όχι μόνο στον ιστό, το Pick Color είναι το εργαλείο για εσάς.

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε Επιλέξτε το χρώμα σας(Choose Your Color) και, στη συνέχεια, επιλέξτε το σταγονόμετρο(eyedropper) .
  3. Στρέψτε τον κέρσορα σας στο χρώμα που θέλετε να προσδιορίσετε. Αυτό μπορεί να είναι σε έναν ιστότοπο, στην επιφάνεια εργασίας σας ή σε άλλη εφαρμογή.
  4. Κάντε κλικ(Click) για να αποθηκεύσετε το χρώμα στην επέκταση.

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

Λειτουργία μπόνους(Bonus Feature)

Με το Pick Color , μπορείτε να αναγνωρίσετε γρήγορα ένα χρώμα σε μια ιστοσελίδα και να αντιγράψετε τον κώδικα HEX στο πρόχειρό σας με μερικά κλικ.

  1. Κάντε δεξί κλικ στην ιστοσελίδα και επιλέξτε Επιλογή χρώματος στη σελίδα(Pick a color on the page) από το μενού συντόμευσης.
  2. Μετακινήστε τον κέρσορα στο χρώμα και θα δείτε τον κωδικό HEX επισυναπτόμενο.
  3. Κάντε κλικ(Click) για να αντιγράψετε τον HEX κώδικα του χρώματος στο πρόχειρό σας.

4. Επιλογέας χρωμάτων(Color Picker) (από linangdata.com)

Για μια άλλη επέκταση του Chrome με χρήσιμες επιπλέον λειτουργίες(Chrome extension with useful extra features) , ρίξτε μια ματιά στο Color Picker από το linangdata.com.

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας και μεταβείτε στην καρτέλα Σταγονόμετρο .(Eyedropper)
  2. Επιλέξτε Eyedropper και στρέψτε τον κέρσορα σας στο χρώμα. Θα δείτε τον κωδικό HEX να εμφανίζεται καθώς μετακινείτε το δείκτη σας.
  3. Κάντε κλικ(Click) για να αποθηκεύσετε το χρώμα στη λίστα της επέκτασης και να αντιγράψετε τον κώδικα HEX στο πρόχειρό σας ταυτόχρονα.
  4. Ανοίξτε ξανά την επέκταση με το κουμπί της γραμμής εργαλείων και θα δείτε τους κωδικούς HEX , RGB , HSL , HSV και CMYK . Επιλέξτε το εικονίδιο αντιγραφής στα δεξιά οποιουδήποτε από τους κωδικούς για να το τοποθετήσετε στο πρόχειρό σας.

Επιπρόσθετα χαρακτηριστικά:

  • Χρησιμοποιήστε την καρτέλα Color Picker για να εμφανίσετε τα κύρια χρώματα με τους χρωματικούς τους κωδικούς.
  • Δοκιμάστε την καρτέλα Κλίμακα χρώματος(Color Scale ) για να δείτε διαφορετικές αποχρώσεις με τους χρωματικούς τους κωδικούς.
  • Ελέγξτε την καρτέλα Color Blender για να πολλαπλασιάσετε, να σκουρύνετε, να φωτίσετε και να επικαλύψετε τα χρώματα.

5. Οφθαλμικό σταγονόμετρο(Eye Dropper)

Το Eye Dropper(Eye Dropper) είναι μια ωραία επιλογή επιλογής χρώματος για το Chrome με μερικά μπόνους που μπορεί να σας αρέσουν.

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε Επιλογή χρώματος από την ιστοσελίδα(Pick color from web page) και μετακινήστε τον κέρσορα στο χρώμα. Καθώς μετακινείτε το δείκτη σας, θα δείτε τις τιμές HEX και RGB στην κάτω δεξιά γωνία του παραθύρου του προγράμματος περιήγησής σας.
  3. Κάντε κλικ(Click) στο χρώμα για να το αποθηκεύσετε στη λίστα της επέκτασης.
  4. Όταν ανοίξετε ξανά την επέκταση, θα δείτε τους κωδικούς χρώματος HEX , HSL και RGB μαζί με το όνομα αυτού του χρώματος στην ενότητα Επιλεγμένο(Selected) χρώμα. 

Επιπρόσθετα χαρακτηριστικά:

  • Χρησιμοποιήστε την καρτέλα Color Picker για να συνδυάσετε τα δικά σας χρώματα.(Color Picker)
  • Εξάγετε(Export) το ιστορικό χρωμάτων σας ως αρχείο CSV(CSV) με τους χρωματικούς κωδικούς.
  • Προσαρμόστε(Adjust) τις ρυθμίσεις για την αντιγραφή στο πρόχειρό σας, την αλλαγή της εμφάνισης του δείκτη και την απενεργοποίηση των πληροφοριών χρώματος καθώς μετακινείτε τον κέρσορα.

6. Μαύρες-γαρίδες(Black-shrimp)

Εάν θέλετε να προσδιορίσετε τα χρώματα και στη συνέχεια να τα ομαδοποιήσετε για γρήγορη πρόσβαση, ρίξτε μια ματιά στο Black-shrimp .

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας. Αυτό ανοίγει το μικρό παράθυρο του πρόσθετου στα αριστερά.
  2. Τοποθετήστε το δείκτη του ποντικιού στο χρώμα που θέλετε να προσδιορίσετε και κάντε κλικ.
  3. Θα δείτε αμέσως τον κωδικό HEX στο παράθυρο. Χρησιμοποιήστε το αναπτυσσόμενο πλαίσιο δίπλα στο προσδιορισμένο χρώμα για να προβάλετε τους χρωματικούς κωδικούς RGB ή HSL .
  4. Για να αποθηκεύσετε το χρώμα, επιλέξτε το σύμβολο συν(plus sign) στο κάτω μέρος του παραθύρου.

Επιπρόσθετα χαρακτηριστικά:

  • Προσθέστε μια ομάδα χρησιμοποιώντας το εικονίδιο φακέλου και σύρετε τα αποθηκευμένα χρώματα σε αυτήν.(folder)
  • Εξάγετε(Export) τα αποθηκευμένα σας χρώματα ως αρχείο ASE ( Adobe Swatch Exchange ).
  • Χρησιμοποιήστε(Use) συντομεύσεις πληκτρολογίου για να προσθέσετε ένα χρώμα, να δημιουργήσετε μια ομάδα, να διαγράψετε ή να εξαγάγετε.

7. Easy Color Picker

Εάν τα φανταχτερά επιπλέον χαρακτηριστικά δεν είναι για εσάς και θέλετε μια απλή επέκταση, ρίξτε μια ματιά στο Easy Color Picker .

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε το κουμπί Επιλογή(Pick) επάνω δεξιά και στρέψτε τον κέρσορα σας στο χρώμα. Καθώς μετακινείτε το δείκτη σας, θα δείτε τις τιμές HEX και RGB στην κάτω δεξιά γωνία του παραθύρου του προγράμματος περιήγησής σας.
  3. Κάντε κλικ(Click) στο χρώμα που θέλετε και, στη συνέχεια, ανοίξτε ξανά την επέκταση με το κουμπί για να προβάλετε τους κωδικούς HEX , RGB και HSL .

Αν και δεν υπάρχουν απλές επιλογές αντιγραφής για τους χρωματικούς κώδικες, μπορείτε να κάνετε δεξί κλικ μέσα σε κάθε πλαίσιο και να επιλέξετε Αντιγραφή(Copy) εάν χρειάζεται να επικολλήσετε τις τιμές αλλού.

8. Colorfly Color Picker

Παρόμοιο με το Easy Color Picker είναι το Colorfly Color Picker(Colorfly Color Picker) . Πιάστε(Grab) το χρώμα, δείτε τον κωδικό και αντιγράψτε τις τιμές εάν χρειάζεται.

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε το κουμπί Επιλογή χρώματος(Pick Color) και στρέψτε τον κέρσορα σας στο χρώμα. Καθώς μετακινείτε τον κέρσορα, μπορείτε να προβάλετε τις τιμές HEX και RGB στην κάτω δεξιά γωνία του παραθύρου του προγράμματος περιήγησής σας.
  3. Κάντε κλικ(Click) στο χρώμα που θέλετε και θα δείτε τους κωδικούς HEX , RGB και HSL στο παράθυρο της επέκτασης. Επιλέξτε(Select) οποιονδήποτε κωδικό χρώματος για να τον αντιγράψετε στο πρόχειρό σας.

9. Color Picker (από kipelovvycheslav)

Μια άλλη βασική επέκταση προγράμματος περιήγησης Chrome(Chrome browser extension) έχει το ίδιο όνομα με μια άλλη στη λίστα μας, Color Picker , αυτή από το kipelovvycheslav.

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Τοποθετήστε το δείκτη του ποντικιού στο χρώμα που θέλετε να προσδιορίσετε και κάντε κλικ.
  3. Ανοίξτε ξανά την επέκταση για να δείτε τους χρωματικούς κωδικούς HEX , HSL και RGB .

10. Smart Color Picker

Μια τελευταία, απλή επέκταση Chrome χωρίς καμπανάκια και σφυρίχτρες είναι το Smart Color Picker .

  1. Επιλέξτε το κουμπί επέκτασης στη γραμμή εργαλείων σας.
  2. Επιλέξτε το κουμπί Επιλογή χρώματος(Pick Color) και στρέψτε τον κέρσορα σας στο χρώμα. Καθώς μετακινείτε τον κέρσορα σας, θα δείτε τις τιμές HEX και RGB στην κάτω δεξιά γωνία του παραθύρου του προγράμματος περιήγησής σας.
  3. Κάντε κλικ(Click) στο χρώμα που θέλετε και, στη συνέχεια, ανοίξτε ξανά την επέκταση με το κουμπί για να προβάλετε τους κωδικούς HEX , RGB και HSL . Επιλέξτε(Select) οποιονδήποτε κωδικό χρώματος για να τον αντιγράψετε στο πρόχειρό σας.

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

Για πρόσθετη βοήθεια, ρίξτε μια ματιά στον τρόπο εγκατάστασης ή κατάργησης επεκτάσεων στο Chrome(install or remove extensions in Chrome) .



About the author

Ο Josh έχει πάνω από 10 χρόνια εμπειρίας στη βιομηχανία λογισμικού και ασύρματης σύνδεσης, ειδικά στους τομείς του προγραμματισμού και των κριτικών Android. Αυτή τη στιγμή είναι ανώτερος μηχανικός λογισμικού στη Microsoft, εργάζεται σε διάφορα προϊόντα ms office. Ο Τζος έχει έντονο ενδιαφέρον να βοηθά άλλους να μάθουν νέα εργαλεία λογισμικού και είναι πάντα πρόθυμος να μοιραστεί τις συμβουλές και τα κόλπα του με όσους ρωτούν.



Related posts