Color Picker Online

Σχετικά με το Color Picker Online
Χρησιμοποιήστε αυτό το online color picker για να επιλέξετε χρώμα από μια εικόνα που ανεβάζετε, από την οθόνη όταν το υποστηρίζει ο browser σας ή εισάγοντας χειροκίνητα μια τιμή χρώματος. Το επιλεγμένο χρώμα μετατρέπεται άμεσα σε συνηθισμένες μορφές όπως HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV και CMYK, ώστε να αντιγράφετε την τιμή που χρειάζεστε χωρίς να αλλάζετε σελίδα.

• Δυνατότητες
Επιλογή χρώματος από εικόνα: Επιλέξτε μια τοπική εικόνα και μετακινήστε τον δείκτη πάνω στην εικόνα για να δείτε προεπισκόπηση κοντινών pixel. Κάντε κλικ στην εικόνα για να επιλέξετε το τρέχον χρώμα.

Εξαγωγή παλέτας εικόνας: Μετά το ανέβασμα μιας εικόνας, το εργαλείο εξάγει μια σύντομη παλέτα βασικών χρωμάτων, τα οποία μπορείτε να αντιγράψετε ή να εφαρμόσετε ως τρέχον χρώμα.

Ρύθμιση σε επίπεδο pixel: Αφού επιλέξετε χρώμα από εικόνα, χρησιμοποιήστε τα βελάκια για να ρυθμίσετε με μεγαλύτερη ακρίβεια τη θέση του επιλεγμένου pixel.

Επιλογή χρώματος από την οθόνη: Χρησιμοποιήστε τον επιλογέα χρώματος του browser για να επιλέξετε χρώμα από την οθόνη, όταν αυτή η δυνατότητα υποστηρίζεται από τον browser σας.

Χειροκίνητη εισαγωγή χρώματος: Εισαγάγετε χρώμα χειροκίνητα με τον επιλογέα χρώματος ή με τιμή HEX / HEXA, όπως #2563EB ή #2563EBFF.

Πολλαπλές μορφές χρώματος: Μετατρέψτε το επιλεγμένο χρώμα σε μορφές HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV και CMYK.

Ταιριαστά χρώματα: Δημιουργήστε συμπληρωματικές, ανάλογες, τριαδικές, απαλές και πιο ήπιες χρωματικές επιλογές από το τρέχον χρώμα.

Ανοιχτές και σκούρες αποχρώσεις: Δημιουργήστε μια πρακτική κλίμακα από ανοιχτές έως σκούρες αποχρώσεις για φόντα, περιγράμματα, hover states, ετικέτες και στοιχεία UI.

Αντίθεση κειμένου και ζεύγη UI: Συγκρίνετε λευκό και μαύρο κείμενο με βάση την αντίθεση WCAG, δείτε μια αντιληπτική αναφορά τύπου APCA και λάβετε πρόταση για πιο άνετο ζεύγος UI όταν ένα χρώμα υψηλού κορεσμού χρειάζεται πιο σκούρο ή πιο ανοιχτό φόντο.

Μεταβλητές CSS: Αντιγράψτε έτοιμες μεταβλητές CSS για το τρέχον χρώμα, τις ανοιχτές και σκούρες παραλλαγές του, το ευανάγνωστο χρώμα κειμένου και το προτεινόμενο ζεύγος φόντου/κειμένου για UI.

Επεξεργασία στον browser: Η ανάγνωση εικόνας, η επιλογή χρώματος, η εξαγωγή παλέτας και η μετατροπή χρωμάτων γίνονται απευθείας στον browser σας, χωρίς εγκατάσταση ξεχωριστής εφαρμογής.

• Σημειώσεις
Η επιλογή χρώματος από την οθόνη εξαρτάται από την υποστήριξη του browser. Σε browsers που δεν υποστηρίζουν επιλογή χρώματος από την οθόνη, μπορείτε ακόμη να χρησιμοποιήσετε την επιλογή από εικόνα ή τη χειροκίνητη εισαγωγή.

Όταν επιλέγετε χρώματα από εικόνα, η εικόνα μπορεί να προσαρμόζεται στο μέγεθος της σελίδας, αλλά το δειγματοληπτούμενο χρώμα αντιστοιχίζεται ξανά στη θέση του pixel στην αρχική εικόνα.

Η αντίθεση κειμένου υπολογίζεται με βάση το επιλεγμένο συμπαγές χρώμα. Όταν το κείμενο εμφανίζεται πάνω σε gradients, φωτογραφίες, διαφάνεια ή φόντα με υφή, ελέγξτε και οπτικά το τελικό σχέδιο.

Η τιμή τύπου APCA παρέχεται ως αντιληπτική αναφορά δίπλα στην αντίθεση WCAG. Η αντίθεση WCAG παραμένει ο έλεγχος επιτυχίας/αποτυχίας προσβασιμότητας σε αυτήν τη σελίδα.

Για χρώματα που χρησιμοποιούνται σε διεπαφές, έγγραφα, εικόνες ή έντυπο υλικό, η τελική εμφάνιση μπορεί να διαφέρει ανάλογα με τις ρυθμίσεις οθόνης, τα προφίλ χρώματος, τις μορφές αρχείων και τις συσκευές εξόδου.

:wiki_link