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

Εισαγάγετε έναν δεκαεξαδικό κωδικό, ένα όνομα χρώματος όπως teal ή μια τιμή rgb() ή hsl() στο πεδίο Βασικό χρώμα και πατήστε Enter. Στη συνέχεια, επιλέξτε έναν τύπο όπως Παλέτα επωνυμίας, Συμπληρωματική, Τριαδική ή Μονοχρωματική και κάντε κλικ σε ένα δείγμα για να το αντιγράψετε.

Ποιες μορφές εξαγωγής υποστηρίζει η γεννήτρια παλέτας;

Μπορείτε να αντιγράψετε χρώματα ως hex, rgb, hsl ή oklch και να εξαγάγετε αρχεία CSS, SCSS, JSON, κλίμακα Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE ή Photoshop ACO. Οι επιλογές που βλέπετε εξαρτώνται από τα στοιχεία ελέγχου Εξαγωγής.

Πώς μπορώ να ελέγξω αν τα χρώματα της παλέτας μου είναι ευανάγνωστα σε λευκό ή μαύρο φόντο;

Κάθε χρώμα εμφανίζει ενδείξεις Σε λευκό και Σε μαύρο με επίπεδα WCAG: AAA, AA, AA μεγάλο ή Αποτυχία. Η ενότητα Έλεγχος κειμένου και φόντου σας επιτρέπει επίσης να επιλέξετε ένα χρώμα κειμένου και φόντου για να δοκιμάσετε ένα συγκεκριμένο ζεύγος.

Πώς μπορώ να κρατήσω κάποια χρώματα και να αλλάξω τα υπόλοιπα τυχαία;

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

Μπορώ να μοιραστώ την παλέτα μου ή να επιλέξω ένα χρώμα από την οθόνη μου;

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

Είναι πραγματικά δωρεάν;

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

Λειτουργεί σε κινητό;

Ναι. Λειτουργεί στα σύγχρονα προγράμματα περιήγησης κινητών σε iOS και Android, χωρίς εγκατάσταση.

🎨

Γεννήτρια Χρωματικής Παλέτας δωρεάν

Δημιουργήστε συμπληρωματικές, ανάλογες, τριαδικές και μονοχρωματικές χρωματικές παλέτες από οποιοδήποτε βασικό χρώμα. Αντιγράψτε κωδικούς hex με ένα κλικ.

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

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί

Βασικό χρώμα

Πληκτρολογήστε έναν κωδικό hex, ένα όνομα χρώματος όπως teal ή tomato, ή rgb(20, 184, 166) / hsl(174, 80%, 40%) και πατήστε Enter.

Παλέτα επωνυμίας · 7 χρώματα

Μορφή αντιγραφής

Εξαγωγή:Ετικέτες hex σε PNG/SVG

Βάση

Σε λευκό 2,5Αποτυχία

Σε μαύρο 8,4AAA

Τόνος έμφασης

Σε λευκό 2,9Αποτυχία

Σε μαύρο 7,2AAA

Ανοιχτός τόνος

Σε λευκό 1,1Αποτυχία

Σε μαύρο 19,4AAA

Σκούρα απόχρωση

Σε λευκό 9,0AAA

Σε μαύρο 2,3Αποτυχία

Ουδέτερο ανοιχτό

Σε λευκό 1,1Αποτυχία

Σε μαύρο 19,3AAA

Ουδέτερο μεσαίο

Σε λευκό 4,1AA μεγάλο

Σε μαύρο 5,1AA

Ουδέτερο σκούρο

Σε λευκό 16,1AAA

Σε μαύρο 1,3Αποτυχία

Έλεγχος κειμένου και φόντου

Χρώμα κειμένουΦόντο

Δείγμα μεγάλου τίτλου

Δείγμα κειμένου για αυτό το ζεύγος

8,44:1Κανονικό κείμενο AAAΜεγάλο κείμενο AAA

Δοκιμάστε αυτά

Θέλετε χρώματα από μια φωτογραφία; Χρησιμοποιήστε την εξαγωγή χρωμάτων εικόνας

Συνηθισμένες χρήσεις

