Παλέτα χρωμάτων από ιστότοπο
Εισαγάγετε οποιαδήποτε διεύθυνση URL ιστότοπου και εξαγάγετε την παλέτα χρωμάτων του: κάθε χρώμα που χρησιμοποιείται στα φύλλα στυλ του, ταξινομημένο κατά συχνότητα και έτοιμο για αντιγραφή ή εξαγωγή ως κώδικας.
Εισαγάγετε μια διεύθυνση ιστότοπου για να εξαγάγετε την παλέτα χρωμάτων του.
Μόνο δημόσιες ιστοσελίδες μπορούν να διαβαστούν και τα χρώματα προέρχονται από το CSS που παραδίδει η σελίδα: ένας ιστότοπος που ζωγραφίζει με εικόνες ή canvas μπορεί να επιστρέψει λιγότερα χρώματα. Δωρεάν, χωρίς εγγραφή.
Σχετικά με το Παλέτα χρωμάτων από ιστότοπο
Το εργαλείο Παλέτα Χρωμάτων από Ιστότοπο αποκαλύπτει τα χρώματα που πραγματικά χρησιμοποιεί ένας ιστότοπος. Εισαγάγετε μια δημόσια διεύθυνση ιστού και η σελίδα ανακτάται από την πλευρά μας, τα προγράμματα περιήγησης δεν μπορούν να διαβάσουν άλλον ιστότοπο απευθείας λόγω περιορισμών διασταυρούμενης προέλευσης, και στη συνέχεια τα ενσωματωμένα στυλ, τα ενσωματωμένα μπλοκ στυλ και τα συνδεδεμένα φύλλα στυλ σαρώνονται για κάθε διακριτικό χρώματος.
Οι τιμές HEX, rgb(), rgba(), hsl() και hsla() κανονικοποιούνται όλες σε μία μορφή HEX και καταμετρούνται, οπότε η παλέτα επιστρέφεται ταξινομημένη ανάλογα με το πόσο συχνά εμφανίζεται κάθε χρώμα στο CSS του ιστότοπου. Αυτή η ταξινόμηση κατά συχνότητα είναι που ξεχωρίζει το πραγματικό κύριο χρώμα μιας μάρκας από τις δεκάδες μεμονωμένα περιγράμματα και σκιές παρακάτω στη λίστα.
Κάθε δείγμα αντιγράφεται με ένα κλικ, και ο πίνακας εξαγωγής μετατρέπει το αποτέλεσμα σε μεταβλητές CSS, SCSS, ρύθμιση Tailwind, JSON, φύλλο δειγμάτων SVG ή απλή λίστα HEX. Το εργαλείο είναι δωρεάν και έχει όριο ρυθμού, φτάνει μόνο σε δημόσιες διευθύνσεις και δεν αποθηκεύει τίποτα πέρα από μια βραχύβια προσωρινή μνήμη της εξαγωγής.
Πώς να χρησιμοποιήσετε το Παλέτα χρωμάτων από ιστότοπο
- Επικολλήστε μια δημόσια διεύθυνση ιστότοπου στο πεδίο (το https:// προστίθεται αυτόματα αν το παραλείψετε).
- Κάντε κλικ στο «Εξαγωγή χρωμάτων» και περιμένετε μια στιγμή όσο διαβάζονται η σελίδα και τα φύλλα στυλ της.
- Δείτε την παλέτα: τα χρώματα ταξινομούνται ανάλογα με το πόσο συχνά εμφανίζονται στο CSS του ιστότοπου.
- Κάντε κλικ σε οποιοδήποτε δείγμα για να αντιγράψετε την τιμή HEX του, ή χρησιμοποιήστε το «Αντιγραφή όλων» για ολόκληρη τη λίστα.
- Ανοίξτε την Εξαγωγή για να λάβετε την παλέτα ως CSS, SCSS, Tailwind, JSON, SVG ή απλό HEX.