Επιλογέας χρωμάτων
Επιλέξτε ένα χρώμα σε τετράγωνο κορεσμού και ρυθμιστικό απόχρωσης ή από οποιοδήποτε σημείο της οθόνης σας, και αντιγράψτε το σε HEX, RGB, HSL, HSV, OKLCH ή CMYK.
Είσοδος
Έξοδος
Readme
Τι είναι ένα εργαλείο επιλογής χρώματος;
Ένα εργαλείο επιλογής χρώματος σάς επιτρέπει να επιλέγετε ένα χρώμα οπτικά, αντί να πληκτρολογείτε αριθμούς. Οι περισσότερες εφαρμογές σχεδίασης το παρουσιάζουν με τον ίδιο τρόπο: ένα ρυθμιστικό απόχρωσης επιλέγει το βασικό χρώμα από το φάσμα του ουράνιου τόξου και ένα τετράγωνο δίπλα του ορίζει πόσο έντονη είναι αυτή η απόχρωση (κορεσμός, από αριστερά προς τα δεξιά) και πόσο φωτεινή είναι (από πάνω προς τα κάτω). Αυτή η διάταξη αντιστοιχεί στο χρωματικό μοντέλο HSV, στο οποίο υπάρχει μια θέση για κάθε χρώμα που μπορεί να εμφανίσει μια οθόνη.
Περιγραφή εργαλείου
Σύρετε μέσα στο τετράγωνο και πάνω στο ρυθμιστικό απόχρωσης για να βρείτε ένα χρώμα ή πληκτρολογήστε ή επικολλήστε ένα χρώμα που έχετε ήδη σε HEX, RGB, HSL ή άλλη μορφή. Στα Chrome και Edge, το κουμπί του σταγονόμετρου επιλέγει ένα χρώμα από οποιοδήποτε σημείο της οθόνης σας, ακόμη κι έξω από το πρόγραμμα περιήγησης. Ορίστε την αδιαφάνεια για χρώματα που επιτρέπουν να φαίνεται το φόντο και αντιγράψτε το αποτέλεσμα στη μορφή που χρειάζεστε: HEX για CSS και τα περισσότερα εργαλεία σχεδίασης, RGB και HSL για CSS, HSV για εφαρμογές σχεδίασης, OKLCH για σύγχρονο CSS και CMYK ως αφετηρία για εκτύπωση.
Λειτουργίες
- Τετράγωνο κορεσμού και φωτεινότητας με ρυθμιστικό απόχρωσης, για χρήση με ποντίκι, αφή ή πληκτρολόγιο
- Σταγονόμετρο οθόνης στα Chrome και Edge
- Πληκτρολόγηση ή επικόλληση χρώματος σε HEX, RGB, HSL, HWB, CMYK και άλλες μορφές
- Αδιαφάνεια, με ένδειξη πάνω σε πλέγμα διαφάνειας
- Τιμές HEX, RGB, HSL, HSV, OKLCH και CMYK, καθεμία έτοιμη για αντιγραφή
- Περισσότερες μορφές, όπως HWB, LAB, LCH και XYZ, στη λίστα μορφών του επιλεγμένου χρώματος
- Εκτελείται στο πρόγραμμα περιήγησής σας
Πώς λειτουργεί
Το εργαλείο διατηρεί το χρώμα ως απόχρωση, κορεσμό και τιμή, ώστε η απόχρωση να παραμένει στη θέση που την αφήσατε όταν σύρετε προς το λευκό, το μαύρο ή το γκρι. Οι υπόλοιπες μορφές υπολογίζονται από αυτές τις τιμές: οι HEX και RGB στρογγυλοποιούνται σε ακέραιους αριθμούς από 0 έως 255, οι HSL και HSV σε ακέραιες μοίρες και ποσοστά, ενώ το OKLCH μετατρέπεται μέσω του χρωματικού χώρου sRGB. Όταν η αδιαφάνεια είναι μικρότερη από 100%, στο HEX προστίθεται ένα τέταρτο ζεύγος ψηφίων και στις μορφές CSS προστίθεται μια τιμή άλφα. Το CMYK δεν υποστηρίζει άλφα και η μετατροπή του είναι απλή, χωρίς προφίλ εκτυπωτή.
Συμβουλές
- Η αδιαφάνεια του επικολλημένου χρώματος, όπως στην
rgba(), δεν διατηρείται: ορίστε την από το πεδίο Αδιαφάνεια. - Κάντε κλικ στο τετράγωνο ή στο ρυθμιστικό και χρησιμοποιήστε τα πλήκτρα βέλους για να μετακινηθείτε κατά 1% ή κατά 10% κρατώντας πατημένο το Shift.
- Για χρώματα σε φωτογραφία ή σε αρχείο στιγμιότυπου οθόνης, χρησιμοποιήστε το εργαλείο Επιλογής χρώματος από εικόνα, το οποίο διαβάζει απευθείας την εικόνα.
- Ρωτήστε το τυπογραφείο σας ποιες τιμές CMYK να χρησιμοποιήσετε, καθώς το ίδιο χρώμα μπορεί να εκτυπωθεί διαφορετικά σε διαφορετικά πιεστήρια και χαρτιά.