Μετατροπέας Χρωμάτων
Μετατρέψτε χρώματα μεταξύ μορφών HEX, RGB και HSL
Τι είναι ο Μετατροπέας Χρωμάτων;
Δημιουργήθηκε και συντηρείται από την ομάδα του BitConvert · Feb 27, 2026
Ο Μετατροπέας Χρωμάτων μεταφράζει ένα μεμονωμένο χρώμα μεταξύ των τριών σημειογραφιών που χρησιμοποιούνται περισσότερο στον ιστό: HEX (η δεκαεξαδική μορφή #RRGGBB που χρησιμοποιείται στο CSS), RGB (κανάλια κόκκινου, πράσινου και μπλε από 0 έως 255) και HSL (απόχρωση σε μοίρες με ποσοστά κορεσμού και φωτεινότητας). Εισαγάγετε μια τιμή σε ένα μοντέλο και επανυπολογίζει άμεσα τα ισοδύναμα στα άλλα.
Ένας οπτικός επιλογέας και μια ζωντανή προεπισκόπηση σας επιτρέπουν να δείτε μια απόχρωση και να διαβάσετε τους ακριβείς κωδικούς της, ενώ κάθε τιμή παραμένει συγχρονισμένη καθώς προσαρμόζετε οποιαδήποτε από αυτές. Επειδή τα HEX, RGB και HSL περιγράφουν όλα τον ίδιο προσθετικό χρωματικό χώρο οθόνης, οι μετατροπές μεταξύ τους είναι ακριβείς — καμία έκπληξη στρογγυλοποίησης όταν μεταφέρετε ένα χρώμα μάρκας από ένα εργαλείο σχεδίασης σε ένα stylesheet.
Βασικά χαρακτηριστικά
HEX, RGB & HSL
Μετατρέψτε μεταξύ των τριών σημειογραφιών στις οποίες βασίζονται το CSS και τα εργαλεία σχεδίασης, με τις τιμές συγχρονισμένες καθώς επεξεργάζεστε οποιοδήποτε πεδίο.
Ζωντανή προεπισκόπηση
Ένα δείγμα χρώματος ενημερώνεται καθώς πληκτρολογείτε ή επιλέγετε, δείχνοντας ακριβώς πώς φαίνεται η τρέχουσα τιμή στην οθόνη.
Οπτικός επιλογέας
Σύρετε μέσα στον επιλογέα χρώματος για να εξερευνήσετε αποχρώσεις και να διαβάσετε άμεσα τους κωδικούς τους σε κάθε μορφή.
Αντιγραφή κάθε μορφής
Αντιγράψτε τη συμβολοσειρά HEX, RGB ή HSL με ένα κλικ για επικόλληση κατευθείαν σε ένα stylesheet ή αρχείο σχεδίασης.
Συνήθεις χρήσεις
Μετατρέψτε έναν κωδικό HEX μάρκας σε τιμή rgb() ώστε να προσθέσετε διαφάνεια με rgba() στο CSS. Προσαρμόστε ένα χρώμα χρησιμοποιώντας HSL για να χτίσετε πιο ανοιχτές ή πιο σκούρες παραλλαγές για καταστάσεις hover και αποχρώσεις σε ένα σύστημα σχεδίασης. Ταιριάξτε ένα χρώμα που επιλέξατε από ένα mockup διαβάζοντας τις ακριβείς τιμές RGB και HEX του για μια καθαρή παράδοση στον προγραμματιστή. Μεταφράστε γρήγορα την επιλογή HSL ενός σχεδιαστή στον κωδικό HEX που περιμένει η βάση κώδικά σας.
Συχνές Ερωτήσεις
Τελευταία ενημέρωση: Feb 27, 2026