Πώς να επιλέξετε χρώματα εικόνας και να δημιουργήσετε μια παλέτα.

Ανοίξτε το Image Color Picker και ανεβάστε μία υποστηριζόμενη εικόνα ή δοκιμάστε το δείγμα. Η αυτόματη εξαγωγή ανεβάζει την πηγή στον διακομιστή. Το δείγμα σε αυτόν τον οδηγό είναι collage-botanical.jpg, μια φωτογραφία 1200 x 900 με λουλούδια, φύλλα και φόντο στο χρώμα του ροδάκινου.

Αφήστε το Colors to extract στο 6 και επιλέξτε Dominant για το παράδειγμα. Το Dominant ευνοεί τα κύρια χρώματα της εικόνας, ενώ το Vibrant δίνει μεγαλύτερη έμφαση στα έντονα χρώματα. Ένα αίτημα μπορεί να χρησιμοποιήσει 3 έως 12 χρώματα· μια εικόνα με λιγότερες διακριτές ορατές ομάδες μπορεί να επιστρέψει λιγότερα.

Το πραγματικό αποτέλεσμα Dominant περιέχει #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Η μεγαλύτερη ομάδα είναι η #E3B49F σε περίπου 28.88% των δειγματοληπτικών ορατών pixel. Η εξαγωγή χρησιμοποίησε δείγμα 512 x 384· αυτά τα ποσοστά δεν αποτελούν ακριβή απογραφή της εικόνας πλήρους ανάλυσης.

Κάντε κλικ ή πατήστε στην εικόνα για να επιθεωρήσετε ένα pixel με τον μεγεθυντικό φακό. Εστιάστε την εικόνα και χρησιμοποιήστε τα βέλη για να μετακινηθείτε κατά ένα pixel, Shift συν ένα βέλος για να μετακινηθείτε κατά δέκα, και μετά Enter για επιλογή. Αντιγράψτε HEX, RGB ή HSL με το αντίστοιχο κουμπί αντιγραφής ή χρησιμοποιήστε το Add to palette.

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

Η δειγματοληψία και η διαφάνεια προσφέρουν Χρώμα πηγής και Σύνθεση πάνω από φόντο. Το Χρώμα πηγής περιλαμβάνει αδιαφάνεια στους αντιγραμμένους κωδικούς όταν είναι σχετικό· η Σύνθεση δείχνει το pixel αναμεμειγμένο πάνω από το επιλεγμένο φόντο Δείγματος. Τα ίδια τα δείγματα της παλέτας είναι αδιαφανείς τιμές RGB. Τα επεξεργασμένα και επιλεγμένα χρώματα δεν έχουν εκτιμώμενο ποσοστό πηγής.

Ανοίξτε τον Έλεγχο χρωματικής αντίθεσης. Ορίστε το Κείμενο και το Φόντο με τα στοιχεία ελέγχου χρώματος, εισαγάγετε κωδικούς HEX, ή χρησιμοποιήστε το επιλεγμένο χρώμα για οποιαδήποτε πλευρά. Το ζωντανό δείγμα κειμένου σάς επιτρέπει να συγκρίνετε το ζεύγος και ο λόγος συνοδεύεται από ξεχωριστά αποτελέσματα Κανονικό AA, Κανονικό AAA, Μεγάλο AA και Μεγάλο AAA.

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

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

Για μια γρήγορη παράδοση, αντιγράψτε έναν μεμονωμένο κωδικό ή χρησιμοποιήστε την Αντιγραφή χρωμάτων παλέτας HEX. Για ένα αρχείο, επιλέξτε Αποθήκευση ως και επιλέξτε Έναρξη. Το PNG δημιουργεί μια εικόνα παλέτας με ετικέτες· το SVG διατηρεί τα δείγματα και τις ετικέτες ως διανυσματικό περιεχόμενο· το CSS παρέχει αριθμημένες μεταβλητές χρωμάτων· το JSON περιέχει τιμές HEX, RGB και HSL.

Το μη επεξεργασμένο παράδειγμα έξι χρωμάτων εξάγει palette.png σε 600 x 500 pixel και 9,163 bytes. Η σειρά των δειγμάτων του ταιριάζει με την παλέτα. Η τελική σας παλέτα μπορεί να περιέχει από 1 έως 12 χρώματα μετά την επεξεργασία, ακόμη και όταν ο αυτόματος αρχικός αριθμός ήταν διαφορετικός.

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