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

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

1. Αφήστε μια εικόνα στην περιοχή μεταφόρτωσης ή κάντε κλικ σε αυτήν για να επιλέξετε αρχείο. Λειτουργούν τα JPG, PNG, WebP, GIF και κάθε άλλη μορφή που μπορεί να εμφανίσει το πρόγραμμα περιήγησής σας.
2. Το εργαλείο αναλύει αμέσως την εικόνα και δείχνει τα Κυρίαρχα χρώματα, ταξινομημένα από το πιο παρόν στο λιγότερο παρόν.
3. Ρυθμίστε τον Αριθμός χρωμάτων (3 έως 12) για πιο ευρεία ή πιο σφιχτή παλέτα. Αποεπιλέξτε το Αγνόηση λευκών και σχεδόν λευκών εικονοστοιχείων αν το λευκό είναι σημαντικό χρώμα της εικόνας σας, για παράδειγμα ένα λευκό προϊόν ή το χιόνι.
4. Αντιγράψτε ένα χρώμα με το κουμπί Αντιγραφή κάτω από το δείγμα του ή διαλέξτε μορφή στο Εξαγωγή ως (Λίστα HEX, Μεταβλητές CSS, Μεταβλητές SCSS, Πίνακας JSON ή Χρώματα Tailwind) και πατήστε Αντιγραφή ή Λήψη για ολόκληρη την παλέτα. Το Εξαγωγή χρωμάτων εκτελεί ξανά την ανάλυση.

Η εικόνα σας διαβάζεται τοπικά από το πρόγραμμα περιήγησής σας. Δεν μεταφορτώνεται ποτέ σε διακομιστή.

Πώς βρίσκονται τα κυρίαρχα χρώματα

Η εικόνα σχεδιάζεται πρώτα σε ένα αόρατο canvas, μειωμένη ώστε η μεγαλύτερη πλευρά της να είναι το πολύ 512 εικονοστοιχεία. Αυτό κρατά την ανάλυση γρήγορη χωρίς να αλλάζει τα συνολικά χρώματα. Τα εικονοστοιχεία ομαδοποιούνται στη συνέχεια με αλγόριθμο κβαντισμού (τροποποιημένη τεχνική median cut, από τη βιβλιοθήκη ανοιχτού κώδικα Color Thief) που εργάζεται στον χρωματικό χώρο OKLCH, ώστε τα χρώματα που μοιάζουν στο μάτι να καταλήγουν στην ίδια ομάδα.

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

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

Ιδέες για χρήση μιας παλέτας εικόνας

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

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