Απλός επιλογέας χρωμάτων

Δωρεάν επιλογέας χρωμάτων για Chrome

Επιλέξτε χρώμα από οποιαδήποτε σελίδα. Πάρτε #E8553D

Ο Απλός επιλογέας χρωμάτων είναι ένα δωρεάν σταγονόμετρο για το Chrome. Πατήστε το κουμπί του ή Alt+P, στοχεύστε οποιοδήποτε pixel μέσα από τον φακό ζουμ και κάντε κλικ: ο κωδικός HEX, RGB ή HSL είναι ήδη στο πρόχειρο. Τα τελευταία 50 χρώματα περιμένουν στο αναδυόμενο παράθυρο.

Προσθήκη στο Chrome — δωρεάν

453 χρήστες στο Chrome Web Store

Λειτουργεί και σε Edge, Brave, Opera και άλλα προγράμματα περιήγησης Chromium.

Ο τετράγωνος φακός ζουμ πάνω σε μια αφίσα σε ιστοσελίδα πλαισιώνει ένα pixel με τα HEX, RGB και HSL του, δίπλα στο αναδυόμενο παράθυρο της επέκτασης Απλός επιλογέας χρωμάτων, που δείχνει το #E8553D και ιστορικό χρωμάτων

Με μια ματιά

Τι κάνει
Σταγονόμετρο χρωμάτων: στοχεύστε οποιοδήποτε pixel μιας ιστοσελίδας μέσα από φακό ζουμ, κάντε κλικ και ο κωδικός HEX, RGB ή HSL αντιγράφεται.
Για ποιον
Για προγραμματιστές ιστού και σχεδιαστές που αντιστοιχίζουν χρώματα από ζωντανούς ιστότοπους, μακέτες και στιγμιότυπα οθόνης ανοιγμένα στο πρόγραμμα περιήγησης, και για όποιον χρειάζεται έναν κωδικό χρώματος.
Τιμή
Δωρεάν. Χωρίς λογαριασμό, χωρίς έκδοση επί πληρωμή.
Δεδομένα
Το ιστορικό και η προεπιλεγμένη μορφή μένουν στην τοπική αποθήκευση της επέκτασης στη συσκευή σας. Χωρίς analytics, χωρίς αιτήματα δικτύου.
Πού λειτουργεί
Στο Chrome και σε άλλα προγράμματα περιήγησης Chromium που εγκαθιστούν επεκτάσεις από το Chrome Web Store, σε υπολογιστή. Όχι σε σελίδες του προγράμματος περιήγησης, όπως η νέα καρτέλα, οι ρυθμίσεις ή το Chrome Web Store.
Περιορισμοί
Επιλέγει από το ορατό τμήμα της καρτέλας, με βάση ένα στιγμιότυπο που λαμβάνεται όταν ξεκινάτε. Χωρίς CMYK, Pantone ή έλεγχο αντίθεσης, και χωρίς επιλογή εκτός του προγράμματος περιήγησης.
Έκδοση
2.7.0, ενημερώθηκε 23 Οκτωβρίου 2026

Τρία βήματα, ένα κλικ

  1. 1

    Ξεκινήστε τον επιλογέα

    Κάντε κλικ στο εικονίδιο της γραμμής εργαλείων και πατήστε «Επιλογή χρώματος» ή πατήστε Alt+P σε οποιαδήποτε σελίδα.

  2. 2

    Στοχεύστε με τον φακό

    Ένας τετράγωνος φακός μεγεθύνει γύρω από τον δείκτη και πλαισιώνει ακριβώς το pixel. Ένα chip από κάτω δείχνει ζωντανά τα HEX, RGB και HSL.

  3. 3

    Κλικ και επικόλληση

    Ο κωδικός αντιγράφεται στην προεπιλεγμένη μορφή και ένα σύντομο μήνυμα το επιβεβαιώνει. Επικολλήστε τον σε CSS, Figma ή μήνυμα.

Ποιοι το χρησιμοποιούν

CSS

Εργασία front-end

Πάρτε ακριβείς τιμές από έναν ζωντανό ιστότοπο για CSS, SCSS ή ρυθμίσεις Tailwind, χωρίς να ανοίξετε τα DevTools.

HEX

Έλεγχος σχεδίασης και επωνυμίας

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

HSL

Ρύθμιση χρωμάτων

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

Τι κάνει

  • pixel, πλαισιωμένο

    Ο φακός μεγεθύνει 11 × 11 pixel γύρω από τον δείκτη και ένα σταυρόνημα πλαισιώνει εκείνο που θα επιλεγεί. Πετύχετε ένα περίγραμμα ενός pixel ή ένα μεμονωμένο σκαλοπάτι μιας διαβάθμισης.

  • μορφές

    HEX όπως #2A6FDB, RGB όπως rgb(42, 111, 219), HSL όπως hsl(217, 71%, 51%). Επιλέξτε την προεπιλογή μία φορά στο αναδυόμενο παράθυρο.

  • χρώματα στο ιστορικό

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

  • Συντόμευση Alt+P

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

  • αιτήματα δικτύου

    Όλα τρέχουν στο πρόγραμμα περιήγησής σας. Χωρίς λογαριασμό, χωρίς analytics, χωρίς τηλεμετρία.

  • Ανοιχτό και σκούρο

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

