Λειτουργία rgba() CSS

Παράδειγμα

Ορισμός διαφορετικών χρωμάτων RGB με αδιαφάνεια (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Κόκκινο με αδιαφάνεια */
#p2 {background-color:rgba(0,255,0,0.3);} /* Γreen με αδιαφάνεια */
#p3 {background-color:rgba(0,0,255,0.3);} /* Μπλε με αδιαφάνεια */

Δοκιμάστε το προσωπικά

Ορισμός και χρήση

Η λειτουργία rgba() ορίζει τον χρώμα με το μοντέλο Red-green-blue-alpha (RGBA).

Η τιμή RGBA είναι επέκταση της τιμής RGB, η οποία περιέχει κανάλι αδιαφάνειας που μπορεί να καθοριστεί.

Έκδοση: CSS3

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στη τάβλη περιγράφουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τη λειτουργία.

Λειτουργία
rgba() 1.0 9.0 3.0 3.1 10.0

Γλώσσα CSS

rgba(red, green, blue, alpha)
Αξία Περιγραφή
red Ορίζουμε την ένταση του κόκκινου ως ακέραιο από 0 έως 255 ή ως ποσοστό από 0% έως 100%.
green Ορίζουμε την ένταση του πράσινου ως ακέραιο από 0 έως 255 ή ως ποσοστό από 0% έως 100%.
blue Ορίζουμε την ένταση του μπλε ως ακέραιο από 0 έως 255 ή ως ποσοστό από 0% έως 100%.
alpha Ορίζει την αδιαφάνεια ως αριθμό μεταξύ 0.0 (πλήρως διαφανής) και 1.0 (πλήρως αδιαφανής).