PantoneΕργαλεία

HEX σε HSL

Μετατρέψτε τους χρωματικούς κωδικούς HEX σε τιμές HSL με ακρίβεια, ιδανικό για χειρισμό χρωμάτων και συστήματα σχεδιασμού

Μετατροπέας χρωμάτων

#

Enter a 6-character hex code (without the #)

Κάντε κλικ στα δείγματα χρωμάτων για παραδείγματα

Αποτέλεσμα χρώματος

HSL Values

Απόχρωση

0° = Red, 120° = Green, 240° = Blue

Κορεσμός 0%

0% = Gray, 100% = Full color

Ελαφρότητα 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Παραδείγματα μετατροπής

Κόκκινος

HEX: #FF0000

HSL: 0°, 100%, 50%

Πράσινος

HEX: #00FF00

HSL: 120°, 100%, 50%

Μπλε

HEX: #0000FF

HSL: 240°, 100%, 50%

Κίτρινος

HEX: #FFFF00

HSL: 60°, 100%, 50%

Πορφύρα βαφή

HEX: #FF00FF

HSL: 300°, 100%, 50%

Κυανό

HEX: #00FFFF

HSL: 180°, 100%, 50%

Προτεινόμενα εργαλεία

Σχετικά με αυτό το εργαλείο

Ο μετατροπέας μας από HEX σε HSL μετατρέπει τους δεκαεξαδικούς κωδικούς χρωμάτων στο χρωματικό μοντέλο HSL (Απόχρωση, Κορεσμός, Φωτεινότητα), το οποίο είναι ιδιαίτερα χρήσιμο για τον χειρισμό χρωμάτων και τη δημιουργία συνεπών χρωματικών σχημάτων.

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

Αυτή η μετατροπή είναι ιδιαίτερα πολύτιμη για προγραμματιστές και σχεδιαστές ιστοσελίδων που εργάζονται με CSS, καθώς το HSL επιτρέπει διαισθητικές προσαρμογές χρωμάτων. Η τροποποίηση ενός μεμονωμένου στοιχείου (απόχρωση, κορεσμός ή φωτεινότητα) παράγει προβλέψιμα αποτελέσματα, διευκολύνοντας τη δημιουργία χρωματικών παραλλαγών και αρμονιών.

Η διαδικασία μετατροπής μετατρέπει πρώτα το HEX σε RGB και, στη συνέχεια, το RGB σε HSL χρησιμοποιώντας αλγόριθμους που είναι συμβατοί με τα βιομηχανικά πρότυπα και διατηρούν με ακρίβεια την ακεραιότητα των χρωμάτων μεταξύ διαφορετικών χρωματικών μοντέλων.

Συχνές ερωτήσεις