HSV σε HSL

Μετατρέψτε τις τιμές χρώματος HSV σε HSL για ευέλικτο χειρισμό χρωμάτων σε συστήματα σχεδιασμού

Μετασχηματισμός μεταξύ διαισθητικών χρωματικών μοντέλων για βελτιωμένη ευελιξία σχεδιασμού

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

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Απόχρωση 0°

0-360° color wheel position

Κορεσμός 100%

0-100% color intensity

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

0-100% brightness

hsl(0°, 100%, 50%)

Πρόσθετες μορφές

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Χρήση CSS

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

Πληροφορίες Μετατροπών

Αυτό το έντονο κόκκινο διατηρεί τον πλήρη κορεσμό και στα δύο χρωματικά μοντέλα, αλλά εμφανίζει διαφορετικές μετρήσεις φωτεινότητας, καταδεικνύοντας τη βασική διαφορά μεταξύ Τιμής (HSV) και Φωτεινότητας (HSL).

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

Έντονο κόκκινο

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

Διαφορά Ελαφρότητα = 50% της Αξίας

Πράσινο Δάσος

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

Διαφορά Προσαρμοσμένο για κλίμακα φωτεινότητας

Βασιλικό Μπλε

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

Διαφορά Ελαφρότητα ισορροπημένη για αντίληψη

Απαλό ροζ

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

Διαφορά Αυξημένος κορεσμός στο HSL

Απαλό Μωβ

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

Διαφορά Η φωτεινότητα ρυθμίστηκε προς τα κάτω

Γκρι τόνος

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

Διαφορά Ίδιο για κλίμακα του γκρι

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

HSL to HSV Converter

Μετατρέψτε τις τιμές χρώματος HSL σε HSV για εναλλακτικό χειρισμό χρωμάτων

Γεννήτρια Χρωματικής Αρμονίας

Δημιουργήστε ισορροπημένα χρωματικά σχήματα χρησιμοποιώντας χρωματικές σχέσεις που βασίζονται σε HSL

HSL Color Scales

Δημιουργήστε αποχρώσεις, σκιές και τόνους οποιουδήποτε χρώματος χρησιμοποιώντας προσαρμογές HSL

Συγκριτής Χρωματικού Μοντέλου

Οπτικοποιήστε πώς εμφανίζονται τα χρώματα σε μοντέλα HSV, HSL, RGB και CMYK

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

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

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

Ενώ και τα δύο μοντέλα μοιράζονται τα στοιχεία Απόχρωση και Κορεσμός, η επεξεργασία της φωτεινότητας (Τιμή έναντι Φωτεινότητας) δημιουργεί θεμελιωδώς διαφορετικές συμπεριφορές. Αυτός ο μετατροπέας χρησιμοποιεί ακριβείς μαθηματικούς αλγόριθμους για τη μετατροπή μεταξύ αυτών των μοντέλων, διατηρώντας παράλληλα την οπτική συνέπεια, επιτρέποντας στους σχεδιαστές να αξιοποιήσουν τα δυνατά σημεία κάθε μοντέλου σε όλη τη ροή εργασίας τους.