Επιλογέας χρώματος από εικόνα

Επιλέξτε οποιοδήποτε pixel από μια εικόνα και δείτε τις τιμές HEX, RGB και HSL, με μεγεθυντικό φακό για απόλυτη ακρίβεια.

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

Η ανάγνωση της εικόνας γίνεται απευθείας από τη συσκευή σας και δεν φεύγει ποτέ από το πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται στο BroBroGo.

Συχνές Ερωτήσεις

Πώς μπορώ να επιλέξω ένα χρώμα από την εικόνα;

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

Ποιες μορφές χρωμάτων υποστηρίζονται;

Κάθε pixel που επιλέγετε εμφανίζεται ταυτόχρονα σε μορφή HEX, RGB και HSL. Κάντε κλικ σε οποιαδήποτε τιμή για να την αντιγράψετε, έτοιμη για επικόλληση σε CSS ή σε κάποιο σχεδιαστικό εργαλείο.

Γιατί το επιλεγμένο χρώμα δεν ταιριάζει πάντα με αυτό που περίμενα;

Λαμβάνετε την ακριβή τιμή pixel που είναι αποθηκευμένη στην εικόνα. Εάν πρόκειται για JPEG ή στιγμιότυπο οθόνης, η συμπίεση και η εξομάλυνση (anti-aliasing) ενδέχεται να έχουν ήδη αλλάξει ελαφρώς τα γειτονικά pixel, ενώ ένα ημιδιαφανές pixel αναγνωρίζεται αυτόνομα, χωρίς να λαμβάνεται υπόψη το φόντο πίσω από αυτό.

Λειτουργία και δυνατότητες του εργαλείου

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

Μόλις φορτωθεί μια εικόνα, εμφανίζονται αμέσως οι χρωματικές τιμές και οι συντεταγμένες του κεντρικού pixel. Η μετακίνηση του δείκτη πάνω από την εικόνα εκτελεί δειγματοληψία χρωμάτων pixel προς pixel. Με το πάτημα ενός κουμπιού ή με κλικ, το επιλεγμένο χρώμα αποθηκεύεται στο ιστορικό, επιτρέποντας τη συλλογή πολλαπλών δειγμάτων. Οποιαδήποτε από αυτές τις τιμές μπορεί στη συνέχεια να αντιγραφεί για χρήση σε άλλες εφαρμογές.

Υποστηριζόμενα αρχεία εισαγωγής και προδιαγραφές

Το εργαλείο δέχεται ένα μεμονωμένο αρχείο εικόνας κάθε φορά. Οι υποστηριζόμενες μορφές αρχείων και οι αντίστοιχοι τύποι MIME που γίνονται δεκτοί κατά την εισαγωγή είναι οι εξής:

  • PNG (image/png)
  • JPG / JPEG (image/jpeg)
  • WebP (image/webp)
  • GIF (image/gif)
  • AVIF (image/avif)
  • HEIC / HEIF (image/heic, image/heif)

Σε περίπτωση που γίνει προσπάθεια εισαγωγής μη υποστηριζόμενου τύπου αρχείου, εμφανίζεται το μήνυμα: "Αυτός ο τύπος αρχείου δεν υποστηρίζεται. Δοκιμάστε μια εικόνα PNG, JPG, WebP, GIF, AVIF ή HEIC." Αν η εικόνα δεν μπορεί να ανοίξει λόγω καταστροφής ή άλλου σφάλματος, το εργαλείο εμφανίζει την ειδοποίηση: "Δεν ήταν δυνατό το άνοιγμα αυτής της εικόνας. Ενδέχεται να είναι κατεστραμμένη ή σε μη υποστηριζόμενη μορφή."

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

Έξοδοι και διεπαφή δεδομένων

Κατά τη λειτουργία του εργαλείου, παράγονται και εμφανίζονται στην οθόνη τα ακόλουθα στοιχεία και ενδείξεις:

  • Κατάσταση φόρτωσης: "Η εικόνα είναι έτοιμη — μετακινηθείτε πάνω της για δειγματοληψία, κάντε κλικ για αποθήκευση χρώματος."
  • Μέγεθος: Οι ακριβείς διαστάσεις της φορτωμένης εικόνας.
  • Pixel: Οι συντεταγμένες του pixel που βρίσκεται υπό δειγματοληψία τη δεδομένη στιγμή.
  • HEX: Ο δεκαεξαδικός κώδικας του επιλεγμένου pixel.
  • RGB: Οι τιμές Red (Κόκκινο), Green (Πράσινο) και Blue (Μπλε) του pixel.
  • HSL: Οι τιμές Hue (Απόχρωση), Saturation (Κορεσμός) και Lightness (Φωτεινότητα) του pixel.
  • Διαφάνεια: Εάν ένα pixel είναι ημιδιαφανές, εμφανίζεται η ένδειξη "Άλφα {n}% — αυτό το εικονοστοιχείο είναι μερικώς διαφανές." όπου {n} είναι το ποσοστό της τιμής άλφα.
  • Επιβεβαίωση αποθήκευσης: Κατά την αποθήκευση, εμφανίζεται το μήνυμα "Το χρώμα {hex} αποθηκεύτηκε στις επιλογές σας."
  • Ιστορικό: Αν δεν υπάρχουν αποθηκευμένα χρώματα, εμφανίζεται η ένδειξη "Τα χρώματα που αποθηκεύετε εμφανίζονται εδώ — κάντε κλικ σε ένα δείγμα για να το επαναφέρετε."

