✨ Δημιουργός διαβάθμισης
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
Δημιουργήστε εντυπωσιακές γραμμικές και ακτινικές κλίσεις CSS με τον εύχρηστο δημιουργό κλίσεων μας. Επιλέξτε χρώματα, κατευθύνσεις και αντιγράψτε τον κώδικα CSS αμέσως για τα έργα σας στο διαδίκτυο.
Δημιουργήστε εντυπωσιακά οπτικά κολάζ συνδυάζοντας τις εικόνες σας με εξαγόμενες παλέτες χρωμάτων. Ανεβάστε οποιαδήποτε εικόνα για να εξαγάγετε αυτόματα τα κυρίαρχα χρώματά της και να δημιουργήσετε όμορφες συνθέσεις με προσαρμόσιμες διατάξεις, στυλ και αναλογίες διαστάσεων.
Δημιουργήστε εντυπωσιακές χρωματικές αρμονίες με τον διαδραστικό τροχό χρωμάτων μας. Δημιουργήστε συμπληρωματικά, τριαδικά, αναλογικά και άλλα χρωματικά σχήματα. Εξαγωγή ως CSS, SCSS, Tailwind, PNG, PDF ή JSON.
Δημιουργήστε εντυπωσιακές χρωματικές παλέτες online με τη δωρεάν γεννήτρια χρωμάτων μας. Δημιουργήστε αρμονικούς χρωματικούς συνδυασμούς χρησιμοποιώντας αρχές χρωματικής θεωρίας ή εξάγετε χρώματα από εικόνες. Εξαγωγή σε μορφές CSS, SCSS, Tailwind, JSON, PDF και PNG.
Μετατρέψτε τα χρώματα CMYK στις πιο κοντινές αντιστοιχίες Pantone χρησιμοποιώντας προηγμένη επιστήμη χρωμάτων. Περιηγηθείτε σε μια επιλεγμένη συλλογή δημοφιλών χρωμάτων Pantone με σύγκριση χρωμάτων σε πραγματικό χρόνο και λειτουργία αντιγραφής.
Δημιουργήστε εντυπωσιακές κλίσεις χρωμάτων και παράγετε προσαρμοσμένες παλέτες χρωμάτων online δωρεάν. Επιλέξτε χρώματα αρχής και τέλους, προσαρμόστε το μέγεθος της παλέτας και αντιγράψτε κώδικα CSS ή μεμονωμένα δεκαεξαδικά χρώματα. Ιδανικό για web design, γραφιστική και δημιουργικά έργα.
Μετατρέψτε χρώματα hex στις πιο κοντινές αντιστοιχίες Pantone με το δωρεάν online εργαλείο μας. Διαθέτει ακριβή αντιστοίχιση χρωμάτων Delta E, περιηγηθείτε σε 40+ δημοφιλή χρώματα Pantone και λάβετε άμεσες συγκρίσεις χρωμάτων. Ιδανικό για σχεδιαστές, εκτυπωτές και επαγγελματίες χρωμάτων.
Επιλέξτε το πρώτο και το δεύτερο χρώμα χρησιμοποιώντας τους επιλογείς χρωμάτων ή εισαγάγετε απευθείας κωδικούς hex χρωμάτων στα πεδία κειμένου.
Επιλέξτε μεταξύ γραμμικής κλίσης για κατευθυντικές μεταβάσεις χρωμάτων ή ακτινικής κλίσης για κυκλικές μεταβάσεις χρωμάτων από το κέντρο προς τα έξω.
Για γραμμικές κλίσεις, επιλέξτε από 8 επιλογές κατεύθυνσης, συμπεριλαμβανομένων δεξιά, αριστερά, πάνω, κάτω και διαγώνιων κατευθύνσεων χρησιμοποιώντας τα κουμπιά βέλους.
Κάντε κλικ στο κουμπί 'Αντιγραφή CSS' για να αντιγράψετε την πλήρη ιδιότητα background CSS στο πρόχειρό σας, έτοιμη για επικόλληση στα φύλλα στυλ σας.
Δημιουργήστε τόσο γραμμικές όσο και ακτινικές κλίσεις με πλήρη έλεγχο στην επιλογή χρωμάτων και την κατεύθυνση της κλίσης. Εναλλαγή μεταξύ των τύπων κλίσης άμεσα.
Επιλέξτε από 8 διαφορετικές κατευθύνσεις για γραμμικές κλίσεις, συμπεριλαμβανομένων οριζόντιων, κάθετων και διαγώνιων προσανατολισμών με διαισθητικά χειριστήρια βέλους.
Δημιουργήστε τυχαίους συνδυασμούς χρωμάτων άμεσα για να ανακαλύψετε νέες ιδέες κλίσεων και δημιουργικά χρωματικά σχέδια για τα έργα σας.
Αντιγράψτε τον δημιουργημένο κώδικα κλίσης CSS στο πρόχειρό σας με ένα κλικ. Έτοιμη προς χρήση ιδιότητα background CSS για άμεση εφαρμογή.
Ένας δημιουργός κλίσεων CSS είναι ένα εργαλείο που δημιουργεί κλίσεις φόντου CSS συνδυάζοντας δύο ή περισσότερα χρώματα σε ομαλές μεταβάσεις. Ο δημιουργός κλίσεων μας παράγει ιδιότητες CSS linear-gradient και radial-gradient που μπορούν να χρησιμοποιηθούν απευθείας στην ανάπτυξη ιστοσελίδων. Οι γραμμικές κλίσεις δημιουργούν κατευθυντικές μεταβάσεις χρωμάτων, ενώ οι ακτινικές κλίσεις δημιουργούν κυκλικές μεταβάσεις από ένα κεντρικό σημείο. Το εργαλείο παρέχει προεπισκόπηση σε πραγματικό χρόνο και δημιουργεί κώδικα CSS συμβατό με προγράμματα περιήγησης για σύγχρονα πρότυπα ιστού.
Δείτε τις αλλαγές της κλίσης σας άμεσα με μια μεγάλη περιοχή προεπισκόπησης που δείχνει ακριβώς πώς θα φαίνεται η κλίση σας στα έργα σας στο διαδίκτυο.
Ο δημιουργημένος κώδικας CSS είναι βελτιστοποιημένος και έτοιμος προς χρήση με σωστή σύνταξη για την ιδιότητα background, συμβατός με όλα τα σύγχρονα προγράμματα περιήγησης.
Εύχρηστα κουμπιά βέλους για την ρύθμιση των κατευθύνσεων της κλίσης, κάνοντας απλή τη δημιουργία της ακριβούς κατεύθυνσης που χρειάζεστε για το σχέδιό σας.
Ο δημιουργός τυχαίων χρωμάτων βοηθά στην ανακάλυψη νέων συνδυασμών χρωμάτων και παρέχει δημιουργική έμπνευση για τα σχέδια κλίσεων και τα χρωματικά σας σχέδια.
Οι γραμμικές κλίσεις δημιουργούν μεταβάσεις χρωμάτων σε ευθεία γραμμή (οριζόντια, κάθετη ή διαγώνια), ενώ οι ακτινικές κλίσεις δημιουργούν κυκλικές μεταβάσεις χρωμάτων που ακτινοβολούν προς τα έξω από ένα κεντρικό σημείο.
Ναι, μπορείτε να εισαγάγετε οποιονδήποτε έγκυρο κωδικό hex χρωμάτων απευθείας στα πεδία κειμένου δίπλα στους επιλογείς χρωμάτων. Το εργαλείο δέχεται 6-ψήφιους κωδικούς hex όπως #ff6b6b ή #6bc1ff.
Αντιγράψτε τον κώδικα CSS και επικολλήστε τον στο φύλλο στυλ σας. Ο δημιουργημένος κώδικας είναι μια πλήρης ιδιότητα background που μπορείτε να εφαρμόσετε σε οποιοδήποτε στοιχείο HTML για να εμφανίσετε την κλίση.
Ναι, το παραγόμενο CSS χρησιμοποιεί την τυπική σύνταξη linear-gradient και radial-gradient που υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης, συμπεριλαμβανομένων των Chrome, Firefox, Safari και Edge.
Προς το παρόν, το εργαλείο μας εστιάζει σε κλίσεις δύο χρωμάτων για απλότητα και καθαρό σχεδιασμό. Μπορείτε να τροποποιήσετε τον δημιουργημένο κώδικα CSS για να προσθέσετε επιπλέον στάσεις χρωμάτων, αν χρειάζεται.