Σχετικά με αυτό το εργαλείο
Η εξαγωγή παλέτας χρωμάτων αναλύει μια εικόνα και προσδιορίζει τα κυρίαρχα ή αντιπροσωπευτικά χρώματα. Το αποτέλεσμα είναι ένα μικρό σύνολο χρωμάτων — συνήθως 5-8 — που αποτυπώνουν τον οπτικό χαρακτήρα της εικόνας. Οι σχεδιαστές χρησιμοποιούν εξαγόμενες παλέτες για να συντονίσουν άλλα στοιχεία σχεδίασης (χρώματα διεπαφής χρήστη που συμπληρώνουν μια εικόνα ήρωα, παλέτες επωνυμίας που προέρχονται από φωτογραφία, χρωματικά σχέδια που ταιριάζουν με μια εικόνα διάθεσης).
Η εξαγωγή χρησιμοποιεί αλγόριθμους ομαδοποίησης (k-means ή παρόμοιο) για να ομαδοποιήσει όλα τα pixel της εικόνας στον απαιτούμενο αριθμό συστάδων χρωμάτων. Το κέντρο κάθε συμπλέγματος γίνεται ένα χρώμα παλέτας. Τα μεγαλύτερα συμπλέγματα αντιπροσωπεύουν κυρίαρχα χρώματα. Ο αλγόριθμος μπορεί επίσης να σταθμίσει την οπτική σημασία (κορεσμός, αντίθεση) αντί για τον αριθμό των ακατέργαστων pixel σε εντυπωσιακά χρώματα έμφασης στην επιφάνεια.
Αυτό το εργαλείο εκτελείται στο πρόγραμμα περιήγησής σας χρησιμοποιώντας JavaScript. Η εικόνα αποκωδικοποιείται σε δεδομένα pixel, γίνεται δειγματοληψία για μείωση του υπολογισμού και ομαδοποιείται. Η έξοδος είναι η παλέτα με δεκαεξαδικούς κωδικούς, τιμές RGB και αναλογικές γραμμές που δείχνουν την επικράτηση κάθε χρώματος στην εικόνα.
Γιατί να εξάγετε χρωματικές παλέτες
Ο σχεδιασμός κομματιών που συντονίζονται με τις υπάρχουσες εικόνες είναι πολύ πιο γρήγορος με εξαγόμενες παλέτες παρά η επιλογή χρωμάτων με το μάτι. Οι σχεδιαστές ιστού που δημιουργούν σελίδες προορισμού γύρω από εικόνες ηρώων, οι έμποροι που παράγουν στοιχεία που ταιριάζουν με μια φωτογραφία βασικού προϊόντος και οι σχεδιαστές επωνυμιών που αναλύουν εικόνες ανταγωνιστών επωφελούνται από την αλγοριθμική εξαγωγή παλέτας.
Οι παλέτες υποστηρίζουν επίσης τη διαχείριση περιεχομένου. Η κατηγοριοποίηση εικόνων με βάση το κυρίαρχο χρώμα σάς επιτρέπει να δημιουργήσετε διεπαφές όπου οι χρήστες περιηγούνται σε φωτογραφίες, προϊόντα ή σχέδια κατά χρώμα. Η κατασκευή ενός τέτοιου συστήματος απαιτεί συστηματική εξαγωγή παλετών, κάτι που επιτρέπει η εξαγωγή μέσω προγραμματισμού.
Τεχνικές λεπτομέρειες
K-means επαναλήψεις ομαδοποίησης: αντιστοιχίστε κάθε εικονοστοιχείο στο πλησιέστερο κέντρο συμπλέγματος, υπολογίστε ξανά τα κέντρα ως μέσο όρο των εκχωρημένων εικονοστοιχείων, επαναλάβετε μέχρι τη σύγκλιση. Η εκτέλεση σε εικόνες πλήρους ανάλυσης είναι αργή. η δειγματοληψία (λαμβάνοντας κάθε Νοτο pixel) επιταχύνεται με ελάχιστη απώλεια ποιότητας.
Ο χρωματικός χώρος έχει σημασία. Η ομαδοποίηση σε RGB παράγει παλέτες σταθμισμένες με την απόσταση RGB, η οποία δεν ταιριάζει με την αντιληπτική απόσταση. Η ομαδοποίηση σε LAB ή HSV παράγει πιο αντιληπτικά ευθυγραμμισμένες παλέτες — χρώματα που μοιάζουν να ομαδοποιούνται πιο αξιόπιστα.
Έξοδος: εξαγωνικοί κωδικοί για κάθε κέντρο συμπλέγματος, συν το ποσοστό των εικονοστοιχείων εικόνας σε κάθε σύμπλεγμα. Το ποσοστό αντιπροσωπεύει τον οπτικό επιπολασμό. το μεγαλύτερο σύμπλεγμα είναι το πιο κυρίαρχο χρώμα.
Συχνές ερωτήσεις
- Πόσα χρώματα εξάγονται;
- Το εργαλείο εξάγει συνήθως 5-8 κυρίαρχα χρώματα, ανάλογα με την πολυπλοκότητα της εικόνας. Οι απλές εικόνες με λίγα χρώματα παράγουν λιγότερα, πιο ευδιάκριτα δείγματα. Οι σύνθετες φωτογραφίες παράγουν ένα ευρύτερο φάσμα.
- Πώς λειτουργεί ο αλγόριθμος εξαγωγής;
- Το εργαλείο χρησιμοποιεί κβαντισμό χρωμάτων (διάμεση περικοπή ή ομαδοποίηση k-means) για να ομαδοποιήσει παρόμοια εικονοστοιχεία και να εντοπίσει τα πιο αντιπροσωπευτικά χρώματα. Αυτό παράγει χρώματα με οπτική σημασία και όχι τις πιο συνηθισμένες τιμές ενός εικονοστοιχείου.
- Μπορώ να χρησιμοποιήσω εξαγόμενα χρώματα για την επωνυμία μου;
- Ναι. Αυτή είναι μια δημοφιλής τεχνική για την εξαγωγή παλετών επωνυμίας από πίνακες διάθεσης, φωτογραφίες ή εικόνες προϊόντων. Οι εξαγόμενοι εξαγωνικοί κώδικες μπορούν να χρησιμοποιηθούν απευθείας σε CSS, εργαλεία σχεδίασης ή οδηγίες επωνυμίας.
- Γιατί τα εξαγόμενα χρώματα δεν ταιριάζουν ακριβώς με αυτό που βλέπω;
- Η εξαγωγή χρώματος ομαδοποιεί παρόμοια εικονοστοιχεία μαζί. Μια κλίση που μοιάζει με ένα χρώμα στο μάτι μπορεί να υπολογιστεί κατά μέσο όρο σε μια ελαφρώς διαφορετική απόχρωση. Επίσης, η βαθμονόμηση της οθόνης επηρεάζει τον τρόπο εμφάνισης των χρωμάτων στην οθόνη.
- Τι μορφή είναι η έξοδος;
- Εξαγωνιστικοί κωδικοί από προεπιλογή. Τα περισσότερα εργαλεία εξάγουν επίσης τιμές RGB, HSL και άλλες τιμές χρωματικού χώρου. Οι προσαρμοσμένες ιδιότητες CSS ή η έξοδος JSON είναι χρήσιμα για χρήση μέσω προγραμματισμού.
- Η εικόνα μου μεταφορτώνεται σε διακομιστή;
- Όχι. Η εξαγωγή γίνεται στο πρόγραμμα περιήγησής σας.
- Θα ταιριάζει η παλέτα με την ταυτότητα της επωνυμίας;
- Η αλγοριθμική εξαγωγή είναι περιγραφική, όχι ρυθμιστική. Η έξοδος περιγράφει την εικόνα. η μάρκα μπορεί να έχει μια σχετική αλλά διαφορετική παλέτα. Χρησιμοποιήστε την εξαγωγή ως σημείο εκκίνησης και, στη συνέχεια, βελτιώστε την ευθυγράμμιση της επωνυμίας.
- Μπορώ να εξαγάγω από ένα βίντεο;
- Εξαγωγή ενός πλαισίου μόνο με αυτό το εργαλείο. Για εξαγωγή παλέτας βίντεο, δείγμα καρέ και εξαγωγή από το καθένα και, στη συνέχεια, συγκεντρώστε.