Μετατροπέας HSL σε HSV
Μετατρέψτε απόχρωση, κορεσμό και φωτεινότητα σε απόχρωση, κορεσμό και τιμή (HSB) για προγράμματα γραφικών.
Εισαγωγή hsl
Αποτέλεσμα · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Τρόπος χρήσης: HSL σε HSV
- 1
Εισαγάγετε ένα χρώμα
Πληκτρολογήστε έναν κωδικό χρώματος ή επιλέξτε χρώμα με τον επιλογέα — κάθε πεδίο δέχεται τη μορφή που εμφανίζει.
- 2
Δείτε τη μετατροπή
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε, μαζί με ζωντανή προεπισκόπηση του χρώματος.
- 3
Αντιγράψτε τον κωδικό
Αντιγράψτε την τιμή που χρειάζεστε με ένα κλικ και επικολλήστε την στο σχέδιό σας, στο CSS ή στις ρυθμίσεις εκτύπωσης.
Σύγκριση HSL και HSV
Τα HSL και HSV ξεκινούν και τα δύο από την απόχρωση, μια γωνία στον χρωματικό τροχό, και περιγράφουν το υπόλοιπο χρώμα με δύο ποσοστά — αλλά τα ποσοστά σημαίνουν διαφορετικά πράγματα. Στο HSL, φωτεινότητα 50% είναι το καθαρό χρώμα και 100% είναι πάντα λευκό. Στο HSV, που ονομάζεται και HSB, τιμή 100% είναι η φωτεινότερη εκδοχή της απόχρωσης, ενώ το λευκό είναι τιμή 100% με κορεσμό 0%. Και ο κορεσμός υπολογίζεται διαφορετικά, οπότε οι αριθμοί δεν μπορούν απλώς να αντιγραφούν από το ένα στο άλλο.
Γι' αυτό ένα χρώμα που γράφεται στη CSS ως hsl(120, 100%, 25%) — το χρώμα Green της CSS — πρέπει να εισαχθεί σε επιλογέα χρώματος HSV ως hsv(120, 100%, 50%). Χρησιμοποιήστε αυτόν τον μετατροπέα όταν μεταφέρετε χρώματα από κώδικα web σε Photoshop, Figma, Blender ή κώδικα επεξεργασίας εικόνας που δουλεύει σε HSV. Η απόχρωση μένει ίδια· αλλάζουν μόνο ο κορεσμός και η τρίτη τιμή.
Όλα εκτελούνται τοπικά στο πρόγραμμα περιήγησής σας — οι εικόνες σας δεν μεταφορτώνονται ποτέ σε διακομιστή.