HSL έως RGBA

Σύγκριση HSL με RGBA

HSL, HLS ή HSI (από την αγγλική απόχρωση, κορεσμός, ελαφρότητα (ένταση)) είναι ένα χρωματικό μοντέλο στο οποίο οι συντεταγμένες χρώματος είναι απόχρωση, κορεσμός και ελαφρότητα. Πρέπει να σημειωθεί ότι τα HSV και HSL είναι δύο διαφορετικά χρωματικά μοντέλα (ελαφρότητα, διαφορετική από τη φωτεινότητα). Το μοντέλο χρώματος HSL σας επιτρέπει να ερμηνεύσετε το βασικό μοντέλο RGB στην προβολή ενός κυλινδρικού συστήματος συντεταγμένων χρωμάτων. Οι χρωματιστές πιστεύουν ότι το HSL σάς επιτρέπει να καθορίζετε χρώματα με πιο αναγνώσιμο από τον άνθρωπο τρόπο από το τυπικό μοντέλο RGB. Η συντομογραφία HSL ερμηνεύεται ως Hue (χρώμα / απόχρωση), Κορεσμός (κορεσμός), Lightness / Luminance (φωτεινότητα, δεν πρέπει να συγχέεται με τη φωτεινότητα). Ο πρώτος παράγοντας (Hue) υποδεικνύει τη συντεταγμένη χρώματος μέσα στον χρωματικό τροχό (από 0 έως 360 μοίρες). Ο δεύτερος συντελεστής (Κορεσμός) μεταφέρει την τιμή κορεσμού ως ποσοστό (από 0% έως 100%). Ο τελευταίος συντελεστής (Lightness) δείχνει το ποσοστό φωτεινότητας (από 0% έως 100%).

Το RGBA σημαίνει Red Green Blue Alpha. Αν και μερικές φορές αναφέρεται ως χρωματικός χώρος, είναι στην πραγματικότητα ένα μοντέλο χρωμάτων RGB τριών καναλιών, που αυξάνεται από ένα τέταρτο άλφα κανάλι. Το Alpha καθορίζει πόσο αδιαφανές είναι κάθε εικονοστοιχείο και σας επιτρέπει να συνδυάσετε μια εικόνα με άλλες χρησιμοποιώντας την ανάμειξη άλφα, με διαφανείς περιοχές και να εξομαλύνετε τις άκρες των αδιαφανών περιοχών. Η μορφή RGBA είναι παρόμοια σε σύνταξη με το RGB, αλλά περιλαμβάνει ένα κανάλι άλφα που ελέγχει τη διαφάνεια του στοιχείου. Η τιμή 0 αντιστοιχεί σε πλήρη διαφάνεια, 1 στην αδιαφάνεια και σε μια ενδιάμεση τιμή όπως 0,5 έως ημι-διαφάνεια. Το RGBA προστέθηκε στο CSS3, επομένως η επικύρωση κώδικα CSS πρέπει να γίνει χρησιμοποιώντας αυτήν την έκδοση. Πρέπει να σημειωθεί ότι το πρότυπο CSS3 βρίσκεται ακόμη υπό ανάπτυξη και ορισμένα χαρακτηριστικά του ενδέχεται να αλλάξουν. Για παράδειγμα, ένα χρώμα RGB που προστίθεται στην ιδιότητα χρώματος φόντου επικυρώνεται, αλλά το χρώμα που προστίθεται στην ιδιότητα φόντου δεν είναι πλέον. Ταυτόχρονα, τα προγράμματα περιήγησης κατανοούν πολύ σωστά το χρώμα και για τις δύο ιδιότητες.