Μετατροπή RGBA σε HSLA
Επικολλήστε μια τιμή RGBA και πάρτε αμέσως HSLA. Λειτουργεί και με κάθε άλλη μορφή.
Αναγνωρίστηκε ως RGB
Το ίδιο χρώμα χωρίς διαφάνεια, ως συμπαγές HSL
Ρύθμιση χρώματος
Όλες οι άλλες μορφές
Πίνακας αδιαφάνειας: άλφα σε HEX και HSLA
Στο 8ψήφιο HEX τα δύο τελευταία ψηφία ορίζουν την αδιαφάνεια: FF είναι πλήρως αδιαφανές, 80 περίπου 50% και 00 πλήρως διάφανο. Ο πίνακας δείχνει το χρώμα του παραδείγματος ανά 5%.
| Αδιαφάνεια | Άλφα σε HEX | HEX | HSLA |
|---|---|---|---|
| 100% | ff | #ff5733 | hsla(10.59, 100%, 60%, 1) |
| 95% | f2 | #ff5733f2 | hsla(10.59, 100%, 60%, 0.95) |
| 90% | e6 | #ff5733e6 | hsla(10.59, 100%, 60%, 0.9) |
| 85% | d9 | #ff5733d9 | hsla(10.59, 100%, 60%, 0.85) |
| 80% | cc | #ff5733cc | hsla(10.59, 100%, 60%, 0.8) |
| 75% | bf | #ff5733bf | hsla(10.59, 100%, 60%, 0.75) |
| 70% | b3 | #ff5733b3 | hsla(10.59, 100%, 60%, 0.7) |
| 65% | a6 | #ff5733a6 | hsla(10.59, 100%, 60%, 0.65) |
| 60% | 99 | #ff573399 | hsla(10.59, 100%, 60%, 0.6) |
| 55% | 8c | #ff57338c | hsla(10.59, 100%, 60%, 0.55) |
| 50% | 80 | #ff573380 | hsla(10.59, 100%, 60%, 0.5) |
| 45% | 73 | #ff573373 | hsla(10.59, 100%, 60%, 0.45) |
| 40% | 66 | #ff573366 | hsla(10.59, 100%, 60%, 0.4) |
| 35% | 59 | #ff573359 | hsla(10.59, 100%, 60%, 0.35) |
| 30% | 4d | #ff57334d | hsla(10.59, 100%, 60%, 0.3) |
| 25% | 40 | #ff573340 | hsla(10.59, 100%, 60%, 0.25) |
| 20% | 33 | #ff573333 | hsla(10.59, 100%, 60%, 0.2) |
| 15% | 26 | #ff573326 | hsla(10.59, 100%, 60%, 0.15) |
| 10% | 1a | #ff57331a | hsla(10.59, 100%, 60%, 0.1) |
| 5% | 0d | #ff57330d | hsla(10.59, 100%, 60%, 0.05) |
| 0% | 00 | #ff573300 | hsla(10.59, 100%, 60%, 0) |
Παραδείγματα μετατροπής RGBA σε HSLA
Σχετικά με τα RGBA και HSLA
Το RGBA είναι RGB με κανάλι άλφα για την αδιαφάνεια, γραμμένο ως rgba(255, 87, 51, 0.5). Το άλφα πάει από 0 (πλήρως διάφανο) έως 1 (πλήρως αδιαφανές). Την ίδια αδιαφάνεια μπορείτε να τη γράψετε ως 8ψήφιο HEX, π.χ. #ff573380.
Το HSLA είναι HSL με κανάλι άλφα για την αδιαφάνεια, γραμμένο ως hsla(11, 100%, 60%, 0.5). Το άλφα πάει από 0 (πλήρως διάφανο) έως 1 (πλήρως αδιαφανές), και η σύγχρονη CSS το δέχεται και μέσα στο hsl().
Πώς γίνεται η μετατροπή
Διαβάζουμε την τιμή RGBA, τη μετατρέπουμε σε CIE XYZ με τους πίνακες της προδιαγραφής CSS Color 4 και μετά σε HSLA. Οι τιμές εκτός του χρωματικού εύρους προορισμού προσαρμόζονται με τον αλγόριθμο του CSS Color 4, που διατηρεί τη φωτεινότητα και την απόχρωση και μειώνει τη χρωματική ένταση.
Ερωτήσεις και απαντήσεις
Πώς μετατρέπω RGBA σε HSLA;
Επικολλήστε ή πληκτρολογήστε μια τιμή RGBA στο πεδίο παραπάνω. Το PickShade τη μετατρέπει με τους τύπους του CSS Color 4 καθώς γράφετε και με ένα κλικ αντιγράφετε την τιμή HSLA.
Είναι ακριβής η μετατροπή RGBA σε HSLA;
Οι υπολογισμοί είναι ακριβείς και το αποτέλεσμα στρογγυλοποιείται μόνο για την εμφάνιση, με αρκετά ψηφία ώστε η αντίστροφη μετατροπή να δίνει το ίδιο χρώμα. Αν το χρώμα δεν χωράει στο χρωματικό εύρος προορισμού, το PickShade σας προειδοποιεί και δείχνει το πλησιέστερο χρώμα που χωράει.
Μπορώ να πάρω και άλλες μορφές ταυτόχρονα;
Ναι. Όλες οι άλλες μορφές, μαζί με OKLCH, Display P3, Tailwind, SwiftUI, Flutter και Android, εμφανίζονται κάτω από το αποτέλεσμα και αντιγράφονται με ένα κλικ.
Είναι δωρεάν αυτός ο μετατροπέας;
Ναι. Είναι δωρεάν, δεν χρειάζεται εγγραφή και λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.