CodeKitHubΤι είναι αυτό το εργαλείο;
Το μέσο χρώμα είναι ο αριθμητικός μέσος όρος της κόκκινης, πράσινης και μπλε τιμής κάθε pixel — ένα ενιαίο αναμεμειγμένο χρώμα που αντιπροσωπεύει τον συνολικό τόνο της εικόνας, αλλά μπορεί να φαίνεται θολό αν η εικόνα έχει πολύ διαφορετικές έγχρωμες περιοχές.
Τα κυρίαρχα χρώματα είναι διαφορετικά: αυτό το εργαλείο ομαδοποιεί παρόμοια χρώματα pixel σε κάδους (κβαντίζοντας κάθε κανάλι RGB), μετρά πόσα pixel εμπίπτουν σε κάθε κάδο και επιστρέφει τα πιο συνηθισμένα ως διακριτά δείγματα — πιο κοντά σε αυτό που ένας άνθρωπος θα αποκαλούσε "τα κύρια χρώματα αυτής της εικόνας" από ένα ενιαίο μέσο ανάμειγμα.
Γιατί να το χρησιμοποιήσετε;
- Λάβετε τόσο το μέσο χρώμα όσο και μια πραγματική πολύχρωμη παλέτα από ένα μόνο ανέβασμα, όχι απλώς έναν αριθμό.
- Εξάγετε μια χρησιμοποιήσιμη παλέτα χρωμάτων από μια φωτογραφία, στιγμιότυπο οθόνης ή λογότυπο για ένα έργο σχεδιασμού.
- Κάντε κλικ σε οποιοδήποτε δείγμα για να αντιγράψετε τον ακριβή κωδικό HEX του άμεσα.
- Εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — η εικόνα διαβάζεται τοπικά μέσω canvas και δεν ανεβαίνει ποτέ πουθενά.
- Δωρεάν, άμεσο, χωρίς λογαριασμό, χωρίς περιορισμούς μεγέθους αρχείου πέρα από τα όρια του ίδιου του προγράμματος περιήγησής σας.
Πώς χρησιμοποιείται
- Κάντε κλικ στο κουμπί ανεβάσματος και επιλέξτε μια εικόνα από τη συσκευή σας.
- Το μέσο χρώμα και η παλέτα κυρίαρχων χρωμάτων εμφανίζονται αυτόματα — δεν χρειάζεται επιπλέον κουμπί.
- Κάντε κλικ σε οποιοδήποτε δείγμα (το μέσο χρώμα ή οποιοδήποτε χρώμα παλέτας) για να αντιγράψετε τον κωδικό HEX του.
Παράδειγμα
Είσοδος
Μια φωτογραφία ενός ηλιοβασιλέματος με πορτοκαλί ουρανό και σκούρες μπλε σιλουέτεςΈξοδος
Μέσο χρώμα: μια απαλή καφεπορτοκαλί ανάμειξη · Κυρίαρχα χρώματα: έντονο πορτοκαλί, βαθύ κόκκινο, σχεδόν μαύρο, ανοιχτό κίτρινο (ως ξεχωριστά διακριτά δείγματα)Αυτή είναι ακριβώς η περίπτωση όπου το μέσο και τα κυρίαρχα χρώματα αποκλίνουν περισσότερο — το μέσο αναμειγνύει θερμούς και ψυχρούς τόνους σε λάσπη, ενώ η κυρίαρχη παλέτα τα διατηρεί ως αναγνωρίσιμα ξεχωριστά χρώματα.
Συχνές ερωτήσεις
Γιατί το μέσο χρώμα είναι τόσο διαφορετικό από οποιοδήποτε χρώμα υπάρχει πραγματικά στην εικόνα;
Ο μέσος όρος αναμειγνύει κάθε pixel μαθηματικά — αν μια εικόνα έχει τόσο έντονες πορτοκαλί όσο και σκούρες μπλε περιοχές, ο μέσος όρος καταλήγει κάπου σε ένα θολό καφέ, ένα χρώμα που μπορεί να μην υπάρχει οπτικά πουθενά στην αρχική φωτογραφία. Αυτή είναι η αναμενόμενη συμπεριφορά για έναν πραγματικό μέσο όρο, όχι σφάλμα· χρησιμοποιήστε αντ' αυτού την παλέτα κυρίαρχων χρωμάτων αν θέλετε χρώματα που εμφανίζονται πράγματι στην εικόνα.
Ανεβαίνει η εικόνα μου σε έναν διακομιστή;
Όχι. Η εικόνα διαβάζεται απευθείας από το πρόγραμμα περιήγησής σας χρησιμοποιώντας το Canvas API, και όλη η ανάλυση χρώματος γίνεται τοπικά σε JavaScript. Τίποτα δεν αποστέλλεται ποτέ μέσω δικτύου.
Πόσα κυρίαρχα χρώματα επιστρέφει;
Έως 8, ταξινομημένα ανάλογα με το πόσα pixel ταιριάζουν σε κάθε κάδο χρώματος, με το πιο συνηθισμένο πρώτο. Αν η εικόνα είναι πολύ ομοιόμορφη σε χρώμα, μπορεί να δείτε λιγότερους από 8 διακριτούς κάδους.
Μετράει τα διαφανή pixel σε ένα PNG;
Όχι — τα pixel με λιγότερο από 50% αδιαφάνεια εξαιρούνται τόσο από τον υπολογισμό του μέσου όρου όσο και από αυτόν των κυρίαρχων χρωμάτων, ώστε ένα διαφανές φόντο να μην αλλοιώνει τα αποτελέσματα προς όποιο χρώμα φαίνεται μέσα από αυτό.