Μετατροπέας HSL σε HEX
Μετατρέψτε HSL σε HEX καθώς πληκτρολογείτε — δωρεάν, άμεσα, με αναλυτικό παράδειγμα και πίνακα κοινών χρωμάτων.
Πληκτρολογήστε μια τιμή HSL και δείτε την τιμή HEX από κάτω, ή επιλέξτε ένα χρώμα από το δείγμα.
Αναλυτικό παράδειγμα
HSL 11, 100%, 60% = HEX #ff5733
Πώς λειτουργεί η μετατροπή
- Ένας κωδικός HEX είναι τα ίδια τρία κανάλια RGB γραμμένα στο δεκαεξαδικό σύστημα (βάση 16): δύο ψηφία ανά κανάλι, από 00 (0) έως ff (255).
- Το HSL περιγράφει το ίδιο χρώμα μέσω της απόχρωσης (hue, 0–360° στον τροχό χρωμάτων), του κορεσμού (saturation) και της φωτεινότητας (lightness) — ιδιαίτερα χρήσιμο για να σκουρύνετε ή να αποκορεσείτε ένα χρώμα αλλάζοντας μόνο μία συνιστώσα.
Κοινά χρώματα σε HSL και HEX
| Χρώμα | HSL | HEX |
|---|---|---|
| Κόκκινο | 0, 100%, 50% | #ff0000 |
| Πορτοκαλί | 39, 100%, 50% | #ffa500 |
| Κίτρινο | 60, 100%, 50% | #ffff00 |
| Πράσινο | 120, 100%, 25% | #008000 |
| Κυανό | 180, 100%, 50% | #00ffff |
| Μπλε | 240, 100%, 50% | #0000ff |
| Μοβ | 300, 100%, 25% | #800080 |
| Ροζ | 350, 100%, 88% | #ffc0cb |
| Καφέ | 0, 59%, 41% | #a52a2a |
| Λευκό | 0, 0%, 100% | #ffffff |
| Γκρι | 0, 0%, 50% | #808080 |
| Μαύρο | 0, 0%, 0% | #000000 |
Κάθε μετατροπή εκτελείται στον περιηγητή σας. Τίποτα από όσα εισάγετε δεν μεταφορτώνεται στο BroBroGo.
Συχνές ερωτήσεις
Πώς μπορώ να μετατρέψω HSL σε HEX;
Πληκτρολογήστε ή επικολλήστε την τιμή HSL παραπάνω — η τιμή HEX ενημερώνεται καθώς πληκτρολογείτε. Μπορείτε επίσης να επιλέξετε το χρώμα οπτικά με το δείγμα χρώματος.
Είναι η μετατροπή ακριβής;
Οι τιμές στρογγυλοποιούνται σε ακέραιους αριθμούς, όπως αναμένουν το CSS και τα σχεδιαστικά εργαλεία. Η διαφορά είναι πολύ μικρότερη από αυτή που μπορεί να εντοπίσει το ανθρώπινο μάτι.