Το Image Color Extractor αναλύει οποιοδήποτε αρχείο εικόνας (drop, επικόλληση ή κλικ για φόρτωση) και επιστρέφει έως και 16 κυρίαρχα χρώματα με ποσοστά βαρύτητας. Χρησιμοποιεί δειγματοληψία pixel εντός του browser και quantization σε buckets — χωρίς μεταφόρτωση, χωρίς επικοινωνία με server. Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε το hex του, ή Copy All για ολόκληρη την παλέτα.
Οι designers και οι προγραμματιστές χρειάζεται συνεχώς να εξάγουν χρώματα από εικόνες — να αντλούν χρώματα brand από ένα λογότυπο, να χτίζουν μια παλέτα από μια φωτογραφία, να ταιριάζουν το UI με ένα εικαστικό αναφοράς. Το Image Color Extractor τα κάνει όλα αυτά εντός του browser, χωρίς μεταφόρτωση. Κάντε drop, επικόλληση ή κλικ για να φορτώσετε μια εικόνα (PNG, JPG, SVG, WebP, GIF). Το εργαλείο σχεδιάζει μια μικρότερη έκδοση σε ένα canvas, δειγματίζει κάθε 4ο pixel, τα ομαδοποιεί σε έναν μειωμένο χρωματικό χώρο (5-bit ανά κανάλι, ~32K buckets), υπολογίζει τον μέσο όρο του πραγματικού RGB κάθε bucket και στη συνέχεια επιλέγει τα top-N πιο πολυπληθή buckets, ενώ συγχωνεύει σχεδόν όμοια χρώματα (εντός απόστασης Manhattan 24 στο RGB). Το αποτέλεσμα είναι μια καθαρή, αντιπροσωπευτική παλέτα που αντικατοπτρίζει την πραγματική οπτική σύνθεση — όχι απλώς τα χρώματα με την πιο ακριβή αντιστοιχία pixel. Ένα slider αριθμού (3–16) σας επιτρέπει να ρυθμίζετε το μέγεθος της παλέτας ανάλογα με τις ανάγκες σας. Κάθε δείγμα χρώματος δείχνει την τιμή hex και το ποσοστό των pixel· κάντε κλικ για να αντιγράψετε μεμονωμένα, ή Copy All για να τα πάρετε όλα μαζί.
Φορτώνει οποιαδήποτε κοινή μορφή εικόνας και παράγει μια παλέτα κυρίαρχων χρωμάτων σε λιγότερο από ένα δευτερόλεπτο, ακόμη και για μεγάλες εικόνες.
Κάθε εξαγόμενο χρώμα δείχνει το ποσοστό της επιφάνειας της εικόνας που καταλαμβάνει — δείτε με μια ματιά ποια είναι κυρίαρχα και ποια αποτελούν λεπτομέρειες.
Slider για επιλογή 3–16 χρωμάτων. Μικρές παλέτες για δουλειά brand, μεγαλύτερες για φωτογραφικές αναφορές.
Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε το hex του. Ή Copy All για να πάρετε ολόκληρη την παλέτα ως λίστα με αλλαγή γραμμής, έτοιμη για μαζική χρήση.
Χωρίς μεταφόρτωση, χωρίς κλήση σε server, καμία εικόνα δεν φεύγει από τον υπολογιστή σας. Ασφαλές για ιδιωτικά mockups, μη κυκλοφορημένα assets ή ευαίσθητο εικαστικό υλικό.
PNG, JPG, SVG, WebP, GIF, ICO — όλες υποστηρίζονται μέσω τυπικής αποκωδικοποίησης canvas. Τα διαφανή pixel παραλείπονται αυτόματα.
Κάντε drop ένα λογότυπο, εξάγετε τα ακριβή χρώματα που χρησιμοποιούνται και αντιγράψτε τα στις μεταβλητές CSS του brand-kit σας ή στο design system.
Δώστε μια φωτογραφία τοπίου στο εργαλείο για να πάρετε μια παλέτα 5 χρωμάτων που αποτυπώνει τη διάθεσή της — χρήσιμο για art direction ή δημιουργία θεμάτων.
Πάρτε ένα στιγμιότυπο οθόνης ενός UI αναφοράς, εξάγετε την παλέτα και χρησιμοποιήστε αυτά τα χρώματα στο δικό σας mockup για να ταιριάξετε το οπτικό αίσθημα.
Όταν ένας πελάτης στέλνει μία μόνο εικόνα ως κατεύθυνση branding, εξάγετε 8-10 χρώματα για να προτείνετε μια αρχική παλέτα πιστή στην αναφορά.
Πάρτε τα δύο πιο κυρίαρχα χρώματα από μια εικόνα για να φτιάξετε ένα gradient φόντου που συμπληρώνει το asset στο προσκήνιο.
Κάντε κλικ στο εικονίδιο Image Colors στο dock του DevSuite Pro. Ανοίγει ένα panel με μια ζώνη drop και ρυθμίσεις.
Σύρετε ένα αρχείο μέσα, επικολλήστε από το clipboard (Ctrl+V), ή κάντε κλικ για να ανοίξετε τον επιλογέα αρχείων. Το εργαλείο φορτώνει και δειγματίζει τα pixel αυτόματα.
Χρησιμοποιήστε το slider για να επιλέξετε πόσα χρώματα θα εξαχθούν (3–16). Η παλέτα ανανεώνεται άμεσα καθώς σύρετε.
Κάθε δείγμα χρώματος δείχνει τον κωδικό hex και το ποσοστό της επιφάνειας της εικόνας. Αναζητήστε τα κυρίαρχα χρώματα — θα έχουν τα υψηλότερα ποσοστά.
Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε το hex του, ή χρησιμοποιήστε Copy All για να πάρετε ολόκληρη την παλέτα ως λίστα για χρήση στο εργαλείο σχεδίασής σας ή στο CSS.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 64+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
