Εξαγωγέας Παλέτας
Επικολλήστε ή εισαγάγετε ένα σύνολο χρωμάτων και εξαγάγετέ τα άμεσα σε CSS variables, SCSS, Tailwind config, JSON ή SVG swatches — το τελευταίο βήμα για κάθε παλέτα.
Επικολλήστε τιμές HEX (μία ανά γραμμή ή διαχωρισμένες με κόμματα/κενά). Γίνονται αποδεκτές επίσης rgb() και hsl().
Δεν βρέθηκαν έγκυρα χρώματα — ελέγξτε την εισαγωγή σας.
Όλα εκτελούνται στο πρόγραμμα περιήγησης — επικολλήστε παλέτα και αντιγράψτε έτοιμο για παραγωγή κώδικα σε οποιαδήποτε μορφή. Χωρίς εγγραφή, εντελώς δωρεάν.
Σχετικά με το Εξαγωγέας Παλέτας
Ο Εξαγωγέας Παλέτας είναι το τελευταίο βήμα για κάθε παλέτα χρωμάτων: επικολλήστε ένα σύνολο χρωμάτων και πάρτε κώδικα έτοιμο για παραγωγή στη μορφή που χρειάζεται το έργο σας. Δέχεται τιμές HEX μία ανά γραμμή ή χωρισμένες με κόμματα και κενά, και κατανοεί επίσης τη σημειογραφία rgb() και hsl().
Έξι μορφές εξόδου δημιουργούνται ζωντανά: προσαρμοσμένες ιδιότητες CSS, μεταβλητές SCSS, ένα μπλοκ χρωμάτων ρύθμισης Tailwind, JSON, δείγματα SVG και μια απλή λίστα HEX. Ένα ρυθμιζόμενο πρόθεμα μεταβλητών διατηρεί τα δημιουργημένα ονόματα συνεπή με τη βάση κώδικά σας, και κάθε μορφή μπορεί να αντιγραφεί στο πρόχειρο ή να κατέβει ως αρχείο.
Όλα εκτελούνται στο πρόγραμμα περιήγησής σας — τα χρώματα που επικολλάτε δεν αποστέλλονται πουθενά. Συνδυάζεται φυσικά με τα άλλα εργαλεία παλέτας: εξάγετε ή δημιουργήστε μια παλέτα αλλού, επικολλήστε την εδώ, και φύγετε με το ακριβές απόσπασμα κώδικα που περιμένει το φύλλο στυλ, το framework ή η αλυσίδα σχεδίασής σας.
Πώς να χρησιμοποιήσετε το Εξαγωγέας Παλέτας
- Επικολλήστε τα χρώματά σας στην είσοδο — HEX, rgb() ή hsl(), ένα ανά γραμμή ή χωρισμένα με κόμματα.
- Κάντε κλικ στο «Update colors» για να τα αναλύσετε σε παλέτα, ή φορτώστε το δείγμα για να το δοκιμάσετε.
- Επιλέξτε μια μορφή εξαγωγής: μεταβλητές CSS, SCSS, ρύθμιση Tailwind, JSON, δείγματα SVG ή απλό HEX.
- Προσαρμόστε το πρόθεμα μεταβλητών αν θέλετε προσαρμοσμένη ονοματολογία.
- Αντιγράψτε τον δημιουργημένο κώδικα ή κατεβάστε τον ως αρχείο.