Δημιουργήστε αρμονικές χρωματικές παλέτες από ένα διαδραστικό χρωματικό τροχό — εφαρμόστε κανόνες αρμονίας όπως analogous, complementary ή triad, και αντιγράψτε οποιαδήποτε τιμή άμεσα.

Φωτεινότητα 100%
Κανόνας αρμονίας
Ενεργό χρώμα
HEX
RGB
HSL
Παλέτα

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


Σχετικά με το Δημιουργός Χρωματικής Παλέτας

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

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

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

Πώς να χρησιμοποιήσετε το Δημιουργός Χρωματικής Παλέτας

  1. Επιλέξτε ένα βασικό χρώμα με τον επιλογέα, πληκτρολογήστε μια τιμή, ή κάντε κλικ στο «Random».
  2. Επιλέξτε έναν κανόνα αρμονίας όπως αναλογικό, συμπληρωματικό, τριάδα ή τετράγωνο.
  3. Σύρετε τους δείκτες στον τροχό και ρυθμίστε τον ρυθμιστή φωτεινότητας για να βελτιώσετε τον συνδυασμό.
  4. Κάντε κλικ σε ένα δείγμα για να το αντιγράψετε, ή ορίστε το ως το νέο βασικό χρώμα για επανάληψη.
  5. Εξάγετε την παλέτα με «Copy all», «Copy CSS variables» ή «Copy JSON».

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

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

Κάθε κανόνας τοποθετεί τα υπόλοιπα χρώματα της παλέτας σε σταθερές γωνίες γύρω από τον χρωματικό τροχό σε σχέση με το βασικό σας χρώμα: το συμπληρωματικό βρίσκεται απέναντι (180°), η τριάδα τοποθετεί τα χρώματα με απόσταση 120°, το αναλογικό κρατά τα γειτονικά χρώματα κοντά, το διαχωρισμένο συμπληρωματικό πλαισιώνει την αντίθετη απόχρωση, και το τετράγωνο τοποθετεί τέσσερις αποχρώσεις με απόσταση 90°.

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

Ναι. Μεταβείτε στον κανόνα Custom και σύρετε κάθε δείκτη ανεξάρτητα στον τροχό, ή ξεκινήστε από οποιονδήποτε κανόνα αρμονίας και σύρετε τους δείκτες για ρύθμιση — το εργαλείο διατηρεί την παλέτα ενημερωμένη καθώς τους μετακινείτε.

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

Κοινοποίηση

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

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο — αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.