IMG.DIY / Πρόσθετα / Επιλογέας Χρωμάτων Εικόνας

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

Περάστε τον κέρσορα για προεπισκόπηση, κάντε κλικ για να πιάσετε ένα χρώμα από οποιαδήποτε εικόνα — αντιγράψτε το ως HEX, RGB ή HSL.

Επιλογέας Χρωμάτων Εικόνας visual example
Το απόρρητο πάνω απ' όλα: τίποτα δεν ανεβαίνει.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Επιλογέας Χρωμάτων Εικόνας: 1 · Choose input
1 · Choose input
Επιλογέας Χρωμάτων Εικόνας: 2 · Adjust and process
2 · Adjust and process
Επιλογέας Χρωμάτων Εικόνας: 3 · Download result
3 · Download result

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

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

Οδηγίες χρήσης

  1. Προσθέστε μια εικόναΑποθέστε την εικόνα ή το στιγμιότυπο από όπου θέλετε χρώματα.
  2. Περάστε τον κέρσορα και κάντε κλικΟ φακός μεγεθύνει το ακριβές pixel· κάντε κλικ για να αποθηκεύσετε το χρώμα.
  3. Αντιγράψτε την τιμήΠάρτε HEX, RGB ή HSL για κάθε χρώμα που αποθηκεύσατε.

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

Διαβάζει pixel τοπικά στον περιηγητή σας μέσα από ένα canvas: τίποτα δεν μεταφορτώνεται, δεν υπάρχει λογαριασμός, και μετά την πρώτη φόρτωση λειτουργεί εκτός σύνδεσης. Αυτό έχει σημασία όταν η εικόνα είναι μια αδημοσίευτη μακέτα, ένα υλικό επωνυμίας πελάτη ή ένα εσωτερικό στιγμιότυπο. Είναι σημειακός δειγματολήπτης — κάθε κλικ διαβάζει ένα pixel, που είναι ακριβώς σωστό για ένα καθαρό λογότυπο ή επίπεδο UI, και θέλει λίγη περισσότερη προσοχή σε μια φωτογραφία με θόρυβο. Αν προτιμάτε να αντληθούν αυτόματα τα κυρίαρχα χρώματα ολόκληρης εικόνας, γι' αυτό υπάρχει το ξεχωριστό εργαλείο παλέτας· αυτό εδώ είναι για να δείχνετε ένα συγκεκριμένο pixel και να παίρνετε την τιμή του.

Πού το χρησιμοποιεί ο κόσμος

Ανακτήστε το ακριβές χρώμα μιας επωνυμίας από ένα παλιό λογότυπο όταν οι προδιαγραφές έχουν χαθεί

Ταιριάξτε ένα κουμπί ή μια επικεφαλίδα με το χρώμα σε στιγμιότυπο ενός ιστότοπου που σας αρέσει

Αντλήστε το κύριο, το δευτερεύον και το χρώμα κειμένου από ένα λογότυπο με ένα πέρασμα

Πάρτε μια απόχρωση από μια φωτογραφία για χρήση ως φόντο ή τόνο

Διαβάστε το πραγματικό χρώμα οθόνης ενός ημιδιαφανούς στοιχείου από ένα στιγμιότυπο

Αντιγράψτε ένα χρώμα ως HSL ώστε να το φωτίσετε ή να το απαλύνετε για κατάσταση hover ή παραλλαγή

Γιατί IMG.DIY

Μεγεθυντικός φακός

Ζουμάρει ώστε να κάνετε κλικ στο ακριβές pixel.

HEX / RGB / HSL

Κάθε αποθηκευμένο χρώμα σε τρεις μορφές.

Αντιγραφή με ένα κλικ

Αντιγράψτε οποιαδήποτε τιμή απευθείας στο πρόχειρο.

Ιδιωτικό

Τα pixel διαβάζονται τοπικά — χωρίς μεταφόρτωση.

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

Μπορώ να επιλέξω πολλά χρώματα;
Ναι. Κάθε κλικ προσθέτει ένα δείγμα στη λίστα, ώστε να αντλήσετε ολόκληρο σετ από μία εικόνα και να τα αντιγράψετε ένα-ένα.
Σε τι χρησιμεύει ο φακός;
Μεγεθύνει την περιοχή κάτω από τον κέρσορά σας ώστε να πετύχετε το ακριβές pixel — σημαντικό για λεπτές γραμμές ή φωτογραφίες με θόρυβο.
Δίνει και HSL;
Ναι — κάθε δείγμα δείχνει HEX, RGB και HSL, το καθένα με δικό του κουμπί αντιγραφής.
Μεταφορτώνεται η εικόνα;
Όχι. Τα χρώματα διαβάζονται από την εικόνα στη συσκευή σας· τίποτα δεν αποστέλλεται σε διακομιστή.
Μπορώ να επιλέξω πολλά χρώματα από την ίδια εικόνα;
Ναι. Κάθε κλικ αποθηκεύει άλλο ένα δείγμα, οπότε μπορείτε να δουλέψετε σε όλη την εικόνα και να χτίσετε μια λίστα — το κύριο χρώμα ενός λογοτύπου, τον τόνο του, το χρώμα κειμένου — και μετά να τα συγκρίνετε και να τα αντιγράψετε ένα-ένα χωρίς να ξαναφορτώσετε την εικόνα.
Σε τι χρησιμεύει ο μεγεθυντικός φακός;
Μεγεθύνει τα pixel κάτω από τον κέρσορά σας ώστε να πετύχετε ακριβώς αυτό που εννοείτε. Σε μια σκληρή ακμή, το διπλανό pixel είναι συχνά μια εξομαλυμένη ανάμειξη δύο χρωμάτων, και η μεγεθυμένη προβολή σάς επιτρέπει να δείτε ότι βρίσκεστε στο συμπαγές χρώμα και όχι στο θολό όριο πριν κάνετε κλικ.
Πότε θα χρησιμοποιούσα την τιμή HSL αντί για HEX;
Το HSL αναλύει ένα χρώμα σε απόχρωση, κορεσμό και φωτεινότητα, κάτι που το καθιστά τη μορφή που χρειάζεστε όταν θέλετε να προσαρμόσετε αντί να αντιγράψετε — να φωτίσετε ένα χρώμα για κατάσταση hover, να ρίξετε τον κορεσμό του για μια απαλή παραλλαγή, ή να κρατήσετε την απόχρωση και να χτίσετε μια κλίμακα. Για απλή επαναχρησιμοποίηση σε CSS, το HEX είναι απλούστερο.
Μεταφορτώνεται κάπου η εικόνα μου;
Όχι. Η εικόνα διαβάζεται σε ένα canvas μέσα στον περιηγητή σας και δεν αποστέλλεται ποτέ σε διακομιστή. Δεν υπάρχει εγγραφή, και μόλις φορτώσει η σελίδα μπορείτε να επιλέγετε χρώματα με το δίκτυο κλειστό, οπότε ένα ιδιωτικό στιγμιότυπο ή μια μακέτα μένει στη συσκευή σας.

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

Οδηγοί & συμβουλές