Μετατροπέας RGB σε HSL
Μετατρέψτε RGB σε HSL καθώς πληκτρολογείτε — δωρεάν, άμεσα, με αναλυτικό παράδειγμα και πίνακα κοινών χρωμάτων.
Πληκτρολογήστε μια τιμή RGB και δείτε την τιμή HSL από κάτω, ή επιλέξτε ένα χρώμα από το δείγμα.
Αναλυτικό παράδειγμα
RGB 255, 87, 51 = HSL 11, 100%, 60%
Πώς λειτουργεί η μετατροπή
- Το HSL περιγράφει το ίδιο χρώμα μέσω της απόχρωσης (hue, 0–360° στον τροχό χρωμάτων), του κορεσμού (saturation) και της φωτεινότητας (lightness) — ιδιαίτερα χρήσιμο για να σκουρύνετε ή να αποκορεσείτε ένα χρώμα αλλάζοντας μόνο μία συνιστώσα.
Κοινά χρώματα σε RGB και HSL
| Χρώμα | RGB | HSL |
|---|---|---|
| Κόκκινο | 255, 0, 0 | 0, 100%, 50% |
| Πορτοκαλί | 255, 165, 0 | 39, 100%, 50% |
| Κίτρινο | 255, 255, 0 | 60, 100%, 50% |
| Πράσινο | 0, 128, 0 | 120, 100%, 25% |
| Κυανό | 0, 255, 255 | 180, 100%, 50% |
| Μπλε | 0, 0, 255 | 240, 100%, 50% |
| Μοβ | 128, 0, 128 | 300, 100%, 25% |
| Ροζ | 255, 192, 203 | 350, 100%, 88% |
| Καφέ | 165, 42, 42 | 0, 59%, 41% |
| Λευκό | 255, 255, 255 | 0, 0%, 100% |
| Γκρι | 128, 128, 128 | 0, 0%, 50% |
| Μαύρο | 0, 0, 0 | 0, 0%, 0% |
Κάθε μετατροπή εκτελείται στον περιηγητή σας. Τίποτα από όσα εισάγετε δεν μεταφορτώνεται στο BroBroGo.
Συχνές ερωτήσεις
Πώς μπορώ να μετατρέψω RGB σε HSL;
Πληκτρολογήστε ή επικολλήστε την τιμή RGB παραπάνω — η τιμή HSL ενημερώνεται καθώς πληκτρολογείτε. Μπορείτε επίσης να επιλέξετε το χρώμα οπτικά με το δείγμα χρώματος.
Είναι η μετατροπή ακριβής;
Οι τιμές στρογγυλοποιούνται σε ακέραιους αριθμούς, όπως αναμένουν το CSS και τα σχεδιαστικά εργαλεία. Η διαφορά είναι πολύ μικρότερη από αυτή που μπορεί να εντοπίσει το ανθρώπινο μάτι.