Εξερευνήστε την επιμελημένη συλλογή μας με 100+ εντυπωσιακά χρωματικά ντεγκραντέ. Κάντε κλικ στα δείγματα ντεγκραντέ για να δείτε τα μεμονωμένα χρώματα, αντιγράψτε άμεσα τον κώδικα CSS, και βρείτε τους τέλειους συνδυασμούς ντεγκραντέ για τα σχέδιά σας.
Περιηγηθείτε στη Συλλογή Ντεγκραντέ
Κάντε κύλιση στο πλέγμα των δειγμάτων ντεγκραντέ για να εξερευνήσετε διαφορετικούς συνδυασμούς χρωμάτων και στυλ. Κάθε ντεγκραντέ εμφανίζει το όνομά του και τους κωδικούς χρωμάτων.
Δείτε Μεμονωμένα Χρώματα
Κάντε κλικ στο αριστερό μισό ενός ντεγκραντέ για να δείτε το αρχικό χρώμα, ή κάντε κλικ στο δεξιό μισό για να δείτε το τελικό χρώμα. Ο κωδικός HEX θα εμφανιστεί για 2 δευτερόλεπτα.
Αντιγραφή CSS Ντεγκραντέ
Κάντε κλικ στο κουμπί 'Κλικ για αντιγραφή ντεγκραντέ' κάτω από οποιοδήποτε ντεγκραντέ για να αντιγράψετε την πλήρη ιδιότητα CSS background στο πρόχειρο σας.
Χρήση στο Έργο σας
Επικολλήστε τον αντιγραμμένο κώδικα CSS στο stylesheet σας ή ως inline στυλ. Το ντεγκραντέ είναι έτοιμο για χρήση με τη μορφή linear-gradient.
100+ Επιμελημένα Ντεγκραντέ
Αποκτήστε πρόσβαση σε μια προσεκτικά επιλεγμένη συλλογή με πάνω από 100 όμορφους συνδυασμούς ντεγκραντέ, οργανωμένους ανά στυλ και χρωματικό θέμα για εύκολη περιήγηση.
Διαδραστική Προεπισκόπηση Χρωμάτων
Κάντε κλικ στο αριστερό ή δεξιό μισό οποιουδήποτε δείγματος ντεγκραντέ για να δείτε τα μεμονωμένα χρώματα έναρξης και λήξης με τους κωδικούς HEX τους να εμφανίζονται.
Αντιγραφή CSS με Ένα Κλικ
Αντιγράψτε άμεσα έτοιμο προς χρήση κώδικα CSS linear-gradient στο πρόχειρο σας με ένα μόνο κλικ στο κουμπί αντιγραφής.
Οπτικό Πλέγμα Ντεγκραντέ
Περιηγηθείτε στα ντεγκραντέ σε μια καθαρή, μοντέρνα διάταξη πλέγματος με τα ονόματα των ντεγκραντέ και τους κωδικούς χρωμάτων να εμφανίζονται καθαρά για γρήγορη αναφορά.
Τα χρωματικά ντεγκραντέ είναι ομαλές μεταβάσεις μεταξύ δύο ή περισσότερων χρωμάτων, δημιουργώντας ένα οπτικά ελκυστικό μείγμα. Στο web design, τα CSS linear gradients σας επιτρέπουν να δημιουργήσετε αυτές τις χρωματικές μεταβάσεις που ρέουν προς μια καθορισμένη κατεύθυνση. Η βιβλιοθήκη μας διαθέτει επαγγελματικά επιμελημένους συνδυασμούς ντεγκραντέ που λειτουργούν αρμονικά μεταξύ τους, εξοικονομώντας σας χρόνο στην εύρεση αρμονικών χρωματικών μεταβάσεων για φόντα, κουμπιά, κάρτες και άλλα σχεδιαστικά στοιχεία.
Επαγγελματικά Επιμελημένο
Κάθε ντεγκραντέ στη συλλογή μας έχει επιλεγεί προσεκτικά για την οπτική του ελκυστικότητα και την ευελιξία στο design, εξασφαλίζοντας συνδυασμούς χρωμάτων υψηλής ποιότητας.
Έτοιμο προς Χρήση CSS
Λάβετε άμεσα κώδικα CSS που λειτουργεί απευθείας. Δεν χρειάζεται να γράφετε χειροκίνητα τη σύνταξη του ντεγκραντέ ή να πειραματίζεστε με τις τιμές χρωμάτων.
Διαδραστικός Έλεγχος Χρωμάτων
Δείτε μεμονωμένα χρώματα ντεγκραντέ κάνοντας κλικ σε διαφορετικά μέρη του δείγματος, καθιστώντας εύκολη την κατανόηση των ακριβών χρωμάτων που χρησιμοποιήθηκαν.
Εργαλείο Σχεδιασμού που Εξοικονομεί Χρόνο
Παραλείψτε τη δοκιμή και το λάθος της δημιουργίας ντεγκραντέ από το μηδέν. Βρείτε το τέλειο ντεγκραντέ γρήγορα και εφαρμόστε το άμεσα στα έργα σας.
Η βιβλιοθήκη περιέχει πάνω από 100 προσεκτικά επιμελημένους συνδυασμούς ντεγκραντέ, που διαθέτουν διάφορα στυλ από λεπτές μεταβάσεις έως έντονες, ζωντανές μίξεις κατάλληλες για διαφορετικές σχεδιαστικές ανάγκες.
Κάντε κλικ στο αριστερό μισό ενός δείγματος ντεγκραντέ για να δείτε το αρχικό χρώμα, ή κάντε κλικ στο δεξιό μισό για να δείτε το τελικό χρώμα. Ο κωδικός HEX θα εμφανιστεί στο δείγμα για 2 δευτερόλεπτα.
Το εργαλείο αντιγράφει μια πλήρη ιδιότητα CSS background με ένα linear-gradient που πηγαίνει από αριστερά προς τα δεξιά (κατεύθυνση to right). Για παράδειγμα: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Ναι, όλα τα ντεγκραντέ της βιβλιοθήκης είναι ελεύθερα για χρήση σε προσωπικά και εμπορικά έργα χωρίς περιορισμούς. Τα χρωματικά ντεγκραντέ δεν μπορούν να προστατευθούν από πνευματικά δικαιώματα.
Αφού αντιγράψετε τον κώδικα CSS, επικολλήστε τον στο stylesheet σας ή ως inline στυλ. Μπορείτε να τον εφαρμόσετε στο background οποιουδήποτε στοιχείου, όπως divs, sections, κουμπιά ή κάρτες.
Ναι, αφού αντιγράψετε το CSS, μπορείτε να αλλάξετε την κατεύθυνση τροποποιώντας το τμήμα 'to right' με άλλες τιμές όπως 'to bottom', 'to top', '45deg', ή οποιαδήποτε γωνία προτιμάτε.