Γεννήτρια διαβαθμίσεων CSS

Δημιουργήστε μια δίχρωμη γραμμική κλίση CSS με μια προεπισκόπηση.

Γραφικά Χωρίς αποθήκευση δεδομένων

Μέγιστο μήκος εισόδου ανά πεδίο: 62 σημεία κώδικα Unicode. Δείτε τα όρια λειτουργίας στις οδηγίες.

Σύντομος οδηγός

Δοκιμάστε το με τα δικά σας δεδομένα όταν είστε έτοιμοι.

Δοκιμάστε ένα παράδειγμα

Εισαγάγετε

Χρώμα έναρξης (HEX)
#f00
Δεύτερο χρώμα (HEX)
#00f
Γωνία (βαθμοί)
90

Θα λάβετε

linear-gradient(90deg, #FF0000, #0000FF)
Λειτουργία και περιορισμοί

Εισάγετε αδιαφανή χρώματα εξ και μια γωνία CSS από 0 έως 360 μοίρες, χρησιμοποιώντας ένα δεκαδικό σημείο. Παράδειγμα: το κόκκινο, το μπλε και το 90 δίνει γραμμική-διαβάθμιση (90deg, #FF0000, #0000FF).

Αντιγραφή του αποτελέσματος ως τιμή φόντου CSS. Ο περιηγητής ελέγχει την τελική απόδοση κλίσης.