Δημιουργήστε παλέτες χρωμάτων για web designΔημιουργήστε αρμονικά σχήματα χρωμάτων για ιστότοπους, web apps και συστατικά διεπαφής χρήστη.
Δημιουργήστε παλέτες χρωμάτων ενδιαφέροντοςΑναπτύξτε ένα πλήρες σύστημα χρωμάτων ενδιαφέροντος από ένα μοναδικό χρώμα ενδιαφέροντος — πρωτογενές, δευτερογενές, accent και ουδέτερα.
Δημιουργήστε παλέτες χρωμάτων για τέχνη και απεικόνισηΔημιουργήστε αρμονικούς συνδυασμούς χρωμάτων για ψηφιακή τέχνη, απεικόνιση και δημιουργικά έργα.
Δημιουργήστε χρώματα χρωμάτων για τα FigmaΔημιουργήστε παλέτες χρωμάτων για χρήση ως Figma Color Styles και θεμελιώδεις design tokens.
Δημιουργήστε παλέτες χρωμάτων για αποκρυπτογράφηση σε σκοτάδιΔημιουργήστε ελαφρά και σκούρα παραλλαγές της παλέτας χρωμάτων σας για να δημιουργήσετε υποστήριξη κατάστασης σκότους.

Πώς λειτουργεί

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

1
Μετατροπή hex σε HSL
Όταν επιλέγετε χρώμα, το εργαλείο αναλύει τη συμβολοσειρά hex σε συνιστώσες RGB και τις μετατρέπει σε HSL (απόχρωση, κορεσμός, φωτεινότητα). Η απόχρωση είναι η θέση 0–360 μοιρών στον χρωματικό τροχό· όλα τα μαθηματικά της παλέτας γίνονται σε αυτόν τον χώρο.
2
Αριθμητική απόχρωσης για αρμονία
Κάθε τύπος παλέτας είναι ένας σταθερός τύπος περιστροφής που εφαρμόζεται στη βασική απόχρωση. Η συμπληρωματική προσθέτει 180°, η τριαδική 120° και 240°, η τετραδική προχωρά ανά 90°, η διαιρεμένη συμπληρωματική χρησιμοποιεί 150° και 210°. Η μονοχρωματική και οι αποχρώσεις κρατούν σταθερά την απόχρωση και τον κορεσμό, μεταβάλλοντας τη φωτεινότητα πάνω και κάτω.
3
Έξοδος HSL σε hex
Κάθε υπολογισμένη τριάδα HSL μετατρέπεται ξανά σε χρώμα hex με τον τυπικό τύπο chroma. Τα αποτελέσματα εμφανίζονται ως χρωματική λωρίδα με ετικέτες αυτόματης αντίθεσης (σκούρο κείμενο σε ανοιχτά δείγματα, ανοιχτό σε σκούρα), που καθορίζονται από ένα απλό όριο φωτεινότητας.
4
Εξαγωγή στη μορφή που προτιμάτε
Η παλέτα μπορεί να αντιγραφεί ως συμβολοσειρές hex ή να εξαχθεί ως αρχείο μεταβλητών CSS (:root { --color-1: … }), μεταβλητές SCSS, απόσπασμα ρυθμίσεων Tailwind, αντικείμενο JSON ή χρωματική λωρίδα PNG. Η εξαγωγή PNG χρησιμοποιεί το Canvas API του browser (toDataURL) για να σχεδιάσει κάθε δείγμα με την ετικέτα hex του — όλα δημιουργούνται τοπικά με το κλικ.

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

🎨

Γεννήτρια τυχαίων χρωμάτων

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

Δοκιμάστε το

🎨

Εξαγωγέας Χρωματικής Παλέτας Εικόνας

Εξαγάγετε τα κυρίαρχα χρώματα από οποιαδήποτε εικόνα χρησιμοποιώντας κβαντισμό χρωμάτων k-means. Λάβετε κωδικούς hex για τα κορυφαία 2-16 χρώματα της φωτογραφίας ή λογοτύπου σας.

Δοκιμάστε τοΤα αρχεία παραμένουν τοπικά

🎨

Επιλογέας χρωμάτων και γεννήτρια παλέτας

Επιλέξτε χρώματα, μετατρέψτε μεταξύ HEX/RGB/HSL και δημιουργήστε αρμονικές παλέτες.