Γεννήτρια Διαβαθμίσεων CSS
Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις με έως 4 χρώματα και αντιγράψτε τον κώδικα CSS έτοιμο για χρήση.
Πώς να δημιουργήσετε ένα διαβάθμιση CSS online
Επιλέξτε τον τύπο διαβάθμισης
Επιλέξτε γραμμική ή ακτινική, ανάλογα με το εφέ που θέλετε να επιτύχετε.
Προσθέστε και προσαρμόστε τα χρώματα
Προσθέστε έως 4 χρώματα, αλλάξτε τη σειρά τους και ρυθμίστε τη γωνία ή τη θέση της κλίσης.
Αντιγράψτε τον κώδικα CSS
Πατήστε το κουμπί αντιγραφής και επικολλήστε τον κώδικα απευθείας στο φύλλο στυλ σας.
Συχνές ερωτήσεις σχετικά με τη γεννήτρια κλίσεων
Οι κλίσεις είναι ένας απλός τρόπος για να προσθέσετε βάθος και στυλ σε οποιοδήποτε σχέδιο ιστού. Αυτό το εργαλείο δημιουργεί τον ακριβή κώδικα CSS που χρειάζεστε, χωρίς να χρειάζεται να τον γράψετε με το χέρι.
Ποιους τύπους διαβάθμισης μπορώ να δημιουργήσω;
+
Μπορείς να δημιουργήσεις γραμμικές διαβαθμίσεις (σε οποιαδήποτε γωνία) και ακτινικές.
Πόσα χρώματα μπορώ να χρησιμοποιήσω;
+
Μπορείς να συνδυάσεις μεταξύ 2 και 4 χρωμάτων στην ίδια διαβάθμιση.
Λειτουργεί ο κώδικας σε όλους τους περιηγητές;
+
Ναι, δημιουργείται με τη σύνταξη CSS standards, συμβατή με όλα τα σύγχρονα προγράμματα περιήγησης.
Χρειάζεται να εγκαταστήσω κάποιο πρόγραμμα;
+
Όχι, δεν χρειάζεται να εγκαταστήσετε τίποτα. Λειτουργεί απευθείας από το πρόγραμμα περιήγησης.
Είναι δωρεάν;
+
Ναι, αυτό το εργαλείο είναι εντελώς δωρεάν.
Μπορώ να χρησιμοποιήσω τη διαβάθμιση ως φόντο εικόνας;
+
Ο κώδικας που δημιουργείται είναι καθαρό CSS· εάν χρειάζεστε μια εικόνα, μπορείτε να κάνετε ένα στιγμιότυπο της προεπισκόπησης.
Χρώματα
Μετατροπέας χρωμάτων (HEX, RGB, HSL, CMYK)
Μετατρέψτε οποιοδήποτε χρώμα μεταξύ HEX, RGB, HSL και CMYK στιγμιαία, με ζωντανή προεπισκόπηση και το πλησιέστερο όνομα χρώματος.
Δημιουργός Παλέτας Χρωμάτων
Δημιουργήστε αρμονικές παλέτες 5 χρωμάτων (συμπληρωματικές, ανάλογες, τριαδικές ή μονοχρωματικές) από ένα βασικό χρώμα.
Ελεγκτής Αντίθεσης WCAG
Έλεγχος εάν ο συνδυασμός χρώματος κειμένου και φόντου πληροί τα επίπεδα προσβασιμότητας AA και AAA.
Τυχαίο χρώμα
Δημιουργήστε ένα τυχαίο χρώμα με ένα κλικ και ανακαλύψτε το όνομά του, τον κωδικό HEX/RGB/HSL και παρόμοια χρώματα.
Επιλογέας χρώματος (σταγονόμετρο)
Επιλέξτε οποιοδήποτε χρώμα από την οθόνη σας με το εργαλείο pipette του browser, ή χρησιμοποιήστε τον κλασικό επιλογέα.
Προσομοιωτής Δαλτονισμού
Ανεβάστε μια εικόνα και δείτε πώς θα την έβλεπαν άτομα με προτανωπία, δευτερανωπία ή τριτανωπία.
Γεννήτρια Mesh Gradient
Δημιουργήστε φόντα με mesh gradients (θολωμένες κηλίδες χρώματος) και κατεβάστε τα σε PNG ή αντιγράψτε τον κώδικα CSS.
Γεννήτρια Τόνων και Σκιών
Δημιουργεί αυτόματα τους ανοιχτότερους τόνους και τις σκοτεινότερες σκιές κάθε χρώματος, με τον κωδικό HEX του.
Μίξη Χρωμάτων
Αναμείξτε δύο χρώματα και ανακαλύψτε τις ενδιάμεσες αποχρώσεις βήμα προς βήμα, με τον κωδικό HEX τους.
Τροχός Χρωμάτων (Αρμονίες)
Επιλέξτε ένα χρώμα στον τροχό και ανακαλύψτε τους αρμονικούς συνδυασμούς του: συμπληρωματικά, ανάλογα, τριαδικά και πολλά άλλα.
Εξαγωγέας Παλέτας από Εικόνα
Ανεβάστε μια εικόνα και εξάγετε αυτόματα τα κύρια χρώματά της σε μια παλέτα, με τον κωδικό HEX καθενός.
Μέσο Χρώμα Εικόνας
Ανεβάστε μια εικόνα και υπολογίστε αμέσως το μέσο χρώμα της, με τους κωδικούς HEX, RGB και HSL.
Εξερευνήστε τα χρώματα κατά οικογένεια
Περισσότερα από 469 ονοματισμένα χρώματα, με τους κωδικούς HEX, RGB, HSL και CMYK, οργανωμένα σε 12 οικογένειες αποχρώσεων.
