Μετατροπέας Χρωμάτων
Μετατρέψτε επεξεργάσιμες τιμές HEX, RGB, RGBA, HSL, HSLA και HSV ενώ προεπισκοπείτε το ίδιο χρώμα και αντιγράφετε τη μορφή που χρειάζεται ο κώδικας ή το σύστ…
Έναρξη χρήσης
Τι σας βοηθά να κάνετε αυτό το εργαλείο
Μετατρέψτε επεξεργάσιμες τιμές HEX, RGB, RGBA, HSL, HSLA και HSV ενώ προεπισκοπείτε το ίδιο χρώμα και αντιγράφετε τη μορφή που χρειάζεται ο κώδικας ή το σύστημα σχεδιασμού σας.
Παράδειγμα εφαρμογής
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Πώς παράγεται το αποτέλεσμα
Το RGB αποθηκεύει την ένταση των καναλιών κόκκινου, πράσινου και μπλε. Το HSL περιγράφει απόχρωση, κορεσμό και φωτεινότητα· το HSV χρησιμοποιεί τιμή αντί για φωτεινότητα. Η μετατροπή διατηρεί το αναπαριστώμενο χρώμα, υπό την επιφύλαξη στρογγυλοποίησης και περιορισμών γκάμας.
Χρήσιμες ροές εργασίας
- Μετάφραση χρωμάτων από αρχεία σχεδιασμού σε CSS
- Δημιουργία επεξεργάσιμων παραλλαγών HSL από μια τιμή HEX της επωνυμίας
- Επαλήθευση τιμών άλφα πριν από τη χρήση επικαλύψεων
Σημαντικοί περιορισμοί
- Το HEX χωρίς κανάλι άλφα είναι πλήρως αδιαφανές.
- Οι επαναλαμβανόμενες μετατροπές μπορούν να αλλάξουν το τελευταίο ψηφίο επειδή τα κανάλια στρογγυλοποιούνται.
- Οι ισοδύναμες αριθμητικές τιμές μπορεί να εμφανίζονται διαφορετικές σε οθόνες χωρίς βαθμονόμηση.
Συχνές ερωτήσεις
Είναι τα χρώματα HEX και RGB διαφορετικά;
Είναι δύο συμβολισμοί για το ίδιο μοντέλο καναλιών RGB· το #3B82F6 και το rgb(59,130,246) αντιπροσωπεύουν το ίδιο χρώμα.
Η μετατροπή ενός χρώματος βελτιώνει την αντίθεση;
Όχι. Η μετατροπή αλλάζει τον συμβολισμό, όχι την αντίθεση. Δοκιμάστε το πραγματικό ζεύγος προσκηνίου και φόντου.
Η επεξεργασία γίνεται τοπικά στον πρόγραμμα περιήγησης σας.