Το να μαντεύετε ποια χρώματα ταιριάζουν χάνει πολύτιμο χρόνο σχεδιασμού. Αυτός ο δημιουργός εφαρμόζει τις κλασικές αρμονίες του χρωματικού κύκλου - τις ίδιες σχέσεις απόχρωσης που διδάσκονται στη θεωρία χρώματος - ώστε κάθε παλέτα να είναι μαθηματικά συντονισμένη και όχι απλώς εκτίμηση με το μάτι. Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε τον κωδικό hex του, ή αντιγράψτε ολόκληρη την παλέτα ως έτοιμες προς επικόλληση custom properties CSS. Είναι εξ ολοκλήρου client-side: χωρίς λογαριασμό, χωρίς μεταφόρτωση, χωρίς παρακολούθηση των χρωμάτων της επωνυμίας σας.
Δωρεάν Δημιουργός Παλέτας Χρωμάτων
Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.
Αρμονία
Μεταβλητές CSS
Τι είναι ένας δημιουργός παλέτας χρωμάτων;
Ο δημιουργός παλέτας χρωμάτων φτιάχνει έναν ταιριαστό συνδυασμό χρωμάτων από ένα βασικό χρώμα χρησιμοποιώντας τη θεωρία του χρωματικού κύκλου. Επιλέξτε ή πληκτρολογήστε ένα χρώμα hex, διαλέξτε μια αρμονία όπως συμπληρωματική, αναλογική, τριαδική ή μονοχρωματική, και υπολογίζει αμέσως τα συντονισμένα χρώματα - το καθένα με έναν αντιγράψιμο κωδικό hex. Όλα τρέχουν μέσα στο πρόγραμμα περιήγησης.
Πώς λειτουργεί
- 1Ορίστε το βασικό σας χρώμα. Κάντε κλικ στην επιλογή χρώματος για οπτική επιλογή, πληκτρολογήστε έναν κωδικό hex όπως #6366f1, ή πατήστε Τυχαίο για ένα νέο σημείο εκκίνησης.
- 2Επιλέξτε μια αρμονία. Εναλλαχθείτε ανάμεσα σε συμπληρωματική, διχασμένη-συμπληρωματική, αναλογική, τριαδική, τετραδική, μονοχρωματική, σκιάσεις και αποχρώσεις. Η παλέτα υπολογίζεται ξανά αμέσως.
- 3Αντιγράψτε τα χρώματα. Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε τον κωδικό hex του, ή χρησιμοποιήστε το κουμπί Αντιγραφή για να πάρετε ολόκληρη την παλέτα ως μεταβλητές CSS.
Σε ποιους απευθύνεται
- Σχεδιαστές ιστοσελίδων που ξεκινούν έναν ιστότοπο από ένα χρώμα επωνυμίας: δημιουργούν αναλογικά ή διχασμένα-συμπληρωματικά χρώματα για φόντα, κουμπιά και τονισμούς.
- Προγραμματιστές front-end που χρειάζονται μια αφετηρία για design tokens: αντιγράφουν την παλέτα ως μεταβλητές CSS και τις προσθέτουν κατευθείαν σε ένα stylesheet.
- Επαγγελματίες μάρκετινγκ και δημιουργοί παρουσιάσεων που ταιριάζουν γραφήματα, γραφικά κοινωνικών δικτύων ή παρουσιάσεις με το χρώμα ενός λογότυπου χωρίς εργαλείο σχεδίασης.
- Εικονογράφοι και λάτρεις του χόμπι που εξερευνούν σκιάσεις και αποχρώσεις μιας απόχρωσης για να δημιουργήσουν βάθος, φωτισμό και σκιές σε ένα έργο.
Συχνές ερωτήσεις
Είναι δωρεάν αυτός ο δημιουργός παλέτας χρωμάτων;
Ναι - 100% δωρεάν χωρίς εγγραφή, χωρίς υδατογραφήματα και χωρίς όρια. Δημιουργήστε και αντιγράψτε όσες παλέτες θέλετε, για προσωπικά ή εμπορικά έργα.
Μεταφορτώνονται κάπου τα δεδομένα χρώματος μου;
Όχι. Η παλέτα υπολογίζεται εξ ολοκλήρου μέσα στο πρόγραμμα περιήγησής σας με απλή JavaScript. Τα χρώματα της επωνυμίας σας, οι εισαγωγές και τα κλικ σας δεν στέλνονται ποτέ σε κάποιον διακομιστή.
Τι είναι το συμπληρωματικό χρώμα;
Το συμπληρωματικό χρώμα βρίσκεται ακριβώς απέναντι από το βασικό σας χρώμα στον χρωματικό κύκλο - μια περιστροφή απόχρωσης 180 μοιρών. Συμπληρωματικά ζευγάρια όπως το μπλε και το πορτοκαλί δίνουν την πιο έντονη αντίθεση, γι' αυτό είναι δημοφιλή για κουμπιά ενέργειας πάνω σε φόντο επωνυμίας.
Ποια είναι η διαφορά ανάμεσα σε αναλογικές και τριαδικές παλέτες;
Οι αναλογικές παλέτες χρησιμοποιούν γειτονικές αποχρώσεις (μέσα σε περίπου 30 μοίρες από το βασικό χρώμα), οπότε δίνουν μια ήρεμη και συνεκτική αίσθηση. Οι τριαδικές παλέτες παίρνουν τρεις αποχρώσεις με απόσταση 120 μοιρών μεταξύ τους, δημιουργώντας έναν ζωντανό, ισορροπημένο συνδυασμό με περισσότερη αντίθεση ανάμεσα στα χρώματα.
Τι είναι οι σκιάσεις και οι αποχρώσεις (shades και tints);
Οι σκιάσεις σκουραίνουν το βασικό σας χρώμα μειώνοντας τη φωτεινότητά του προς το μαύρο· οι αποχρώσεις το φωτίζουν προς το λευκό. Και οι δύο διατηρούν την ίδια απόχρωση και κορεσμό, οπότε είναι ιδανικές για καταστάσεις hover, περιγράμματα και στρώσεις φόντου ενός χρώματος επωνυμίας.
Πόσα χρώματα πρέπει να έχει η παλέτα ενός ιστότοπου;
Ένας συνηθισμένος κανόνας είναι το 60-30-10: ένα κυρίαρχο χρώμα για περίπου το 60% της διεπαφής, ένα δευτερεύον για το 30%, και ένα τονισμό για το 10%. Ξεκινήστε από μια αρμονία 3-5 χρωμάτων εδώ, και μετά προσθέστε σκιάσεις και αποχρώσεις για καταστάσεις και επιφάνειες.
Γιατί η παλέτα σχεδόν δεν αλλάζει για το γκρι ή το μαύρο;
Το γκρι, το μαύρο και το λευκό έχουν μηδενικό κορεσμό, άρα δεν υπάρχει απόχρωση για να περιστρέψουν οι αρμονίες - η περιστροφή του τίποτα δίνει πάλι το ίδιο ουδέτερο αποτέλεσμα. Φτιάξτε μια ουδέτερη κλίμακα χρησιμοποιώντας αντ' αυτού τις λειτουργίες φωτεινότητας: αποχρώσεις για μαύρο ή σκούρα γκρι, σκιάσεις για λευκό ή ανοιχτά γκρι, και μονοχρωματικό για μεσαία γκρι.