Δημιουργία ατελείωτων χρωμάτων παλέτες με KHROMA

Sep 15, 2025

πως να

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

3 τεράστιες έγχρωμες τάσεις για το 2018

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

Επιλέξτε ένα χρώμα, οποιοδήποτε χρώμα

The Khroma training screen with the chosen colour bar up top — Η οθόνη κατάρτισης Khroma με την επιλεγμένη μπάρα χρώματος μέχρι την κορυφή

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

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

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

Για να ξεκινήσετε την κατάρτιση της γεννήτριας Khroma, μεταβείτε στο Khroma.co και κάντε κλικ στην επιλογή Εξατομικεύστε. Θα δείτε κάποια εντολή και ένα άπειρο τοίχο κύλισης των χρωμάτων. Ένα κλικ σε ένα από αυτά τα μπλοκ θα το προσθέσει στην επιλεγμένη μπάρα χρώματος και το άλλο θα το αφαιρέσει. Ο καλύτερος τρόπος για να προχωρήσετε είναι να μετακινηθείτε και να επιλέξετε οποιοδήποτε χρώμα που πηδάει ως κάτι που μπορεί να θέλετε να χρησιμοποιήσετε σε ένα σχέδιο. Αυτό λειτουργεί καλά για τα πρώτα 30 χρώματα.

Ώρα να βελτιώσω

Σε αυτό το σημείο θα θέλετε να κοιτάξετε προς τα πάνω στο επιλεγμένο χρώμα μπαρ και να δείτε πώς διαμορφώνεται. Εάν αυτό ήταν τα χρώματα του εγγράφου σας στο σκίτσο, θα είχατε όλα όσα χρειάζεστε; Τα επόμενα 20 χρώματα από εδώ πρέπει να είναι για τη βελτίωση. Καθώς προχωράτε σε μια μικρή εργαλειοθήκη θα εμφανιστεί με μερικές προτάσεις, π.χ. 'picking λίγο πιο ματζέντα, κίτρινο και ανοιχτά χρώματα θα βελτιώσει τα αποτελέσματά σας'. Σας συνιστώ να προσπαθήσετε να κολλήσετε σε αυτά, αλλά μην φοβάστε να συνεχίσετε να παίρνετε νέα χρώματα. Από εδώ θα πρέπει να επιλέξετε 10 ακόμη, φέρνοντας το σύνολο σε 40.

Κοιτάξτε ξανά στο μπαρ. Βλέπετε χρώματα που είναι ουσιαστικά τα ίδια; Δεν είναι ασυνήθιστο να επιλέξετε τα ίδια χρώματα περισσότερες από μία φορές από τη στιγμή, καλά, σας αρέσουν. Αλλά αυτό δεν θα είναι χρήσιμο για τον αλγόριθμο σας.

Είχα έναν φίλο να δοκιμάσει ένα πρώιμο πρωτότυπο και μου είπε τα αποτελέσματά του δεν ήταν πολύ καλά. "Είναι κυρίως μπλε," είπε. "Έκαναν κυρίως μπλε στην εκπαίδευσή σας;" Απάντησα. "Ναι, μου αρέσει πολύ το μπλε."

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

Πετάξτε σε κάποια μπαλαντέρ

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

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

Η εκπαίδευση πρέπει να διαρκέσει περίπου τρία λεπτά. Μπορείτε να περιμένετε την ακρίβεια να φτάσει τα υψηλά 90s. Αυτό αντιπροσωπεύει ουσιαστικά πόσο καλά ο αλγόριθμος μπορεί να αναγνωρίσει τα χρώματα σας. Μπορείτε πραγματικά να πάτε πίσω και να επεξεργαστείτε τα χρώματα εκπαίδευσης αργότερα αν θέλετε να δοκιμάσετε κάποια tweaks.

Δημιουργήστε τη συλλογή σας

Όταν τελειώσει η διαδικασία κατάρτισης, θα πέσετε στη γεννήτρια. Θα παρουσιαστεί με ένα άπειρο πλέγμα κύλισης χρωμάτων στο πρότυπο τύπου. Κάθε combo διαθέτει ένα πάνελ πληροφοριών, μπορείτε να ανοίξετε για να δείτε λεπτομέρειες όπως το όνομα, τις τιμές Hex και RGB, καθώς και μια αναλογία προσβασιμότητας WCAG. Με το εικονίδιο της καρδιάς στην επάνω δεξιά πλευρά, μπορείτε να αρχίσετε να δημιουργείτε μια συλλογή από τα αγαπημένα σας.

Βρείτε το σωστό combo

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — Κάνοντας μια παλέτα αναζήτηση με # 8BD2CA και # 32514E. Εάν δεν βλέπετε τίποτα που σας αρέσει, δοκιμάστε να αναδιατάξετε τα χρώματα στη γραμμή αναζήτησης

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

