Γεννήτρια Τόνων και Σκιών
Δημιουργεί αυτόματα τους ανοιχτότερους τόνους και τις σκοτεινότερες σκιές κάθε χρώματος, με τον κωδικό HEX του.
Πώς να δημιουργήσετε αποχρώσεις και σκιές ενός χρώματος
Επιλέξτε ένα βασικό χρώμα
Επιλέξτε το χρώμα εκκίνησης με τον οπτικό επιλογέα ή πληκτρολογήστε τον κωδικό HEX του.
Δείτε τις αποχρώσεις και τις σκιές
Θα δείτε αυτόματα 5 ανοιχτότερες αποχρώσεις (tints) και 5 σκοτεινότερες (σκιές) που δημιουργούνται από το χρώμα σας.
Αντιγράψτε το HEX που χρειάζεστε
Κάντε κλικ σε οποιοδήποτε δείγμα χρώματος για να αντιγράψετε τον κώδικα HEX του στο πρόχειρό σας.
Συχνές ερωτήσεις για το γεννήτρια αποχρώσεων
Η διάθεση των ανοιχτότερων και σκοτεινότερων παραλλαγών ενός χρώματος είναι απαραίτητη για τη δημιουργία συνεπούς παλέτας σχεδιασμού (για παράδειγμα, για καταστάσεις hover, φόντα ή περιγράμματα). Αυτό το εργαλείο τα υπολογίζει αυτόματα.
Ποια είναι η διαφορά μεταξύ ενός τόνου (tint) και μιας σκιάς (shade);
+
Ένα tint δημιουργείται αναμιγνύοντας το χρώμα με άσπρο (το ανοιχτό) και μια σκιά αναμιγνύοντάς το με μαύρο (το σκούρο).
Πόσες παραλλαγές δημιουργεί;
+
Δημιουργεί 5 ανοιχτότερα tints και 5 σκοτεινότερες σκιές από το βασικό σου χρώμα, 10 συνολικά.
Μπορώ να αντιγράψω τους κωδικούς;
+
Ναι, κάνε κλικ σε οποιοδήποτε χρώμα στη λίστα για να αντιγράψεις τον κωδικό HEX του.
Μπορώ να δημιουργήσω μια παλέτα σχεδίασης τύπου Tailwind;
+
Ναι, είναι ακριβώς η ίδια έννοια με τις κλίμακες χρωμάτων 50-900 που χρησιμοποιούν πολλά συστήματα σχεδίασης.
Είναι δωρεάν;
+
Ναι, αυτό το εργαλείο είναι εντελώς δωρεάν.
Ανεβαίνει το χρώμα μου σε κάποιο διακομιστή;
+
Όχι, όλος ο υπολογισμός γίνεται απευθείας στο πρόγραμμα περιήγησής σου.
Χρώματα
Μετατροπέας χρωμάτων (HEX, RGB, HSL, CMYK)
Μετατρέψτε οποιοδήποτε χρώμα μεταξύ HEX, RGB, HSL και CMYK στιγμιαία, με ζωντανή προεπισκόπηση και το πλησιέστερο όνομα χρώματος.
Δημιουργός Παλέτας Χρωμάτων
Δημιουργήστε αρμονικές παλέτες 5 χρωμάτων (συμπληρωματικές, ανάλογες, τριαδικές ή μονοχρωματικές) από ένα βασικό χρώμα.
Γεννήτρια Διαβαθμίσεων CSS
Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις με έως 4 χρώματα και αντιγράψτε τον κώδικα CSS έτοιμο για χρήση.
Ελεγκτής Αντίθεσης WCAG
Έλεγχος εάν ο συνδυασμός χρώματος κειμένου και φόντου πληροί τα επίπεδα προσβασιμότητας AA και AAA.
Τυχαίο χρώμα
Δημιουργήστε ένα τυχαίο χρώμα με ένα κλικ και ανακαλύψτε το όνομά του, τον κωδικό HEX/RGB/HSL και παρόμοια χρώματα.
Επιλογέας χρώματος (σταγονόμετρο)
Επιλέξτε οποιοδήποτε χρώμα από την οθόνη σας με το εργαλείο pipette του browser, ή χρησιμοποιήστε τον κλασικό επιλογέα.
Προσομοιωτής Δαλτονισμού
Ανεβάστε μια εικόνα και δείτε πώς θα την έβλεπαν άτομα με προτανωπία, δευτερανωπία ή τριτανωπία.
Γεννήτρια Mesh Gradient
Δημιουργήστε φόντα με mesh gradients (θολωμένες κηλίδες χρώματος) και κατεβάστε τα σε PNG ή αντιγράψτε τον κώδικα CSS.
Μίξη Χρωμάτων
Αναμείξτε δύο χρώματα και ανακαλύψτε τις ενδιάμεσες αποχρώσεις βήμα προς βήμα, με τον κωδικό HEX τους.
Τροχός Χρωμάτων (Αρμονίες)
Επιλέξτε ένα χρώμα στον τροχό και ανακαλύψτε τους αρμονικούς συνδυασμούς του: συμπληρωματικά, ανάλογα, τριαδικά και πολλά άλλα.
Εξαγωγέας Παλέτας από Εικόνα
Ανεβάστε μια εικόνα και εξάγετε αυτόματα τα κύρια χρώματά της σε μια παλέτα, με τον κωδικό HEX καθενός.
Μέσο Χρώμα Εικόνας
Ανεβάστε μια εικόνα και υπολογίστε αμέσως το μέσο χρώμα της, με τους κωδικούς HEX, RGB και HSL.
Εξερευνήστε τα χρώματα κατά οικογένεια
Περισσότερα από 469 ονοματισμένα χρώματα, με τους κωδικούς HEX, RGB, HSL και CMYK, οργανωμένα σε 12 οικογένειες αποχρώσεων.
