Μετατροπέας HSL σε RGB
Εισαγάγετε απόχρωση, κορεσμό και φωτεινότητα και πάρτε τις αντίστοιχες τιμές καναλιών κόκκινου, πράσινου και μπλε από 0 έως 255.
Εισαγωγή hsl
Αποτέλεσμα · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Τρόπος χρήσης: HSL σε RGB
- 1
Εισαγάγετε ένα χρώμα
Πληκτρολογήστε έναν κωδικό χρώματος ή επιλέξτε χρώμα με τον επιλογέα — κάθε πεδίο δέχεται τη μορφή που εμφανίζει.
- 2
Δείτε τη μετατροπή
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε, μαζί με ζωντανή προεπισκόπηση του χρώματος.
- 3
Αντιγράψτε τον κωδικό
Αντιγράψτε την τιμή που χρειάζεστε με ένα κλικ και επικολλήστε την στο σχέδιό σας, στο CSS ή στις ρυθμίσεις εκτύπωσης.
Από HSL σε RGB
Το HSL είναι ένας άνετος τρόπος σχεδίασης χρωμάτων: επιλέγετε μια απόχρωση στον χρωματικό τροχό (0° είναι το κόκκινο, 120° το πράσινο, 240° το μπλε) και έπειτα ορίζετε τον κορεσμό — πόσο ζωντανό είναι το χρώμα — και τη φωτεινότητα, όπου το 0% είναι μαύρο, το 50% η καθαρή απόχρωση και το 100% λευκό. Οι οθόνες, ωστόσο, δουλεύουν με RGB, τη φωτεινότητα των κόκκινων, πράσινων και μπλε υποpixel τους, οπότε ένα χρώμα HSL μετατρέπεται πάντα πριν εμφανιστεί.
Χρειάζεστε τις τιμές RGB όταν ένα λογισμικό δεν δέχεται HSL: πολλά προγράμματα γραφικών, τα API χρωμάτων του Android και του iOS, ταινίες LED, μηχανές παιχνιδιών και βιβλιοθήκες γραφημάτων περιμένουν τρεις αριθμούς καναλιών. Πληκτρολογήστε τις τρεις τιμές HSL και το εργαλείο δείχνει το αποτέλεσμα RGB μαζί με HEX, HSV και CMYK. Για παράδειγμα, το hsl(200, 80%, 40%) δίνει rgb(20, 129, 184). Επειδή το HSL εισάγεται σε ακέραιους αριθμούς, γειτονικές τιμές μερικές φορές δίνουν το ίδιο χρώμα RGB.
Όλα εκτελούνται τοπικά στο πρόγραμμα περιήγησής σας — οι εικόνες σας δεν μεταφορτώνονται ποτέ σε διακομιστή.