Utilia
Κατηγορίες ▾
Γλώσσα: el ▾

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

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

Πώς να επιλέξετε χρώμα από μια εικόνα

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

Σε κινητό ή tablet, απλώς αγγίξτε την εικόνα. Με πληκτρολόγιο, επιλέξτε την εικόνα με το Tab, μετακινηθείτε με τα βελάκια (κρατήστε πατημένο το Shift για να κινείστε ανά 10 εικονοστοιχεία) και πατήστε Enter για να επιλέξετε.

Η εικόνα δεν φεύγει ποτέ από τη συσκευή σας: αποκωδικοποιείται και διαβάζεται μόνο από το πρόγραμμα περιήγησής σας.

Ένα εικονοστοιχείο ή μέσος όρος;

Το μενού Μέγεθος δείγματος ελέγχει πόσα εικονοστοιχεία διαβάζονται σε κάθε επιλογή:

  • Το 1 εικονοστοιχείο επιστρέφει το ακριβές χρώμα του εικονοστοιχείου κάτω από τον δείκτη. Χρησιμοποιήστε το για επίπεδα γραφικά, λογότυπα, στιγμιότυπα οθόνης και εικονίδια.
  • Τα Μέσος όρος 3 × 3 και Μέσος όρος 5 × 5 επιστρέφουν το μέσο χρώμα των 9 ή 25 γύρω εικονοστοιχείων. Χρησιμοποιήστε τα για φωτογραφίες: η συμπίεση JPEG και ο θόρυβος της κάμερας κάνουν τα γειτονικά εικονοστοιχεία να διαφέρουν ελαφρά και ο μέσος όρος δίνει ένα χρώμα που αντιπροσωπεύει καλύτερα όσα βλέπετε.

Το τετράγωνο περίγραμμα στον φακό δείχνει ακριβώς ποια εικονοστοιχεία συμπεριλαμβάνονται. Κοντά στις άκρες της εικόνας μετρούνται μόνο τα εικονοστοιχεία που υπάρχουν.

Χειρίζονται και τα διαφανή εικονοστοιχεία σε αρχεία PNG ή WebP: το χρώμα σταθμίζεται με την αδιαφάνεια, ώστε οι εντελώς διαφανείς περιοχές να μην τραβούν το αποτέλεσμα προς το μαύρο, και ένα εν μέρει διαφανές αποτέλεσμα παίρνει οκταψήφιο κωδικό HEX με άλφα, όπως #FF000080.

Ακρίβεια και όρια

  • Τα χρώματα διαβάζονται στον χώρο sRGB του canvas του προγράμματος περιήγησής σας. Οι εικόνες που έχουν αποθηκευτεί με άλλο προφίλ χρώματος (Adobe RGB, Display P3) μετατρέπονται πρώτα από το πρόγραμμα περιήγησης, οπότε οι κωδικοί ταιριάζουν με όσα βλέπετε στην οθόνη, αλλά μπορεί να διαφέρουν ελαφρά από τις ακατέργαστες τιμές του αρχείου που δείχνει ένα πρόγραμμα επεξεργασίας φωτογραφιών.
  • Οι πολύ μεγάλες εικόνες μειώνονται στα 4096 εικονοστοιχεία στη μεγαλύτερη πλευρά για να παραμένει λογική η χρήση μνήμης. Το εργαλείο σας ενημερώνει όταν συμβαίνει αυτό· σε τέτοιες εικόνες, κάθε εικονοστοιχείο που επιλέγετε είναι ήδη ένας μικρός μέσος όρος του πρωτοτύπου.
  • Οι τιμές CMYK είναι απλή μετατροπή χωρίς προφίλ ICC και χρησιμεύουν μόνο ως πρόχειρος οδηγός.

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

Πώς βρίσκω τον κωδικό HEX ενός χρώματος σε μια εικόνα;

Ανοίξτε την εικόνα με αυτό το εργαλείο και κάντε κλικ στο χρώμα. Ο κωδικός HEX εμφανίζεται στο πλαίσιο Επιλεγμένο χρώμα· πατήστε Αντιγραφή δίπλα του για να τον επικολλήσετε στο CSS, στο Figma, στο Canva ή σε οποιαδήποτε άλλη εφαρμογή.

Γιατί τα γειτονικά εικονοστοιχεία της φωτογραφίας μου έχουν διαφορετικούς κωδικούς;

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

Μπορώ να επιλέξω χρώματα από στιγμιότυπο οθόνης ενός ιστότοπου;

Ναι. Τραβήξτε ένα στιγμιότυπο, αποθηκεύστε το ως PNG και αφήστε το εδώ. Τα στιγμιότυπα PNG είναι χωρίς απώλειες, οπότε με το 1 εικονοστοιχείο παίρνετε το ακριβές χρώμα που χρησιμοποιείται στη σελίδα, αρκεί η οθόνη να μην εφάρμοσε κλιμάκωση ή διαχείριση χρώματος.

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

Όχι. Το αρχείο ανοίγει από το πρόγραμμα περιήγησής σας και σχεδιάζεται σε canvas στη συσκευή σας. Τίποτα δεν στέλνεται σε διακομιστή και το κλείσιμο της σελίδας το απορρίπτει.

Μπορώ να πάρω ολόκληρη παλέτα αντί για μεμονωμένα χρώματα;

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

Σχετικά εργαλεία