RGB/HEX μετατροπέας
Μετατροπή μεταξύ RGB και HEX μορφές χρωμάτων
RGB/HEX Converter
Convert between RGB and HEX colors
Ο μετατροπέας RGB σε HSL είναι ένα απαραίτητο εργαλείο μετατροπής χρωμάτων για σχεδιαστές και προγραμματιστές. Μετατρέψτε τις τιμές χρώματος RGB σε μορφή HSL άμεσα, επιτρέποντας καλύτερο έλεγχο χρωμάτων, ευκολότερο χειρισμό χρωμάτων και πιο εύχρηστες προσαρμογές χρωμάτων σε έργα CSS και σχεδίασης.
Μετατροπέας RGB HEX
Χρώμα εισαγωγής
Εισαγάγετε έναν δεκαεξαδικό κωδικό, τιμές RGB ή επικολλήστε μια αναφορά χρώματος
Προβολή αποτελεσμάτων
Δείτε την άμεση μετατροπή σε μορφή HSL με οπτική προεπισκόπηση
Κατανοήστε τα στοιχεία
Μάθετε τι σημαίνει απόχρωση (H), κορεσμός (S) και ελαφρότητα (L)
λεπτομέρεια
Χρησιμοποιήστε ρυθμιστικά για να προσαρμόσετε τις τιμές HSL και να δείτε αλλαγές σε πραγματικό χρόνο
Τιμές αντιγραφής
Κάντε κλικ στα κουμπιά αντιγραφής για να πάρετε τον κωδικό χρώματος που έχει μετατραπεί
Χρήση σε CSS
Εφαρμόστε τιμές HSL στα φύλλα στυλ σας για ευκολότερο χειρισμό χρωμάτων
Frequently Asked Questions
Ποια είναι η διαφορά μεταξύ RGB και HEX;
Το RGB χρησιμοποιεί δεκαδικές τιμές 0-255, το HEX χρησιμοποιεί δεκαεξαδικό 00-FF
Τι είναι το RGBA;
RGB με κανάλι Alpha για διαφάνεια
Μπορώ να το χρησιμοποιήσω για εκτύπωση;
Το HEX/RGB είναι για χρώματα οθόνης, χρησιμοποιήστε CMYK για εκτύπωση
Πόσο ακριβής είναι η χρωματική προεπισκόπηση;
Πολύ ακριβές - χρησιμοποιεί χρωματική απόδοση του προγράμματος περιήγησης
Γιατί να χρησιμοποιήσετε HSL αντί για RGB;
Το HSL είναι πιο διαισθητικό για την ανθρώπινη αντίληψη. Η προσαρμογή του κορεσμού ή της φωτεινότητας στο HSL είναι ευκολότερη από τον επανυπολογισμό των τιμών RGB, καθιστώντας απλούστερο τον χειρισμό χρωμάτων και τις παραλλαγές.
Τι σημαίνει κορεσμός στο HSL;
Ο κορεσμός (0-100%) ελέγχει την ένταση του χρώματος. Το 0% είναι σε κλίμακα του γκρι, το 100% είναι καθαρό χρώμα. Καθορίζει πόσο ζωντανό ή σίγαση εμφανίζεται ένα χρώμα.
Τι σημαίνει ελαφρότητα στο HSL;
Το Lightness (0-100%) ελέγχει τη φωτεινότητα. 0% είναι μαύρο, 50% καθαρό χρώμα, 100% λευκό. Καθορίζει πόσο σκούρο ή ανοιχτό εμφανίζεται ένα χρώμα.
Μπορώ να χρησιμοποιήσω χρώματα HSL σε όλα τα προγράμματα περιήγησης;
Ναι, η χρωματική σύνταξη HSL υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης. Μπορείτε να χρησιμοποιήσετε την hsl() απευθείας στο CSS χωρίς προθέματα προμηθευτή.
Πώς δημιουργώ χρωματικές παραλλαγές;
Διατηρήστε την απόχρωση σταθερή και ρυθμίστε τον κορεσμό και την ελαφρότητα. Η μείωση του κορεσμού δημιουργεί σιωπηλούς τόνους, ενώ η μείωση της φωτεινότητας δημιουργεί πιο σκούρες αποχρώσεις.
Υπάρχει διαφορά μεταξύ HSL και HSLA;
Το HSLA περιλαμβάνει ένα κανάλι άλφα για διαφάνεια. Το HSLA (απόχρωση, κορεσμός%, ελαφρότητα%, άλφα) σάς επιτρέπει να ελέγχετε την αδιαφάνεια από 0 (διαφανές) έως 1 (αδιαφανές).
Tool Information
Related Tools You Might Like
Γεννήτρια χρωμάτων από την εικόνα
Εξαγωγή κυρίαρχων χρωμάτων από μια εικόνα
Γεννήτρια CSS Gradient
Δημιουργία προσαρμοσμένων CSS gradients με προεπισκόπηση
WCAG Ελέγχου Αντίστασης
Ελέγξτε την αντίθεση χρώματος σύμφωνα με τα πρότυπα WCAG
Γεννήτρια ψηφιακής υπογραφής
Δημιουργία ψηφιακών υπογραφών με διαφορετικές γραμματοσειρές
Σκιά γεννήτρια
Δημιουργία CSS Box Shades
Γεννήτρια Σκιών
Δημιουργία CSS κειμένου σκιά
Ο υπολογιστής όγκου Surfboard
Υπολογίστε τον τέλειο όγκο surfboard με βάση το βάρος σας, το επίπεδο εμπειρίας και τις συνθήκες κύματος.
Μετασχηματιστής ύψους κύματος
Μετατρέψτε μεταξύ των διαφόρων μετρήσεων ύψους κύματος (υψηλότητα του προσώπου, Χαβάη κλίμακα, ωκεανική πρήξιμο).
Το Scuba Dive Planner
Σχεδιάστε το σκούβα σας με όρια βάθους, κάτω ώρα και απαιτήσεις αποσύνθεσης ασφαλείας.