Επιλογέας Χρώματος Εικόνας

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

Εικόνα για δειγματοληψία

Κάντε κλικ σε ένα pixel, πάρτε το ακριβές χρώμα του

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

Πρακτικό παράδειγμα

Κάντε κλικ σε ένα καθαρό κόκκινο pixel και θα πάρετε #ff0000, rgb(255, 0, 0), και hsl(0deg, 100%, 50%). Κάντε κλικ σε καθαρό λευκό και θα πάρετε #ffffff, rgb(255, 255, 255), και hsl(0deg, 0%, 100%) — η απόχρωση δεν έχει νόημα όταν δεν υπάρχει κορεσμός, οπότε απλώς διαβάζεται ως 0. Κάθε χρώμα που επιλέγετε προστίθεται επίσης στο ιστορικό πρόσφατων χρωμάτων κάτω από το δείγμα, ώστε να μπορείτε να συγκρίνετε πολλές επιλογές από την ίδια εικόνα με μια ματιά.

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

Πόσο ακριβές είναι το δειγματοληπτημένο χρώμα;

Διαβάζεται απευθείας από τα πραγματικά δεδομένα pixel της εικόνας μέσω του API getImageData του καμβά, όχι με εκτίμηση από αυτό που φαίνεται στην οθόνη — άρα είναι ακριβές, μέχρι το συγκεκριμένο pixel που κάνατε κλικ. Αν η ίδια η εικόνα είχε έντονη συμπίεση (τυπικό στο JPEG), το χρώμα του pixel αντανακλά ό,τι άφησε η συμπίεση, που μπορεί να διαφέρει ελαφρώς από το αρχικό χρώμα της πηγής.

Γιατί κάνοντας κλικ κοντά σε μια άκρη βγαίνει μερικές φορές ένα απροσδόκητο χρώμα;

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

Τι σημαίνει η τιμή alpha;

Το alpha είναι η διαφάνεια, από 0 (πλήρως διάφανο) έως 255 (πλήρως αδιαφανές). Ποικίλλει μόνο σε formats που υποστηρίζουν διαφάνεια, όπως PNG ή WebP — ένα JPEG πάντα αναφέρει 255 επειδή το JPEG δεν έχει καθόλου κανάλι alpha.

Ανεβαίνει η εικόνα μου κάπου σε server;

Όχι. Η εικόνα αποκωδικοποιείται και σχεδιάζεται σε καμβά μέσα στον περιηγητή σας, και κάθε χρώμα που επιλέγετε διαβάζεται από αυτόν τον τοπικό καμβά με getImageData — τίποτα δεν αποστέλλεται, αποθηκεύεται ή καταγράφεται σε server.