Γεννήτρια τυχαίων χρωμάτων
Δημιουργήστε τυχαία χρώματα ή αρμονικές παλέτες, κλειδώστε όσα σας αρέσουν, αντιγράψτε κωδικούς HEX, RGB ή HSL και εξαγάγετε σε CSS, SCSS, JSON ή Tailwind.
Κλειδώστε τα χρώματα που σας αρέσουν και δημιουργήστε ξανά, ώστε να αντικατασταθούν μόνο τα υπόλοιπα.
Χρώματα
Πώς χρησιμοποιείτε τη γεννήτρια τυχαίων χρωμάτων
- Ορίστε τον Αριθμό χρωμάτων (από 1 έως 20).
- Επιλέξτε μια Λειτουργία: - Η Τυχαία μέσα σε εύρος κληρώνει κάθε χρώμα ανεξάρτητα. Περιορίστε τα εύρη Απόχρωση (°), Κορεσμός (%) και Φωτεινότητα (%) με τα πεδία «από» και «έως», ώστε να μένετε σε μια οικογένεια χρωμάτων, για παράδειγμα μόνο παστέλ ή μόνο μπλε. - Η Αρμονική παλέτα (OKLCH) κληρώνει ένα τυχαίο βασικό χρώμα και χτίζει τα υπόλοιπα από μια αρμονία χρωμάτων. Διαλέξτε μια Αρμονία (Συμπληρωματικά, Αναλογικά, Τριαδικά, Διασπασμένα συμπληρωματικά, Τετραδικά, Τετράγωνο, Μονοχρωματικά) ή αφήστε το Εκπλήξτε με για να παίρνετε διαφορετική αρμονία κάθε φορά.
- Κάντε κλικ στη Δημιουργία χρωμάτων. Κάθε κάρτα δείχνει το χρώμα με τους κωδικούς HEX, RGB και HSL· τα μικρά κουμπιά HEX, RGB και HSL αντιγράφουν τον αντίστοιχο κωδικό.
- Κάντε κλικ στο Κλείδωμα στα χρώματα που θέλετε να κρατήσετε και μετά ξανά στη Δημιουργία χρωμάτων: αλλάζουν μόνο τα ξεκλείδωτα χρώματα. Κάντε κλικ ξανά στο κουμπί για να ξεκλειδώσετε ένα χρώμα.
- Επιλέξτε μορφή στο Εξαγωγή ως (Λίστα HEX, Μεταβλητές CSS, Μεταβλητές SCSS, Πίνακας JSON ή Χρώματα Tailwind) και χρησιμοποιήστε την Αντιγραφή ή τη Λήψη για να πάρετε μαζί σας ολόκληρο το σύνολο.
Πώς επιλέγονται τα χρώματα
Στη λειτουργία Τυχαία μέσα σε εύρος, η απόχρωση, ο κορεσμός και η φωτεινότητα κληρώνονται ομοιόμορφα μέσα στα εύρη που ορίζετε και μετά μετατρέπονται από HSL σε RGB με τον ίδιο τύπο που χρησιμοποιούν τα προγράμματα περιήγησης για το hsl(). Το εύρος της απόχρωσης μπορεί να περνά από το κόκκινο: από 330 έως 30 δίνει ροζ, κόκκινα και πορτοκαλί, περνώντας από τις 0°. Μερικές χρήσιμες ρυθμίσεις:
- Παστέλ: κορεσμός 40–80 %, φωτεινότητα 75–90 %.
- Σκούροι, μουντοί τόνοι: κορεσμός 10–40 %, φωτεινότητα 15–35 %.
- Μόνο μπλε: απόχρωση 190–250.
- Ζεστά χρώματα: απόχρωση 330 έως 60.
Στη λειτουργία Αρμονική παλέτα (OKLCH) το εργαλείο δουλεύει στο OKLCH, ένα αντιληπτικό μοντέλο χρώματος όπου ίσα βήματα φωτεινότητας φαίνονται ίσα στο μάτι. Το πρώτο κλειδωμένο χρώμα χρησιμοποιείται ως βάση· αν δεν υπάρχει κλειδωμένο, κληρώνεται μια τυχαία βάση μέσης φωτεινότητας και αρκετά κορεσμένη. Τα άλλα χρώματα παίρνουν τις γωνίες απόχρωσης της αρμονίας (για παράδειγμα +120° και +240° για τα τριαδικά), με μικρή τυχαία διακύμανση στην απόχρωση, στη φωτεινότητα και στην ένταση χρώματος (chroma), ώστε κάθε κλικ να δίνει νέο αποτέλεσμα. Όταν ζητάτε περισσότερα χρώματα από τις αποχρώσεις της αρμονίας, τα επιπλέον χρώματα επαναχρησιμοποιούν τις γωνίες με πιο ανοιχτές και πιο σκούρες παραλλαγές. Τα μονοχρωματικά κρατούν μία απόχρωση και απλώνουν τη φωτεινότητα από σκούρο σε ανοιχτό.
Τα χρώματα που βγαίνουν εκτός όσων μπορεί να εμφανίσει μια οθόνη sRGB επαναφέρονται μειώνοντας την ένταση χρώματος, οπότε κάθε κωδικός HEX που αντιγράφετε είναι ένα πραγματικό χρώμα που μπορεί να εμφανιστεί.
Πού βοηθούν τα τυχαία χρώματα
Τα τυχαία χρώματα είναι χρήσιμα για προσωρινά avatar και γραφήματα, δεδομένα δοκιμών, γενετική τέχνη, εξερεύνηση σχεδίασης όταν κολλάτε μπροστά σε μια λευκή σελίδα ή για να διαλέξετε χρώμα για ένα έργο, μια ομάδα παιχνιδιού ή μια ετικέτα. Το κλείδωμα σάς επιτρέπει να το χρησιμοποιείτε σαν κουλοχέρη: κρατάτε ό,τι δουλεύει, γυρίζετε τα υπόλοιπα. Η τυχαιότητα προέρχεται από την κρυπτογραφική γεννήτρια του προγράμματος περιήγησής σας και τίποτα δεν στέλνεται πουθενά.
Συχνές ερωτήσεις
Πώς παίρνω έναν τυχαίο κωδικό χρώματος HEX;
Ορίστε τον Αριθμό χρωμάτων σε 1 και κάντε κλικ στη Δημιουργία χρωμάτων και μετά κάντε κλικ στο κουμπί HEX για να αντιγράψετε τον κωδικό, όπως το #3A7BD5.
Μπορώ να κρατήσω ορισμένα χρώματα και να δημιουργήσω ξανά τα υπόλοιπα;
Ναι. Κάντε κλικ στο Κλείδωμα σε κάθε χρώμα που θέλετε να κρατήσετε και μετά στη Δημιουργία χρωμάτων. Τα κλειδωμένα χρώματα μένουν στη θέση τους· στη λειτουργία αρμονίας το πρώτο κλειδωμένο χρώμα γίνεται επίσης η βάση της νέας παλέτας.
Γιατί να χρησιμοποιήσω τη λειτουργία αρμονίας OKLCH και όχι καθαρά τυχαία χρώματα;
Τα καθαρά τυχαία χρώματα συχνά συγκρούονται ή έχουν πολύ διαφορετικό οπτικό βάρος. Το χτίσιμο της παλέτας από μια αρμονία στο OKLCH δίνει χρώματα που ταιριάζουν μεταξύ τους και έχουν ισορροπημένη φωτεινότητα, κάτι που τα κάνει ευκολότερα στη χρήση σε ένα σχέδιο.
Τι περιέχουν οι μορφές εξαγωγής;
Η λίστα HEX δίνει έναν κωδικό ανά γραμμή, οι μεταβλητές CSS και SCSS δίνουν δηλώσεις --color-1 ή $color-1, ο πίνακας JSON δίνει μια λίστα κωδικών και τα χρώματα Tailwind δίνουν ένα αντικείμενο colors με κλειδιά 100, 200… για τη ρύθμισή σας.
Είναι τα χρώματα πραγματικά τυχαία;
Προέρχονται από την crypto.getRandomValues, την κρυπτογραφικά ασφαλή γεννήτρια του προγράμματος περιήγησης, οπότε κανένα μοτίβο δεν επαναλαμβάνεται από κλικ σε κλικ.
Σχετικά εργαλεία
- Γεννήτρια παλέτας χρωμάτων Δημιουργήστε παλέτες από ένα βασικό χρώμα με κανόνες αρμονίας: συμπληρωματική, αναλογική, τριαδική, τετραδική και μονοχρωματική.
- Μετατροπέας χρωμάτων HEX, RGB, HSL, CMYK Μετατρέψτε οποιοδήποτε χρώμα μεταξύ HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH και OKLCH. Επικολλήστε έναν κωδικό, δείτε το χρώμα και αντιγράψτε κάθε μορφή.
- Επιλογέας χρωμάτων HEX, RGB, HSL Δωρεάν επιλογέας χρωμάτων. Διαλέξτε χρώμα και αντιγράψτε αμέσως τους κωδικούς HEX, RGB, HSL, HSV και CMYK με λόγους αντίθεσης.
- Γεννήτρια τυχαίων αριθμών Δημιουργήστε τυχαίους αριθμούς σε οποιοδήποτε εύρος, έως 10.000 τη φορά, ακέραιους ή δεκαδικούς, με ή χωρίς διπλότυπα, με ασφαλή τυχαιότητα του προγράμματος.