Τι είναι ένας επιλογέας χρώματος εικόνας;

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

Περιγραφή εργαλείου

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

Δυνατότητες

  • Επιλογή χρωμάτων από εικόνες PNG, JPEG, WebP, GIF, BMP και AVIF ή επικόλληση εικόνας με Ctrl+V
  • Μεγεθυντικός φακός με το χρώμα κάτω από τον δείκτη
  • Ζουμ έως 3200% με ευκρινή pixel για μικρές λεπτομέρειες και εικονίδια
  • Δειγματοληψία σημείου ή υπολογισμός του μέσου όρου μιας περιοχής pixel από 3 × 3 έως 101 × 101, όπως στο σταγονόμετρο των επεξεργαστών εικόνας
  • Αντιγραφή κάθε χρώματος ως HEX, RGB, HSL, HWB, CMYK, LAB και σε άλλες μορφές
  • Αριθμημένοι δείκτες στην εικόνα για κάθε επιλεγμένο σημείο
  • Εμφάνιση της αδιαφάνειας των ημιδιαφανών pixel
  • Μετακίνηση του τελευταίου σημείου pixel προς pixel με τα πλήκτρα βέλους

Πώς λειτουργεί

Η εικόνα αποκωδικοποιείται στο πρόγραμμα περιήγησής σας και σχεδιάζεται σε ένα canvas, ενώ το χρώμα διαβάζεται από τα pixel του canvas. Τα χρώματα μετατρέπονται σε sRGB, τον χρωματικό χώρο του ιστού, ώστε οι τιμές να αντιστοιχούν στον τρόπο με τον οποίο εμφανίζεται η εικόνα στη σελίδα και να μπορούν να χρησιμοποιηθούν απευθείας σε CSS. Κατά τη δειγματοληψία μέσου όρου, τα χρώματα των pixel στην περιοχή υπολογίζονται ως μέσος όρος, με στάθμιση βάσει της αδιαφάνειας, ώστε τα διαφανή pixel να μην σκουραίνουν το αποτέλεσμα. Η εικόνα δεν μεταφορτώνεται ποτέ.

Συμβουλές

  • Οι φωτογραφίες και οι εικόνες JPEG περιέχουν θόρυβο, επομένως τα γειτονικά pixel συχνά διαφέρουν ελαφρώς. Χρησιμοποιήστε μέσο όρο 3 × 3 ή 5 × 5 για να λάβετε το χρώμα που βλέπετε, αντί για ένα θορυβώδες pixel.
  • Για επίπεδα γραφικά, όπως λογότυπα, εικονίδια και στιγμιότυπα οθόνης, χρησιμοποιήστε τη δειγματοληψία σημείου για να λάβετε το ακριβές χρώμα.
  • Η αλλαγή του μεγέθους δειγματοληψίας ενημερώνει τα χρώματα όλων των σημείων που έχετε ήδη επιλέξει.
  • Για αρχεία GIF, τα χρώματα επιλέγονται από το πρώτο καρέ.