Αυτός ο επιλογέας χρώματος ξεκινά από ένα οπτικό δείγμα και κρατά τους ακριβείς αριθμούς δίπλα του. Μπορείτε να επικολλήσετε μια CSS hex τιμή όπως #3366cc, να αλλάξετε λίγο τα κανάλια κόκκινου, πράσινου, μπλε και alpha ή να ρυθμίσετε απόχρωση, κορεσμό και φωτεινότητα για δουλειά σε design system. Καμία τιμή χρώματος δεν ανεβαίνει σε server - οι μετατροπές γίνονται τοπικά με JavaScript.
Δωρεάν επιλογέας χρώματος
Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.
Επιλεγμένο#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Τι είναι ο επιλογέας χρώματος;
Ο επιλογέας χρώματος είναι ένα εργαλείο για να διαλέγετε ένα ακριβές ψηφιακό χρώμα και να αντιγράφετε τις τιμές του για design ή κώδικα. Χρησιμοποιήστε το δείγμα, το πεδίο HEX, τα sliders RGB ή τα χειριστήρια HSL και αντιγράψτε αμέσως τιμές HEX, RGB, HSL, HSV ή CMYK. Όλα τρέχουν στον browser σας.
Πώς λειτουργεί
- 1Επιλέξτε ή επικολλήστε χρώμα. Κάντε κλικ στο μεγάλο δείγμα για να ανοίξετε τον επιλογέα χρώματος του browser ή επικολλήστε μια hex τιμή 3, 4, 6 ή 8 ψηφίων στο πεδίο HEX.
- 2Ρυθμίστε τα κανάλια. Χρησιμοποιήστε τα sliders RGB για κόκκινο, πράσινο, μπλε και alpha ή επεξεργαστείτε απόχρωση, κορεσμό και φωτεινότητα όταν θέλετε πιο φιλικό έλεγχο για design.
- 3Αντιγράψτε τη μορφή που χρειάζεστε. Αντιγράψτε HEX, HEX8, RGB, HSL, HSV ή CMYK με ένα κλικ. Η προεπισκόπηση και κάθε έξοδος ενημερώνονται ζωντανά.
Σε ποιους απευθύνεται
- Front-end developers που αντιγράφουν τιμές HEX, RGB και HSL έτοιμες για CSS όσο χτίζουν διεπαφές.
- Σχεδιαστές που ρυθμίζουν ένα χρώμα brand ανά κανάλι αντί να μαντεύουν σε εφαρμογή γραφικών.
- Ομάδες marketing που ταιριάζουν χρώματα καμπάνιας σε email builders, έγγραφα και social assets.
- Μαθητές και δημιουργοί που μαθαίνουν πώς τα RGB, HSL, HSV και CMYK περιγράφουν το ίδιο χρώμα.
Συχνές ερωτήσεις
Είναι δωρεάν αυτός ο επιλογέας χρώματος;
Ναι. Ο επιλογέας χρώματος είναι δωρεάν, δεν χρειάζεται εγγραφή και δεν έχει όριο χρήσης. Ανοίξτε τη σελίδα, διαλέξτε χρώμα και αντιγράψτε τη μορφή που χρειάζεστε.
Ανεβαίνουν κάπου τα χρώματά μου;
Όχι. Ο επιλογέας και οι μετατροπές τρέχουν στον browser σας με απλή JavaScript. Τα επιλεγμένα χρώματα δεν στέλνονται σε server.
Ποιες μορφές χρώματος μπορώ να αντιγράψω;
Μπορείτε να αντιγράψετε HEX, HEX 8 ψηφίων με alpha, RGB ή RGBA, HSL ή HSLA, HSV και CMYK. Το εργαλείο τα κρατά συγχρονισμένα όσο επεξεργάζεστε.
Μπορώ να επικολλήσω ένα hex χρώμα;
Ναι. Επικολλήστε CSS hex τιμές 3, 4, 6 ή 8 ψηφίων, με ή χωρίς το σύμβολο #. Οι σύντομες τιμές αναπτύσσονται με τους κανονικούς κανόνες CSS.
Τι είναι το HEX8;
Το HEX8 είναι hex χρώμα 8 ψηφίων όπου το τελευταίο ζευγάρι αποθηκεύει το alpha. Για παράδειγμα, το #3366cc80 είναι το ίδιο μπλε με περίπου 50% αδιαφάνεια.
Να χρησιμοποιώ RGB ή HSL σε CSS;
Χρησιμοποιήστε RGB όταν χρειάζεστε ακριβείς τιμές καναλιών ή alpha με rgba(). Χρησιμοποιήστε HSL όταν θέλετε να δημιουργήσετε ανοιχτούς τόνους, σκιές ή σχετικά UI states αλλάζοντας κορεσμό και φωτεινότητα.