Παλέτα χρωμάτων με αρμονικούς συνδυασμούς

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

Τύπος αρμονίας

Δοκιμάστε ένα παράδειγμα

Διαδραστικός χρωματικός κύκλος

Σύρετε ένα σημείο για να περιστρέψετε την αρμονία. Μετακινήστε το προς το κέντρο για να μειώσετε τον κορεσμό.

60%
H 217°S 91%L 60%
Κύρια αρμονία (2)Υποστηρικτικές παραλλαγές (3)
Βάση
Συμπληρωματικό

Βάση

#3B82F6

Συμπληρωματικό

#EEAD44

Βάση · Παραλλαγή 1

#AAC0E3

Συμπληρωματικό · Παραλλαγή 1

#E0CDAD

Βάση · Παραλλαγή 2

#255BB1

Περισσότερα εργαλεία

Δημιουργήστε παλέτα χρωμάτων άμεσα

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

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

Εξήγηση Τύπων Χρωματικής Αρμονίας

  • Συμπληρωματικά — δύο χρώματα αντίθετα στον τροχό χρωμάτων (180° απόσταση). Υψηλή αντίθεση, τολμηροί συνδυασμοί.
  • Αναλογικά — τρία χρώματα παρακείμενα στον τροχό χρωμάτων (30° απόσταση). Φυσικά αρμονικά και χαμηλής αντίθεσης.
  • Τριαδικά — τρία χρώματα ισόμετρα κατανεμημένα στον τροχό (120° απόσταση). Ζωηρά και ισορροπημένα.
  • Διαχωρισμένα-Συμπληρωματικά — ένα βασικό χρώμα και δύο χρώματα παρακείμενα στο συμπλήρωμά του (150° και 210°). Πιο ήπια από τα καθαρά συμπληρωματικά.
  • Τετραδικά (Τετράγωνο) — τέσσερα χρώματα ισόμετρα κατανεμημένα στον τροχό (90° απόσταση). Πλούσιες, σύνθετες παλέτες.

Πώς να Χρησιμοποιήσετε τη Γεννήτρια Παλέτας

  1. Εισαγάγετε ένα βασικό χρώμα — πληκτρολογήστε τιμή HEX, RGB ή HSL ή χρησιμοποιήστε τον φυσικό επιλογέα χρωμάτων
  2. Επιλέξτε τύπο αρμονίας από τον επιλογέα
  3. Σύρετε ένα συνδεδεμένο σημείο στον κύκλο για να αλλάξετε απόχρωση και κορεσμό και μετά ρυθμίστε τη φωτεινότητα
  4. Δείτε την παραγόμενη παλέτα να εμφανίζεται ως δείγματα χρωμάτων
  5. Αντιγράψτε τιμές HEX ή RGB για οποιοδήποτε δείγμα με ένα κλικ
  6. Εναλλαχθείτε μεταξύ τύπων αρμονίας για σύγκριση διαφορετικών παλετών

Πότε να Χρησιμοποιήσετε Γεννήτρια Παλέτας

  • Ξεκινώντας νέο σχεδιαστικό έργο και χρειάζεστε ισορροπημένο χρωματικό σχήμα
  • Δημιουργία εταιρικής ταυτότητας γύρω από συγκεκριμένο κεντρικό χρώμα
  • Δημιουργία θεμάτων UI με αρμονικά χρώματα έμφασης
  • Εξερεύνηση σχέσεων χρωμάτων για εικονογράφηση ή τέχνη
  • Γρήγορη παραγωγή παλετών για παρουσιάσεις ή πρωτότυπα

Κύρια αρμονία και υποστηρικτικές παραλλαγές

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

Πέντε χρώματα από ένα βασικό χρώμα

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

Χρησιμοποιήστε HEX, RGB, HSL και OKLCH

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

Γρήγορο, Δωρεάν και Ιδιωτικό

Όλοι οι υπολογισμοί γίνονται στον browser. Δεν υπάρχει λογαριασμός, μεταφόρτωση, αποθήκευση ή επεξεργασία σε διακομιστή· ο κύκλος λειτουργεί με ποντίκι, αφή και πληκτρολόγιο.

Ο χρωματικός κύκλος δείχνει θεωρητικές σχέσεις αλλά δεν εγγυάται αναγνωσιμότητα. Χρησιμοποιήστε τον Έλεγχο Αντίθεσης για μέτρηση WCAG και τον Μετατροπέα Χρωμάτων για αλλαγή μορφής.

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

