Ο αναλυτής χρωμάτων και εικόνων του PixelVault εξάγει παλέτες, ιστογράμματα και πληροφορίες αντίθεσης από οποιαδήποτε εικόνα, εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Προσθέστε μια φωτογραφία, μια εικονογράφηση ή ένα στιγμιότυπο οθόνης, και παίρνετε άμεσα τα κυρίαρχα χρώματα ως αντιγράψιμους δεκαεξαδικούς κωδικούς, μαζί με το ποσοστό που καταλαμβάνει κάθε χρώμα. Είναι ένας γρήγορος τρόπος να εξαγάγετε μια παλέτα από μια εικόνα που σας αρέσει χωρίς να εγκαταστήσετε τίποτα ή να ανεβάσετε το αρχείο σας.
Από τα κυρίαρχα χρώματα μπορείτε να δημιουργήσετε συμπληρωματικές, ανάλογες, τριαδικές και μονόχρωμες αρμονίες για να χτίσετε ένα συνεκτικό σχήμα, και μπορείτε να εξαγάγετε ολόκληρη την παλέτα ως απλό HEX, μεταβλητές CSS, μεταβλητές SCSS, JSON ή μια διαμόρφωση Tailwind — έτοιμη να επικολληθεί απευθείας στο έργο σας. Για βαθύτερη ανάλυση, τα ιστογράμματα RGB και φωτεινότητας αποκαλύπτουν την έκθεση και την τονική ισορροπία, μια προεπισκόπηση σε κλίμακα του γκρι δείχνει πώς διαβάζεται μια εικόνα χωρίς χρώμα, και ο έλεγχος αντίθεσης WCAG σας λέει αν ένα ζεύγος κειμένου και φόντου περνά τα επίπεδα AA και AAA για προσβασιμότητα.
Πώς λειτουργεί
Το PixelVault δειγματοληπτεί την εικόνα σε μειωμένη ανάλυση και ομαδοποιεί τα παρόμοια χρώματα για να βρει τα κυρίαρχα, μετατρέπει μεταξύ χρωματικών χώρων για να χτίσει αρμονίες και διαβάζει τιμές pixel για να υπολογίσει ιστογράμματα. Οι αναλογίες αντίθεσης χρησιμοποιούν τον τύπο σχετικής φωτεινότητας WCAG 2.1. Όλα εκτελούνται στα pixel που έχουν ήδη φορτωθεί στο πρόγραμμα περιήγησής σας.
Γιατί έχει σημασία η τοπική επεξεργασία
Η τοπική ανάλυση κρατά τις εικόνες σας — εργασίες πελατών, μη κυκλοφορημένα σχέδια, ιδιωτικές φωτογραφίες — εκτός δικτύου. Δεν υπάρχει μεταφόρτωση και κανένας διακομιστής που θα μπορούσε να κρατήσει αντίγραφο, και τα αποτελέσματα είναι άμεσα επειδή τα pixel βρίσκονται ήδη στη σελίδα.
Υποστηριζόμενες μορφές
- JPG — Αναλύεται απευθείας.
- PNG — Η διαφάνεια λαμβάνεται υπόψη κατά τη δειγματοληψία χρωμάτων.
- WebP — Πλήρης υποστήριξη.
Συνήθεις χρήσεις
- Εξαγάγετε μια παλέτα χρωμάτων από μια φωτογραφία ή μια αναφορά σχεδίασης.
- Δημιουργήστε ταιριαστά χρωματικά σχήματα για μια μάρκα ή διεπαφή.
- Ελέγξτε την αντίθεση μεταξύ κειμένου και φόντου για προσβασιμότητα.
- Επιθεωρήστε την έκθεση και τον τόνο με ιστογράμματα RGB και φωτεινότητας.