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

Είτε είστε σχεδιαστής ιστοσελίδων, καλλιτέχνης, είτε απλά ένα άτομο που θέλει να ταιριάζει με τα χρώματα, το Google Chrome προσφέρει πολλά πρόσθετα στο κατάστημα Web Chrome που μπορεί να βοηθήσει.

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

Πίνακας περιεχομένων

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

1.Εργαλείο συλλογής χρωμάτων - Geco

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

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

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

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

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

2.Akcolor

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

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

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

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

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

3.Διαλέγω χρώμα

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

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

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

Χαρακτηριστικό μπόνους

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

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

4.Χρωματιστής(από το linangdata.com)

Για μια άλλη επέκταση Chrome με χρήσιμα επιπλέον χαρακτηριστικά, ρίξτε μια ματιά στο χρωματικό picker από το linangdata.com.

Διαβάστε επίσης:Σχετικά με το μήνυμα "Αυτές οι επεκτάσεις μπορεί σύντομα να μην υποστηρίζονται πλέον"

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

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

  • Χρησιμοποιήστε τοΧρωματιστήςκαρτέλα για να εμφανίσετε πρωταρχικά χρώματα με τους χρωματικούς κωδικούς τους.
  • Δοκιμάστε τοΚλίμακα χρωμάτωνκαρτέλα για να δείτε διαφορετικές χρωματικές αποχρώσεις με τους χρωματικούς κωδικούς τους.
  • Δείτε τοΧρωμάτωνΚαρτέλα για να πολλαπλασιάσετε, να σκουραστείτε, να ελαφρύνετε και να επικαλύπτετε χρώματα.

5.Σταγονόμετρο

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

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

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

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

6.Μαύρος σκάνδαλος

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

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

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

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

7.Εύκολη συλλογή χρωμάτων

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

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

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

8.Χρώμα χρωμάτων

Παρόμοια με το Easy Color Picker είναι το ColorFly Color Picker. Πιάσε το χρώμα, δείτε τον κώδικα και αντιγράψτε τις τιμές, εάν χρειαστεί.

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

9.Χρωματιστής(από τον Kipelovvycheslav)

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

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

10.Έξυπνος επιλογέας χρωμάτων

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

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

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

Για πρόσθετη βοήθεια, ρίξτε μια ματιά στο πώς να εγκαταστήσετε ή να αφαιρέσετε επεκτάσεις στο Chrome.