Μετατροπέας HEX σε HSL
Μετατρέψτε έναν κωδικό χρώματος HEX σε απόχρωση, κορεσμό και φωτεινότητα για να δημιουργείτε εύκολα ανοιχτότερες και σκουρότερες αποχρώσεις.
Εισαγωγή hex
Αποτέλεσμα · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Τρόπος χρήσης: HEX σε HSL
- 1
Εισαγάγετε ένα χρώμα
Πληκτρολογήστε έναν κωδικό χρώματος ή επιλέξτε χρώμα με τον επιλογέα — κάθε πεδίο δέχεται τη μορφή που εμφανίζει.
- 2
Δείτε τη μετατροπή
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε, μαζί με ζωντανή προεπισκόπηση του χρώματος.
- 3
Αντιγράψτε τον κωδικό
Αντιγράψτε την τιμή που χρειάζεστε με ένα κλικ και επικολλήστε την στο σχέδιό σας, στο CSS ή στις ρυθμίσεις εκτύπωσης.
Χρώματα HEX και HSL
Το HEX είναι ο τρόπος γραφής χρωμάτων σε CSS και εργαλεία σχεδίασης: ένα # ακολουθούμενο από τρία ζεύγη δεκαεξαδικών ψηφίων για το κόκκινο, το πράσινο και το μπλε. Το HSL περιγράφει το ίδιο χρώμα με τον τρόπο που το σκέφτονται οι άνθρωποι — την απόχρωση ως γωνία στον χρωματικό τροχό από 0 έως 360° και τον κορεσμό και τη φωτεινότητα σε ποσοστό.
Η μετατροπή σε HSL είναι χρήσιμη όταν χρειάζεστε παραλλαγές ενός χρώματος: κρατήστε την απόχρωση και αλλάξτε τη φωτεινότητα για να πάρετε ανοιχτότερες και σκουρότερες αποχρώσεις για καταστάσεις hover, φόντα και περιγράμματα. Τα προγράμματα περιήγησης κατανοούν και τους δύο συμβολισμούς, για παράδειγμα hsl(342, 100%, 62%). Επικολλήστε έναν τριψήφιο ή εξαψήφιο κωδικό, με ή χωρίς το σύμβολο #, και αντιγράψτε το αποτέλεσμα hsl()· εμφανίζονται επίσης RGB, HSV και CMYK.
Όλα εκτελούνται τοπικά στο πρόγραμμα περιήγησής σας — οι εικόνες σας δεν μεταφορτώνονται ποτέ σε διακομιστή.