Κανόνες λειτουργίας και πλοήγηση με πληκτρολόγιο

Η αλληλεπίδραση με την εικόνα μπορεί να γίνει τόσο με τη χρήση ποντικιού όσο και μέσω του πληκτρολογίου για αυξημένη ακρίβεια:

  1. Μετακίνηση με πληκτρολόγιο: Μπορείτε να μετακινήσετε ένα σταυρόνημα πάνω στην εικόνα χρησιμοποιώντας τα πλήκτρα βέλους (Arrow keys). Κάθε πάτημα μετακινεί το σημείο δειγματοληψίας κατά 1 pixel.
  2. Γρήγορη μετακίνηση: Κρατώντας πατημένο το πλήκτρο Shift ταυτόχρονα με τα βέλη, το σταυρόνημα μετακινείται κατά 10 pixel.
  3. Αποθήκευση χρώματος: Το κλικ με το ποντίκι ή το πάτημα των πλήκτρων Enter ή Space αποθηκεύει το τρέχον χρώμα στο ιστορικό.
  4. Διαχείριση ιστορικού: Το ιστορικό αποθηκευμένων χρωμάτων μπορεί να κρατήσει έως και 12 στοιχεία. Χρώματα που έχουν τις ίδιες τιμές RGB αλλά διαφέρουν στην τιμή άλφα (διαφάνεια) αποθηκεύονται ως ξεχωριστές εγγραφές.
  5. Αντιγραφή τιμών: Κάνοντας κλικ σε οποιαδήποτε από τις εμφανιζόμενες τιμές (HEX, RGB, HSL), αυτή αντιγράφεται στο πρόχειρο της συσκευής. Εάν το πρόγραμμα περιήγησης εμποδίσει αυτή την ενέργεια, εμφανίζεται το μήνυμα: "Δεν ήταν δυνατή η αντιγραφή — το πρόγραμμα περιήγησής σας απέκλεισε την πρόσβαση στο πρόχειρο."
  6. Επαναφορά: Το κουμπί "Επανεκκίνηση" εκκαθαρίζει την εικόνα, διαγράφει ολόκληρο το ιστορικό χρωμάτων και επαναφέρει το εργαλείο στην αρχική του κατάσταση.

Παράγοντες που επηρεάζουν τις χρωματικές τιμές

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

  • Συμπίεση εικόνας: Αρχεία που έχουν υποστεί απώλεια δεδομένων κατά τη συμπίεση (όπως τα αρχεία JPEG) ενδέχεται να εμφανίζουν αλλοιωμένες τιμές στα pixel λόγω των αλγορίθμων συμπίεσης.
  • Εξομάλυνση (Anti-aliasing): Κατά τη λήψη στιγμιοτύπων οθόνης ή τη σχεδίαση σχημάτων, η τεχνική του anti-aliasing εισάγει ενδιάμεσα χρώματα στις ακμές των αντικειμένων για να φαίνονται πιο λεία, αλλοιώνοντας την καθαρή τιμή του αρχικού χρώματος στα συγκεκριμένα σημεία.
  • Κανάλι άλφα (Διαφάνεια): Ένα ημιδιαφανές pixel αναγνωρίζεται αυτόνομα με βάση τα αποθηκευμένα δεδομένα του αρχείου, χωρίς να λαμβάνεται υπόψη το χρώμα του φόντου που βρίσκεται πίσω από αυτό κατά την προβολή.

Ιδιωτικότητα και επεξεργασία δεδομένων

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

Συχνές ερωτήσεις (FAQ)

Πώς μπορώ να επιλέξω ένα χρώμα από την εικόνα;
Μετακινήστε τον δείκτη πάνω από την εικόνα και το πλαίσιο θα δείξει το χρώμα που βρίσκεται από κάτω, με έναν μεγεθυντικό φακό να εστιάζει ώστε να επιλέξετε το ακριβές pixel. Κάντε κλικ για να αποθηκεύσετε αυτό το χρώμα στις επιλογές σας. Μπορείτε επίσης να εστιάσετε στην εικόνα και να μετακινήσετε το σταυρόνημα με τα πλήκτρα βέλους, και στη συνέχεια να πατήσετε Enter.

Ποιες μορφές χρωμάτων υποστηρίζονται;
Κάθε pixel που επιλέγετε εμφανίζεται ταυτόχρονα σε μορφή HEX, RGB και HSL. Κάντε κλικ σε οποιαδήποτε τιμή για να την αντιγράψετε, έτοιμη για επικόλληση σε CSS ή σε κάποιο σχεδιαστικό εργαλείο.

Γιατί το επιλεγμένο χρώμα δεν ταιριάζει πάντα με αυτό που περίμενα;
Λαμβάνετε την ακριβή τιμή pixel που είναι αποθηκευμένη στην εικόνα. Εάν πρόκειται για JPEG ή στιγμιότυπο οθόνης, η συμπίεση και η εξομάλυνση (anti-aliasing) ενδέχεται να έχουν ήδη αλλάξει ελαφρώς τα γειτονικά pixel, ενώ ένα ημιδιαφανές pixel αναγνωρίζεται αυτόνομα, χωρίς να λαμβάνεται υπόψη το φόντο πίσω από αυτό.

Πού αποθηκεύονται οι εικόνες που ανεβάζω στο εργαλείο;
Οι εικόνες δεν μεταφορτώνονται σε κανέναν διακομιστή. Η ανάγνωση της εικόνας γίνεται απευθείας από τη συσκευή σας και δεν φεύγει ποτέ από το πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται στο BroBroGo.