CSS rgb() 函数

定义和用法

CSS 的 rgb() 函数使用红-绿-蓝(RGB)颜色模型指定颜色。还可以添加一个可选的透明度通道(表示颜色的透明度)。

Η.Τ.Μ.Λ. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (RGB) δ.ε.θ.α.λ.τ.α.ι.κ.α. μέσω ρ.γ.(κ.α.λ.α.τ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α.Γλώσσα σχετικής τιμής θ.α.ι.ρ.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. κ.α.θ.ι.σ.τ.ω.ρ.ι.ζ.η. κ.α.λ.α.τ.ι.κ.α. δ.ε.θ.α.λ.τ.α.ι.κ.α. (0) ε.ν.θ.υ.π.α.λ.μ.α.τ.ω.ρ.ι.ζ.η. (0% - 100%)

π.ρ.ι.ν.τ.α., ρ.γ.(0 0 255) δ.ε.θ.α.λ.τ.α.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α., γ.α.ρ.τι.σ.τ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. θ.α.ι.ρ.ι.κ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (255), κ.α.θ.ο.ρ.ι.σ.τ.α. ρ.ε.θ.μ.ι.κ.α. κ.α.λ.α.τ.ι.κ.α. (0).

注意:rgba() Σημείωση: rgb() rgba() rgb() Συνάρτηση είναι

Αναφορά συνάρτησης. Προτείνεται η χρήση

Συνάρτηση

Παράδειγμα
Ορίζει διαφορετικά χρώματα RGB(A):
#p1 {χρώμα περιβάλλοντος:rgb(255 0 0);} /* Κόκκινο */
#p2 {χρώμα περιβάλλοντος:rgb(0 255 0);} /* Κίτρινο φύλλου */
#p3 {χρώμα περιβάλλοντος:rgb(0 0 255);} /* Μπλε */
#p4 {χρώμα περιβάλλοντος:rgb(192 192 192);} /* Γκρι */
#p5 {χρώμα περιβάλλοντος:rgb(255 255 0);} /* Κίτρινο */
#p6 {χρώμα περιβάλλοντος:rgb(255 0 255);} /* Κόκκινο δαμάσκηνο */

#p7 {χρώμα περιβάλλοντος:rgb(255 0 255 / 0.2);} /* Κόκκινο δαμάσκηνο με διαφάνεια */

#p8 {χρώμα περιβάλλοντος:rgb(0 0 255 / 50%);} /* Μπλε με διαφάνεια */

Προσπαθήστε το προσωπικά

Γλώσσα CSS
rgb(from )
Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα.

Αυτό είναι το αρχικό χρώμα που βασίζεται στο σχετικό χρώμα.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

G

Απαιτείται. Ορίζει την ένταση του πράσινου, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

B

Απαιτείται. Ορίζει την ένταση του μπλε, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

/ A

Προαιρετικό. Σημαίνει την τιμή του διαφανειακού καναλιού του χρώματος, 0% (ή 0) σημαίνει πλήρως διαφανές, 100% (ή 1) σημαίνει πλήρως αδιαφανές.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο σημαίνει μη διαφανής κανάλι). Η προεπιλεγμένη τιμή είναι 100%.

Γλώσσα αμετάβλητης τιμής

rgb(R G B / A) Περιγραφή Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα. G B / AΓλώσσα σχετικής τιμής
rgb(from )
Τιμή Περιγραφή

from

χρώμα

Ξεκινά με το κλειδί from, ακολουθούμενο από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα.

Αυτό είναι το αρχικό χρώμα που βασίζεται στο σχετικό χρώμα.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

G

Απαιτείται. Ορίζει την ένταση του πράσινου, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

B

Απαιτείται. Ορίζει την ένταση του μπλε, μπορεί να είναι ολόκληρος αριθμός από 0 έως 255 ή ποσοστό από 0% έως 100%.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο ισούται με 0%).

/ A

Προαιρετικό. Σημαίνει την τιμή του διαφανειακού καναλιού του χρώματος, 0% (ή 0) σημαίνει πλήρως διαφανές, 100% (ή 1) σημαίνει πλήρως αδιαφανές.

Μπορεί επίσης να χρησιμοποιηθεί το none (το οποίο σημαίνει μη διαφανής κανάλι). Η προεπιλεγμένη τιμή είναι 100%.

Τεχνικά λεπτομέρειες

Έκδοση: CSS2

Υποστήριξη περιηγητών

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

Chrome Edge Firefox Safari Opera
rgb()
1 4 1 1 3.5
rgb(αυξημένης διαφάνειας)
65 79 52 12.1 52
Μέσα με κενά διαχωρισμένα παραμέτρους
65 79 52 12.1 52