Τι είναι η χρωματική αρμονία;
Η χρωματική αρμονία αναφέρεται σε συνδυασμούς χρωμάτων που είναι οπτικά ευχάριστοι μαζί. Αυτοί οι συνδυασμοί βασίζονται στις γεωμετρικές σχέσεις μεταξύ χροιών στον τροχό χρωμάτων — για παράδειγμα, χρώματα αντίθετα μεταξύ τους (συμπληρωματικά) ή ισόμετρα κατανεμημένα (τριαδικά).
Ποιον τύπο αρμονίας πρέπει να χρησιμοποιήσω;
Εξαρτάται από τον σχεδιαστικό σας στόχο. Τα συμπληρωματικά δημιουργούν ισχυρή αντίθεση και οπτικό αντίκτυπο. Τα αναλογικά αισθάνονται ήρεμα και συνεκτικά. Τα τριαδικά είναι ζωηρά και ισορροπημένα. Τα διαχωρισμένα-συμπληρωματικά προσφέρουν αντίθεση με λιγότερη ένταση. Τα τετραδικά δίνουν πλούσιες, σύνθετες παλέτες κατάλληλες για σχέδια με πολλά στοιχεία.
Ποιες μορφές χρωμάτων μπορώ να εισαγάγω;
Μπορείτε να εισαγάγετε HEX, RGB, HSL ή OKLCH· η μορφή εντοπίζεται αυτόματα.
Πώς υπολογίζονται τα χρώματα παλέτας;
Το βασικό χρώμα μετατρέπεται σε HSL και τοποθετείται στις ακριβείς γωνίες της επιλεγμένης αρμονίας. Κάθε σχέση επεκτείνεται σε πέντε πρακτικά δείγματα με ισορροπημένες παραλλαγές κορεσμού και φωτεινότητας. Ο διαδραστικός κύκλος δείχνει κάθε δείγμα: σύροντας ένα σημείο περιστρέφεται όλη η αρμονία, ενώ το ρυθμιστικό φωτεινότητας ενημερώνει την παλέτα.
Μπορώ να αντιγράψω τα παραγόμενα χρώματα;
Ναι. Αντιγράψτε κάθε χρώμα ως HEX ή RGB ή ολόκληρη την παλέτα ως πέντε κεφαλαίους κωδικούς HEX χωρισμένους με κόμματα.
Λειτουργεί αυτό το εργαλείο σε κινητές συσκευές;
Ναι. Ο προσαρμοζόμενος κύκλος λειτουργεί με αφή στο κινητό και με ποντίκι ή πληκτρολόγιο στον υπολογιστή.
Είναι δωρεάν αυτό το εργαλείο;
Ναι. Το ColourPicker.app είναι εντελώς δωρεάν στη χρήση, χωρίς απαίτηση εγγραφής.
Μπορώ να αποθηκεύσω τις παραγόμενες παλέτες μου;
Το εργαλείο δεν αποθηκεύει παλέτες μεταξύ συνεδριών. Μπορείτε να αντιγράψετε μεμονωμένες τιμές χρωμάτων και να τις αποθηκεύσετε στα αρχεία έργου ή στο εργαλείο σχεδίασής σας.
Τι δείχνει ο χρωματικός κύκλος;
Τοποθετεί τις αποχρώσεις σε κύκλο: η γωνία δείχνει την απόχρωση, η απόσταση από το κέντρο τον κορεσμό και το ξεχωριστό ρυθμιστικό τη φωτεινότητα.
Γιατί κάθε παλετα χρωματων έχει πέντε χρώματα;
Πέντε δείγματα προσφέρουν ένα σταθερό σύνολο δύο έως τεσσάρων κύριων χρωμάτων και των απαραίτητων υποστηρικτικών παραλλαγών.
Τι είναι τα κύρια χρώματα και οι υποστηρικτικές παραλλαγές;
Τα κύρια χρώματα σχηματίζουν την επιλεγμένη γεωμετρία· οι παραλλαγές χρησιμοποιούν τις ίδιες αποχρώσεις με διαφορετικό κορεσμό ή φωτεινότητα.
Εγγυώνται οι συνδυασμοί χρωμάτων επαρκή αντίθεση;
Όχι. Η αρμονία περιγράφει σχέσεις αποχρώσεων· μετρήστε ξεχωριστά την αντίθεση WCAG προσκηνίου και φόντου.