Δημιουργός Διαβάθμισης

Όλα τα εργαλεία
Δημιουργός Διαβάθμισης
Δημιουργήστε γραμμικές, ακτινωτές και κωνικές CSS διαβαθμίσεις από μηδέν με draggable έλεγχο πολλαπλών σημείων και επιμελημένα presets. Αντιγράψτε έτοιμο CSS άμεσα.
Ζωντανή προεπισκόπηση
Presets
Τύπος διαβάθμισης
Γωνία
°
Σημεία χρώματος
Σύρτε μια λαβή για μετακίνηση σημείου ή κάντε κλικ στη γραμμή για προσθήκη. Επιλέξτε σημείο για επεξεργασία του χρώματός του.
Επιλεγμένο σημείο
%
CSS
background: —;

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

Κοινοποίηση
Σχετικά Εργαλεία
Δημιουργός Διαβάθμισης από Εικόνα

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

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

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

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