Δημιουργός Διαβάθμισης από Εικόνα

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

ή κάντε κλικ για αναζήτηση — μπορείτε επίσης να επικολλήσετε από το πρόχειρο

Όλα εκτελούνται στο πρόγραμμα περιήγησης — η εικόνα σας δεν μεταφορτώνεται ποτέ, χωρίς εγγραφή, εντελώς δωρεάν.

Πηγαία εικόνα
Ανάγνωση χρωμάτων…
Πηγαία εικόνα
Διάθεση
Εξαχθέντα χρώματα
Αυτά είναι τα κυρίαρχα χρώματα που εξήχθησαν από την εικόνα σας. Κάντε κλικ σε ένα swatch για αντιγραφή ή σύρτε τα σημεία παρακάτω για λεπτή ρύθμιση της διαβάθμισης.
Προεπισκόπηση διαβάθμισης
Τύπος διαβάθμισης
Γωνία
°
Σημεία χρώματος
Σύρτε μια λαβή για αναδιάταξη σημείου ή κάντε κλικ στη γραμμή για προσθήκη. Επιλέξτε σημείο για επεξεργασία του χρώματός του.
Επιλεγμένο σημείο
%
CSS
background: —;
Κοινοποίηση
Σχετικά Εργαλεία
Δημιουργός Διαβάθμισης

Δημιουργήστε γραμμικές, ακτινωτές και κωνικές CSS διαβαθμίσεις από μηδέν με draggable έλεγχο πολλαπλών σημείων και επιμελημένα presets. Αντιγράψτε έτοιμο CSS άμεσα.
Εξαγωγέας Χρωμάτων Εικόνας

Τραβήξτε μια εκλεπτυσμένη, έτοιμη για αντιγραφή χρωματική παλέτα από οποιαδήποτε εικόνα.
Δημιουργός Χρωματικής Παλέτας

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

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