Εξαγωγή παλέτας χρωμάτων από εικόνα

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

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

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

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

Κυρίαρχα χρώματα, όχι ένα ακριβές pixel

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

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

Αντιγράψτε την παλέτα ως HEX, RGB ή μεταβλητές CSS

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

Το κουμπί μεταβλητών CSS δημιουργεί μπλοκ :root με ονόματα όπως --cp-1, --cp-2 και --cp-3. Χρησιμοποιήστε το ως γρήγορη αφετηρία για πρωτότυπο ή φύλλο στυλ και ελέγξτε ξεχωριστά την αντίθεση και την προσβασιμότητα.

Η εικόνα σας παραμένει ιδιωτική

Όλη η επεξεργασία γίνεται στο πρόγραμμα περιήγησής σας. Το αρχείο δεν αποστέλλεται στο ColourPicker.app ή σε εξωτερική υπηρεσία εικόνων και δεν αποθηκεύεται σε διακομιστή. Η τοπική προεπισκόπηση είναι προσωρινή και απελευθερώνεται όταν αντικαταστήσετε την εικόνα ή φύγετε από τη σελίδα.

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

Γιατί μια εικόνα μπορεί να επιστρέψει λιγότερα χρώματα

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

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

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

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

Μεταφορτώστε, σύρετε ή επικολλήστε μια εικόνα. Το εργαλείο ομαδοποιεί τα ορατά κυρίαρχα χρώματα σε παλέτα 3, 5 ή 8 χρωμάτων.

Τι είναι ο εξαγωγέας παλέτας εικόνας;

Είναι εργαλείο που συνοψίζει τα κυρίαρχα ορατά χρώματα μιας ολόκληρης εικόνας σε μικρότερη, αντιπροσωπευτική παλέτα.

Μπορώ να αντιγράψω HEX, RGB ή μεταβλητές CSS;

Ναι. Αντιγράψτε κάθε τιμή HEX ή RGB, όλες τις τιμές HEX ανά γραμμή ή ολόκληρη την παλέτα ως μεταβλητές CSS.

Η εικόνα μου μεταφορτώνεται ή αποθηκεύεται;

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

Γιατί η παλέτα είναι μικρότερη από το επιλεγμένο μέγεθος;

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