Υπάρχουν διαφορετικές παραμέτρους που μπορείτε να αναζητήσετε: τύπος, απόχρωση, όνομα, hex και rgb. Οι τύποι περιλαμβάνουν σκούρο, φως, παστέλ, χλωμό, βαθιά, σίγαση, πλούσιο, φωτεινό και νέον. Οι αποχρώσεις είναι ζεστές, δροσερό, κόκκινο, πορτοκαλί, κίτρινο, πράσινο, κυανό, μπλε, βιολετί, μοβ και ματζέντα. Υπάρχουν 1.566 συγκεκριμένα χρώματα που μπορείτε να αναζητήσετε με ονόματα όπως το «Royal Blue» και τον «καφέ». Τέλος, δέχεται τιμές Hex και RGB.

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

Για παράδειγμα, αν αναζητάτε το 'Bright', θα λάβετε ένα χρώμα υψηλού κορεσμού και ένα τυχαίο ζευγάρι με αυτό. Εάν αναζητάτε "φωτεινό και μπλε", θα λάβετε αυτά τα φωτεινά χρώματα και ένα τυχαίο μπλε στη δεύτερη υποδοχή. Μπορείτε επίσης να αλλάξετε τον τύπο αλυσίδας και τους όρους απόχρωσης, όπως το «φωτεινό μπλε» και το «ανοιχτό κίτρινο», για παράδειγμα.

The details of each pair of colours. Everything can be copied with just a click for quick usage — Τις λεπτομέρειες κάθε ζεύγους χρωμάτων. Όλα μπορούν να αντιγραφούν με ένα κλικ για γρήγορη χρήση

Μια μεγάλη χρήση περιπτώσεων όπου η αναζήτηση είναι ιδιαίτερα χρήσιμη είναι όταν έχετε δύο χρώματα που σας αρέσει και θέλετε να βρείτε συμπληρώματα σε αυτούς. Θα εισαγάγετε μόνο αυτά τα ακριβή χρώματα (# 8BD2CA και # 32514E) και αναζητήστε κάτω από το πρότυπο παλέτας.

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

Κάθε χρώμα Khroma δημιουργεί τρέχει μέσα από τον αλγόριθμο και παίρνει ένα ποσοστό (πόσο πιθανό πιστεύει ότι θα σας αρέσει το χρώμα) σε απάντηση. Εάν το ποσοστό αυτό είναι κάτω από τη μεροληψία, θα ρίξει έξω και η διαδικασία επαναλαμβάνεται.

Στην περίπτωση ενός ερωτήματος αναζήτησης εμβέλειας, η προκατάληψη μειώνεται αυτόματα μέχρι να περάσει τη δοκιμή κατωφλίου. Εάν είναι εντελώς έξω από το εύρος σας (όπως το σκούρο καφέ μας από νωρίτερα), τότε θα το μετατρέψει αυτόματα στο 0. Με αυτόν τον τρόπο, κάθε χρώμα που παίρνετε στο Khroma προεπιλογές στη συγγένεια σας, αλλά είναι σε θέση να προσαρμοστεί έτσι ώστε να μην περιορίζεται μόνο σε αυτά τα χρώματα.

Προσαρμοσμένες εικόνες

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Τα πέντε πρότυπα του Khroma - μπορείτε να δείτε την παλέτα προσθέτοντας ένα ζευγάρι περισσότερο χρώματα στο μείγμα

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

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

Ελπίζω να δώσετε το Khroma μια δοκιμάστε και να το βρείτε μια χρήσιμη και ισχυρή προσθήκη στο σχεδιασμό σας Toolkit.

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

Σχετικά Άρθρα:

5 συμβουλές για την κατανόηση της θεωρίας των χρώματος
Τα καλύτερα εργαλεία χρώματος για τους σχεδιαστές ιστοσελίδων
7 συμβουλές για τη διαχείριση του χρώματος καλύτερα στον ιστό

Δημιουργία ατελείωτων χρωμάτων παλέτες με KHROMA

Επιλέξτε ένα χρώμα, οποιοδήποτε χρώμα

Ώρα να βελτιώσω

Πετάξτε σε κάποια μπαλαντέρ

Δημιουργήστε τη συλλογή σας

Βρείτε το σωστό combo

Προσαρμοσμένες εικόνες

πως να - Τα πιο δημοφιλή άρθρα

Χρησιμοποιήστε το Adobe XD για τη δημιουργία μικρο-αλληλεπιδράσεις

Δημιουργία χρωματικής εκτροπής

Δημιουργήστε ένα μενού ολίσθησης

Εισαγωγή στις προσαρμοσμένες ιδιότητες CSS

Πώς να τοποθετήσετε το έργο τέχνης

Γλυπτική ρεαλιστική ανατομία σε ZBrush

Πώς να δημιουργήσετε ψηφιακά στοιχεία ενεργητικού

Δημιουργήστε ένα γούνινο 3D χαρακτήρα από το μηδέν

Κατηγορίες