Κωδικός χρώματος οποιουδήποτε στοιχείου σε μια σελίδα

Το δικό του σταγονόμετρο του Chrome βρίσκεται μέσα στα DevTools: ανοίγετε τον πίνακα Στυλ, βρίσκετε μια ιδιότητα χρώματος, κάνετε κλικ στο δείγμα της και μετά στο σταγονόμετρο. Λειτουργεί, αλλά είναι θαμμένο, και η τιμή που επιλέγεται αντικαθιστά την ιδιότητα στο CSS της σελίδας αντί να καταλήξει στο πρόχειρό σας.

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

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

Ιδιωτικό εκ σχεδιασμού

  • Χωρίς αιτήματα δικτύου

    Η επέκταση δεν επικοινωνεί ποτέ με διακομιστή. Χωρίς analytics, χωρίς τηλεμετρία.

  • Μένει στη συσκευή σας

    Το ιστορικό και η προεπιλεγμένη μορφή βρίσκονται στην τοπική αποθήκευση της επέκτασης.

  • Τέσσερα δικαιώματα

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

Σταγονόμετρο DevTools και Απλός επιλογέας χρωμάτων

Σταγονόμετρο DevTools και Απλός επιλογέας χρωμάτωνΣταγονόμετρο DevToolsΑπλός επιλογέας χρωμάτων
Πώς ξεκινάΑνοίγετε τα DevTools, βρίσκετε ένα χρώμα στα Στυλ, κάνετε κλικ στο δείγμα του και μετά στο σταγονόμετροΚουμπί γραμμής εργαλείων ή Alt+P
Πού πηγαίνει το αποτέλεσμαΣτην ιδιότητα CSS που ανοίξατε· το αντιγράφετε μόνοι σαςΣτο πρόχειρο, με ένα κλικ
Μορφές χρώματοςHEX, RGB, HSL και άλλεςHEX, RGB και HSL
Χρώματα που επιλέχθηκαν νωρίτεραΔεν διατηρούνταιΤα τελευταία 50, έτοιμα για νέα αντιγραφή
ΤιμήΕνσωματωμένο στο ChromeΔωρεάν

Ερωτήσεις

Πώς παίρνω τον κωδικό χρώματος από έναν ιστότοπο;

Εγκαταστήστε την επέκταση Απλός επιλογέας χρωμάτων, πατήστε Alt+P στη σελίδα, στοχεύστε το χρώμα με τον φακό και κάντε κλικ. Ο κωδικός HEX, ή RGB ή HSL αν προτιμάτε, αντιγράφεται στο πρόχειρο.

Πώς επιλέγω χρώμα από μια εικόνα σε μια ιστοσελίδα;

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

Μπορώ να αντιγράψω HSL ή RGB αντί για HEX;

Ναι. Επιλέξτε την προεπιλεγμένη μορφή στο αναδυόμενο παράθυρο: HEX, RGB ή HSL. Το παράθυρο δείχνει επίσης και τις τρεις μορφές για κάθε χρώμα του ιστορικού, καθεμία με δικό της κουμπί αντιγραφής.

Πού βρίσκω χρώματα που έχω επιλέξει νωρίτερα;

Ανοίξτε το αναδυόμενο παράθυρο: τα τελευταία 50 χρώματά σας βρίσκονται εκεί ως δείγματα, με το πιο πρόσφατο πρώτο. Κάντε κλικ σε ένα για να δείτε και να αντιγράψετε τους κωδικούς του ή διαγράψτε το ιστορικό.

Πώς αλλάζω τη συντόμευση Alt+P;

Κάντε κλικ στο πλήκτρο της συντόμευσης στο αναδυόμενο παράθυρο. Ανοίγει τη σελίδα συντομεύσεων πληκτρολογίου του Chrome, όπου μπορείτε να ορίσετε άλλο πλήκτρο.

Γιατί δεν λειτουργεί σε ορισμένες σελίδες;

Το Chrome κλείνει τις δικές του σελίδες, όπως η νέα καρτέλα, οι ρυθμίσεις και το Chrome Web Store, σε όλες τις επεκτάσεις. Επίσης ο επιλογέας διαβάζει μόνο το ορατό τμήμα της καρτέλας, οπότε κάντε πρώτα κύλιση στο χρώμα.

Μπορεί να επιλέξει χρώματα εκτός του προγράμματος περιήγησης;

Όχι. Επιλέγει μόνο από την τρέχουσα καρτέλα του προγράμματος περιήγησης. Επίσης δεν μετατρέπει σε CMYK ή Pantone και δεν ελέγχει την αντίθεση.

Είναι δωρεάν; Συλλέγει δεδομένα;

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

Περισσότερες δωρεάν επεκτάσεις από την PYROCTAL

Στόχευση. Κλικ. Επικόλληση.

Προσθήκη στο Chrome — δωρεάν