Γεννήτρια Χρωματικού Σχήματος

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

Πώς λειτουργεί το Γεννήτρια Χρωματικού Σχήματος

Το Color Scheme Generator χτίζει πλήρεις παλέτες χρωμάτων από ένα μόνο βασικό χρώμα που επιλέγετε: συμπληρωματική (αντίθετη στον τροχό απόχρωσης), ανάλογη (γειτονικές αποχρώσεις), τριαδική (τρεις ισαπέχουσες), τετραδική (τέσσερις αποχρώσεις σε δύο συμπληρωματικά ζεύγη) και μονοχρωματική (μεταβαλλόμενη φωτεινότητα και κορεσμός της ίδιας απόχρωσης). Όλη η λογική παλέτας τρέχει στο πρόγραμμα περιήγησης, τίποτα από όσα εισάγετε δεν φεύγει από τη συσκευή σας.

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

Συγγραφή από Bastien Sulyan

Γεννήτρια Χρωματικού Σχήματος: οδηγός βήμα προς βήμα

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

Συνήθεις περιπτώσεις χρήσης

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

Συχνές ερωτήσεις

Πώς λειτουργεί η συμπληρωματική παλέτα;

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

Ποια είναι η διαφορά μεταξύ τριαδικών και τετραδικών παλετών;

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

Αποθηκεύονται ή στέλνονται κάπου τα χρώματα που επιλέγω;

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

Μπορώ να εξαγάγω την παλέτα ως αρχείο CSS ή αρχείο διακριτικών σχεδίασης;

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

Ακολουθεί αυτός ο γεννήτορας κάποιο επίσημο πρότυπο θεωρίας χρώματος;

Οι υπολογισμοί παλέτας χρησιμοποιούν τυπικές φόρμουλες περιστροφής απόχρωσης στον χρωματικό χώρο HSL, που είναι η σύμβαση στα περισσότερα εργαλεία σχεδίασης ιστού. Η ακριβής αντιληπτική ομοιομορφία του HSL έχει περιορισμούς σε σύγκριση με το LAB ή το OKLCH, αλλά οι περιστροφές HSL παράγουν παλέτες που ταιριάζουν με τις συμβάσεις του τροχού χρώματος που τυπικά περιμένουν οι σχεδιαστές.

Σχετικά εργαλεία

Κρατήστε τα πάντα τοπικά, εξερευνήστε συμπληρωματικά εργαλεία.

Όλα τα εργαλεία για προγραμματιστές