Εργαλεία χρωμάτων
Δημιουργήστε, αναλύστε και εξάγετε παλέτες χρωμάτων για τα έργα σας.
Επιλογή χρώματος από εικόνα
Επιλέξτε χρώματα απευθείας από μια φωτογραφία με ακριβές σταγονόμετρο και λάβετε ταυτόχρονα τις τιμές HEX, RGB και HSL με άμεση προεπισκόπηση στον περιηγητή.
Εξαγωγή χρωμάτων από εικόνα
Εξάγετε τα κύρια χρώματα από οποιαδήποτε εικόνα και αποκτήστε μια αρμονική παλέτα με κωδικούς HEX και RGB, έτοιμη για web σχεδίαση, παρουσιάσεις και γραφικά έργα.
Γεννήτρια παλέτας
Δημιουργήστε μια πλήρη και αρμονική παλέτα χρωμάτων από φωτογραφία, δείτε τις τιμές HEX και RGB κάθε τόνου και εξάγετέ τες απευθείας για τον σχεδιασμό σας.
Κυρίαρχα χρώματα εικόνας
Αναγνωρίστε τα κυρίαρχα χρώματα μιας εικόνας κατά τη συχνότητα των εικονοστοιχείων και λάβετε τους ακριβείς κωδικούς HEX και RGB για παλέτες και έργα μάρκας.
Παρόμοια χρώματα
Βρείτε χρώματα παρόμοια με την επιλογή σας με τους πιο κοντινούς τόνους σε HEX, RGB και HSL και χτίστε συνεκτικές, αρμονικές παλέτες για διεπαφές και σχεδιασμό.
Μετατροπή χρώματος
Μετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV, CMYK, LAB και OKLCH άμεσα και αντιγράψτε τις έτοιμες τιμές για έργα web, εκτύπωσης και σχεδιασμού με ένα κλικ.
Αντίθεση χρωμάτων
Ελέγξτε την αναλογία αντίθεσης μεταξύ κειμένου και φόντου σύμφωνα με τα επίπεδα WCAG AA και AAA και εξασφαλίστε ευανάγνωστο, προσβάσιμο σχεδιασμό για όλους.
Εξαγωγή παλέτας
Εξάγετε την παλέτα χρωμάτων σας σε μορφές CSS, JSON και ASE, έτοιμες για εισαγωγή σε Figma, Sass και τα αγαπημένα σας επαγγελματικά εργαλεία σχεδίασης.
Προεπισκόπηση χρωμάτων σε πραγματικό σχέδιο
Δείτε πώς φαίνονται τα επιλεγμένα χρώματα σε πραγματικό σχέδιο και διεπαφή με ζωντανή, άμεση προεπισκόπηση, πριν τα εφαρμόσετε στο δικό σας έργο σχεδίασης.
Λήψη χρωμάτων
Κατεβάστε την παλέτα χρωμάτων σας ως έτοιμη εικόνα PNG με τους κωδικούς HEX, ιδανική για γρήγορη κοινοποίηση, παρουσιάσεις, χαρτοφυλάκια και χρήση εκτός σύνδεσης.
Κοινοποίηση χρωμάτων
Μοιραστείτε την παλέτα χρωμάτων σας μέσω μοναδικού συνδέσμου και δείξτε τις ακριβείς τιμές HEX και RGB σε συνεργάτες και πελάτες για γρήγορη συνεργασία.
Χρωματικές αρμονίες
Εξερευνήστε συμπληρωματικές, τριαδικές, ανάλογες και διαιρεμένες χρωματικές αρμονίες στον χρωματικό τροχό και χτίστε ισορροπημένες παλέτες με κωδικούς HEX.
Γεννήτρια διαβάθμισης CSS
Δημιουργήστε γραμμικές και ακτινικές διαβαθμίσεις CSS με ομαλές μεταβάσεις χρώματος, ρυθμίστε τη γωνία και τα σημεία στάσης και αντιγράψτε τον έτοιμο κώδικα.
Γεννήτρια διαβάθμισης mesh
Δημιουργήστε όμορφες πολύχρωμες και απαλές διαβαθμίσεις mesh και λάβετε έτοιμο κώδικα CSS για μοντέρνα, ζωντανά φόντα ιστοσελίδων και διεπαφών χρήστη.
Γεννήτρια κινούμενης διαβάθμισης
Δημιουργήστε κινούμενα φόντα διαβάθμισης με ομαλές μεταβάσεις χρώματος σε κίνηση, ρυθμίστε την ταχύτητα και αντιγράψτε τον έτοιμο κώδικα CSS με keyframes.
Προσομοιωτής αχρωματοψίας
Προσομοιώστε πώς φαίνονται τα χρώματα με πρωτανωπία, δευτερανωπία και τριτανωπία και εξασφαλίστε προσβάσιμο σχεδιασμό για χρήστες με κάθε τύπο αχρωματοψίας.
Αναγνωσιμότητα κειμένου
Δοκιμάστε την αναγνωσιμότητα του κειμένου με διάφορους συνδυασμούς χρώματος και φόντου, ελέγξτε την αντίθεση κατά WCAG και επιλέξτε τα πιο άνετα ζεύγη ανάγνωσης.
Αναλυτής WCAG παλέτας
Αναλύστε όλη την παλέτα χρωμάτων σας για συμμόρφωση WCAG, δείτε ποια ζεύγη περνούν τα επίπεδα AA και AAA αντίθεσης και διορθώστε την προσβασιμότητα του σχεδίου.
Γεννήτρια glassmorphism
Δημιουργήστε μοντέρνα εφέ glassmorphism με θόλωμα, διαφάνεια και λεπτά περιγράμματα και αντιγράψτε τον έτοιμο κώδικα CSS για γυάλινες κάρτες και πάνελ.
Γεννήτρια neumorphism
Δημιουργήστε απαλά neumorphic εφέ UI με λεπτεπίλεπτα φώτα, σκιές και ανάγλυφο και αντιγράψτε τον έτοιμο κώδικα CSS για κουμπιά, κάρτες και πάνελ με όγκο.
Γεννήτρια χρωματιστών σκιών
Δημιουργήστε εκφραστικές χρωματιστές σκιές CSS με box-shadow, ρυθμίστε το χρώμα, το θόλωμα και την ένταση και αντιγράψτε τον κώδικα για βάθος στο σχέδιό σας.
Εφέ duotone για εικόνες
Εφαρμόστε κομψά εφέ χρώματος duotone σε εικόνες, επιλέξτε τους δύο τόνους για φώτα και σκιές και δημιουργήστε εκφραστικά γραφικά για το web και τα social.
Χρωματικό φίλτρο εικόνας
Εφαρμόστε χρωματικά φίλτρα και διορθώσεις τόνου σε εικόνες, ρυθμίστε τον κορεσμό, τη φωτεινότητα και την αντίθεση και δημιουργήστε ένα ενιαίο οπτικό στυλ.
Πίνακας διάθεσης χρωμάτων
Δημιουργήστε έναν εμπνευσμένο πίνακα διάθεσης με την επιλεγμένη παλέτα, οργανώστε χρώματα, τόνους και αποχρώσεις και ορίστε την οπτική κατεύθυνση του έργου σας.
Μίξερ χρωμάτων
Αναμείξτε και συνδυάστε δύο ή περισσότερα χρώματα, ρυθμίστε την αναλογία μίξης και αποκτήστε νέους τόνους με ακριβείς τιμές HEX και RGB για τον σχεδιασμό σας.
Αποχρώσεις και σκιές χρώματος
Δημιουργήστε μια πλήρη κλίμακα από φωτεινές αποχρώσεις και σκούρες σκιές κάθε χρώματος με κωδικούς HEX για συνεκτικά χρωματικά βήματα σε συστήματα σχεδίασης.
Τυχαία παλέτα χρωμάτων
Δημιουργήστε τυχαίες αρμονικές παλέτες χρωμάτων για γρήγορη δημιουργική έμπνευση, δείτε τους κωδικούς HEX κάθε τόνου και αποθηκεύστε τους αγαπημένους συνδυασμούς.
Παλέτα από λέξη-κλειδί
Δημιουργήστε μια παλέτα χρωμάτων με βάση μια λέξη-κλειδί ή θέμα, μετατρέψτε μια αφηρημένη ιδέα σε αρμονία τόνων με κωδικούς HEX έτοιμους για τον σχεδιασμό σας.
Γεννήτρια παλέτας Tailwind
Δημιουργήστε μια προσαρμοσμένη ρύθμιση χρωμάτων Tailwind CSS με πλήρη κλίμακα αποχρώσεων από 50 έως 900 και αντιγράψτε τον έτοιμο κώδικα στο έργο σας.
Μεταβλητές CSS από χρώματα
Εξάγετε τα χρώματά σας ως custom properties και μεταβλητές CSS, έτοιμες για συνεκτικά θέματα, εύκολη εναλλαγή και απλή συντήρηση του συστήματος σχεδίασης.
Γεννήτρια θέματος shadcn/ui
Δημιουργήστε ένα προσαρμοσμένο θέμα shadcn/ui με tokens χρώματος για φωτεινή και σκοτεινή λειτουργία και αντιγράψτε τη ρύθμιση για συνεκτική εμφάνιση του UI.
Μεταβλητές SCSS από χρώματα
Εξάγετε τα χρώματά σας ως μεταβλητές SCSS και Sass, έτοιμες για εισαγωγή στο έργο, για ένα τακτοποιημένο, επεκτάσιμο και εύκολα συντηρήσιμο σύστημα στυλ.
Θερμοκρασία χρώματος
Αναλύστε τη θερμοκρασία των χρωμάτων, ξεχωρίστε τους θερμούς από τους ψυχρούς τόνους και χτίστε ισορροπημένες, εκφραστικές παλέτες με ακριβείς τιμές HEX και RGB.
Διάθεση χρώματος
Εξερευνήστε τα συναισθήματα και την ψυχολογία πίσω από κάθε χρώμα, κατανοήστε τι διάθεση και μήνυμα μεταδίδει και επιλέξτε τους σωστούς τόνους για τη μάρκα σας.
Χρώματα μάρκας από λογότυπο
Αναζητήστε μια μάρκα στον κατάλογο, δείτε τα καταχωρισμένα χρώματά της και αντιγράψτε γρήγορα τους διαθέσιμους κωδικούς HEX.
Τάσεις χρωμάτων
Ανακαλύψτε τις τρέχουσες τάσεις χρωμάτων και μοντέρνες παλέτες, εξερευνήστε τους τόνους της μόδας με κωδικούς HEX και ανανεώστε το οπτικό στυλ του έργου σας.
Χάρτης διαβάθμισης για εικόνες
Εφαρμόστε έναν χάρτη διαβάθμισης σε μια εικόνα για να αναδιατάξετε τους τόνους της μέσα από μια ομαλή χρωματική μετάβαση και να δημιουργήσετε ένα δραματικό εφέ.
Επικάλυψη χρώματος σε εικόνες
Προσθέστε μια επικάλυψη χρώματος πάνω σε εικόνες, ρυθμίστε την απόχρωση, τη λειτουργία μίξης και τη διαφάνεια και ενοποιήστε τα οπτικά σας σε ένα συνεκτικό στυλ.
Μονοχρωματική παλέτα
Δημιουργήστε κομψά μονοχρωματικά χρωματικά σχήματα από έναν τόνο με απαλές φωτεινές και σκούρες αποχρώσεις και κωδικούς HEX για καθαρό, αρμονικό σχεδιασμό.
Συμπληρωματικό σχήμα
Δημιουργήστε συμπληρωματικά χρωματικά σχήματα με αντιθετικά ζεύγη από τον χρωματικό τροχό και κωδικούς HEX για εκφραστικές, ζωντανές και ισορροπημένες συνθέσεις.
Προεπισκόπηση UI χρωμάτων
Δείτε τα επιλεγμένα χρώματα σε πραγματικά στοιχεία UI όπως κουμπιά, κάρτες, φόρμες και μενού και ελέγξτε πώς λειτουργεί και φαίνεται η παλέτα στη διεπαφή.
Προεπισκόπηση χρωμάτων για social
Δείτε πώς φαίνονται τα επιλεγμένα χρώματα σε δημοσιεύσεις και προφίλ κοινωνικών δικτύων και ελέγξτε αν η παλέτα είναι εκφραστική, αναγνωρίσιμη και εντυπωσιακή.