Σχετικά με αυτό το εργαλείο
Μετατρέψτε τις τιμές χρώματος HSL (Hue, Saturation, Lightness) σε δεκαεξαδικούς κωδικούς. Το HSL είναι ένα διαισθητικό χρωματικό μοντέλο όπου η απόχρωση είναι η γωνία χρώματος (0-360°), ο κορεσμός είναι η ένταση χρώματος (0-100%) και το Lightness ελέγχει πόσο ανοιχτό ή σκούρο είναι το χρώμα (0-100%). Χρήσιμο για σχεδιαστές που εργάζονται σε HSL και χρειάζονται hex κωδικούς για CSS.
Συχνές ερωτήσεις
- Γιατί να χρησιμοποιήσετε HSL αντί για hex ή RGB;
- Το HSL είναι πιο διαισθητικό για τους ανθρώπους. Θέλετε μια πιο σκούρα απόχρωση; Μειώστε την ελαφρότητα. Θέλετε μια σίγαση έκδοση; Μειώστε τον κορεσμό. Αυτές οι σχέσεις δεν είναι εμφανείς σε hex ή RGB όπου θα πρέπει να προσαρμόσετε και τα τρία κανάλια.
- Τι σημαίνει μια απόχρωση 0 έναντι 360;
- Τόσο οι 0° όσο και οι 360° είναι κόκκινες — ο τροχός απόχρωσης τυλίγεται. Κύριες αποχρώσεις: 0° = κόκκινο, 60° = κίτρινο, 120° = πράσινο, 180° = κυανό, 240° = μπλε, 300° = ματζέντα.
- Τι συμβαίνει σε 0% και 100% κορεσμό;
- Σε κορεσμό 0%, οποιαδήποτε απόχρωση γίνεται μια απόχρωση του γκρι (καθορίζεται μόνο από την ελαφρότητα). Σε 100% κορεσμό, έχετε την πιο αγνή, πιο ζωντανή εκδοχή αυτής της απόχρωσης.
- Πώς λειτουργεί η ελαφρότητα;
- Το 0% φωτεινότητα είναι πάντα μαύρο ανεξάρτητα από την απόχρωση/κορεσμό. Το 100% είναι πάντα λευκό. Το 50% δίνει την καθαρή, πιο ζωντανή εκδοχή του χρώματος. Οι τιμές μεταξύ 0-50% είναι πιο σκούρες αποχρώσεις, 50-100% είναι πιο ανοιχτές.