tigtools

Επιλογή χρώματος από εικόνα

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

Εκτελείται στον περιηγητή σας Χωρίς εγγραφή

JPEG, PNG, WebP, GIF, AVIF ή BMP, έως 25 MB. Η εικόνα παραμένει στη συσκευή σας.

Πώς να το χρησιμοποιήσετε

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

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

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

Τα κυρίαρχα χρώματα εντοπίζονται με ομαδοποίηση k-means: τα pixel ομαδοποιούνται πρώτα σε 32.768 μικρούς κάδους χρωμάτων και στη συνέχεια οι κάδοι συγχωνεύονται στον αριθμό χρωμάτων που επιλέγετε, με στάθμιση ανάλογα με το πόσα pixel περιέχει ο καθένας. Τα σημεία εκκίνησης επιλέγονται ντετερμινιστικά, ώστε η ίδια εικόνα να δίνει πάντα την ίδια παλέτα.

Τα χρώματα διαβάζονται στον χρωματικό χώρο sRGB που χρησιμοποιεί ο περιηγητής για την προβολή. Αν μια εικόνα έχει ενσωματωμένο προφίλ ευρείας γκάμας, οι τιμές μπορεί να διαφέρουν ελαφρώς από ό,τι δείχνει ένα πρόγραμμα επεξεργασίας φωτογραφιών. Σε περιηγητές που το υποστηρίζουν (Chrome και Edge σε υπολογιστή), το κουμπί «Επιλογή από την οθόνη» χρησιμοποιεί το ενσωματωμένο EyeDropper για να πάρει ένα χρώμα από οπουδήποτε στην οθόνη σας.

Παραδείγματα

Αντιστοίχιση χρώματος επωνυμίας

Ανεβάστε ένα στιγμιότυπο οθόνης ενός λογότυπου, κάντε κλικ στο κύριο χρώμα του και αντιγράψτε το #1a73e8 ή το rgb(26, 115, 232) στο CSS σας.

Παλέτα από φωτογραφία

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

Έλεγχος απόχρωσης

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

Συχνές ερωτήσεις

Γιατί το χρώμα διαφέρει ελαφρώς από αυτό που δείχνει το πρόγραμμα επεξεργασίας φωτογραφιών μου;

Οι περιηγητές μετατρέπουν τις εικόνες σε sRGB για προβολή. Φωτογραφίες με προφίλ ευρείας γκάμας (Display P3, Adobe RGB) ενδέχεται να εμφανίζουν ελαφρώς διαφορετικές τιμές σε ένα πρόγραμμα επεξεργασίας που διατηρεί το αρχικό προφίλ.

Γιατί λείπει το κουμπί «Επιλογή από την οθόνη»;

Απαιτεί το EyeDropper API, το οποίο υποστηρίζουν μόνο ορισμένοι περιηγητές, προς το παρόν ο Chrome και ο Edge σε υπολογιστή. Η επιλογή από τη μεταφορτωμένη εικόνα λειτουργεί παντού.

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

Με ομαδοποίηση k-means όλων των pixel, με στάθμιση ανάλογα με το πόσο συχνά εμφανίζεται κάθε χρώμα. Μικρές αλλά έντονες λεπτομέρειες μπορεί να συγχωνευθούν σε ένα μεγαλύτερο κοντινό χρώμα· αυξήστε τον αριθμό των χρωμάτων για να τις διαχωρίσετε.

Μεταφορτώνεται η εικόνα;

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

Απόρρητο

Η εικόνα επεξεργάζεται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Δεν μεταφορτώνεται και τα χρώματα που επιλέγετε δεν αποστέλλονται ούτε αποθηκεύονται.