❮ Tham chiếu chức năng CSS
Thí dụ
Xác định các màu RGB khác nhau:
#p1 {màu nền: RGB [255,0,0]; [0,0,0,255];} / * màu xanh * /
#p2 {background-color:rgb[0,255,0];} /* green */
#p3 {background-color:rgb[0,0,255];} /* blue */
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Hàm RGB [] xác định màu sắc bằng mô hình màu đỏ xanh [RGB] màu đỏ [RGB].
Một giá trị màu RGB được chỉ định với: RGB [đỏ, xanh lá cây, xanh dương]. Mỗi tham số xác định cường độ của màu đó và có thể là một số nguyên từ 0 đến 255 hoặc giá trị phần trăm [từ 0% đến 100%].
Ví dụ: giá trị RGB [0,0,255] được hiển thị dưới dạng màu xanh lam, vì tham số màu xanh được đặt thành giá trị cao nhất của nó [255] và các tham số khác được đặt thành 0.
CSS2 |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng.
RGB [] | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Cú pháp
màu đỏ | Xác định cường độ của màu đỏ là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
màu xanh lá | Xác định cường độ màu xanh lá cây là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
màu xanh da trời | Xác định cường độ của màu xanh là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
❮ Tham chiếu chức năng CSS
Ký hiệu chức năng Lưu ý: Màu sắc CSS Cấp 4 đã thực hiện một số thay đổi đối với Thông số kỹ thuật cấp 4 cũng cho phép phân tách không gian ngoài các giá trị được phân tách bằng dấu phẩy.rgb[]
thể hiện một màu theo các thành phần màu đỏ, xanh lá cây và xanh lam của nó. Một thành phần alpha tùy chọn thể hiện độ trong suốt của màu.rgb[]
functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.Thử nó
rgb[]
. Trong các trình duyệt hỗ trợ tiêu chuẩn rgba[]
là bí danh cho rgb[]
, họ chấp nhận các tham số tương tự và hoạt động theo cùng một cách. CSS Colors Level 4 made
some changes to rgb[]
. In browsers that support the standard rgba[]
is an alias for rgb[]
, they accept the same parameters and behave the same way.Cú pháp
rgb[255, 255, 255] /* white */
rgb[255, 255, 255,.5] /* white with 50% opacity */
rgb[255 255 255] /* CSS Colors 4 space-separated values */
rgb[255 255 255 / .5]; /* white with 50% opacity, using CSS Colors 4 space-separated values */
Giá trị
Ký hiệu chức năng: rgb[R, G, B[, A]]
R
[màu đỏ], G
[màu xanh lá cây] và B
[màu xanh lam] có thể là
rgb[ red, green, blue ]0s hoặc
rgb[ red, green, blue ]1s, trong đó số
rgb[ red, green, blue ]2 tương ứng với
rgb[ red, green, blue ]3.
rgb[ red, green, blue ]4 [alpha] có thể là
rgb[ red, green, blue ]0 giữa
rgb[ red, green, blue ]6 và
rgb[ red, green, blue ]7 hoặc
rgb[ red, green, blue ]1, trong đó số
rgb[ red, green, blue ]7 tương ứng với
rgb[ red, green, blue ]3 [độ mờ hoàn toàn].Ký hiệu chức năng:
rgb[]
1Màu CSS Cấp 4 bổ sung hỗ trợ cho các giá trị phân tách không gian trong ký hiệu chức năng.
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Đọc
Syntax:
rgb[ red, green, blue ]
Bàn luận This function accepts three parameters as mentioned above and described below:
- Hàm RGB [] là một hàm sẵn có trong CSS được sử dụng để xác định các màu bằng mô hình màu xanh lá cây màu xanh lá cây màu đỏ [RGB]. & NBSP; This parameter is used to define the intensity of red color. It is an integer value lies between 0 to 255, or as a percentage value between 0% to 100%.
- Tham số: Hàm này chấp nhận ba tham số như đã đề cập ở trên và được mô tả dưới đây: This parameter is used to define the intensity of green color. It is an integer value lies between 0 to 255, or as a percentage value between 0% to 100%.
- Màu đỏ: Tham số này được sử dụng để xác định cường độ của màu đỏ. Đó là một giá trị số nguyên nằm trong khoảng từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100%. This parameter is used to define the intensity of blue color. It is an integer value lies between 0 to 255, or as a percentage value between 0% to 100%.
Màu xanh lá cây: Tham số này được sử dụng để xác định cường độ của màu xanh lá cây. Đó là một giá trị số nguyên nằm trong khoảng từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100%.
Program:
Màu xanh lam: Tham số này được sử dụng để xác định cường độ của màu xanh. Đó là một giá trị số nguyên nằm trong khoảng từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100%.
rgb[]
2
rgb[]
3rgb[]
4rgb[]
5
rgb[]
6rgb[]
3rgb[]
8rgb[]
5
rgb[]
0rgb[]
3rgb[]
2rgb[]
3rgb[]
2rgb[]
5
rgb[]
0rgb[]
3rgb[]
8rgb[]
5
Các chương trình dưới đây minh họa hàm RGB [] trong CSS: & NBSP;
rgba[]
2rgba[]
3
rgba[]
2rgba[]
5
rgba[]
0rgba[]
7
rgba[]
0rgba[]
9
rgba[]
2rgb[]
1
rgba[]
2rgb[]
3
rgba[]
0rgba[]
7
rgba[]
0rgb[]
7
rgba[]
2rgb[]
9
rgba[]
2rgb[]
3
rgba[]
0rgba[]
7
rgba[]
0rgb[R, G, B[, A]]
5
rgba[]
2rgb[R, G, B[, A]]
7
rgba[]
2rgb[R, G, B[, A]]
9
rgba[]
2R
1
rgba[]
2rgba[]
5
rgba[]
0rgba[]
7
rgba[]
0R
7
rgba[]
2rgba[]
5
rgba[]
0rgba[]
7
HTML
rgb[]
6G
3rgb[]
8rgb[]
5
rgb[]
6rgb[]
3B
2rgb[]
5
rgba[]
0rgba[]
1
rgb[]
0rgb[]
3
rgb[ red, green, blue ]02
rgb[ red, green, blue ]03
rgb[ red, green, blue ]02
rgb[]
5rgb[]
0rgb[]
3
rgb[ red, green, blue ]08
rgb[ red, green, blue ]09
rgb[ red, green, blue ]08
rgb[]
5rgb[]
0rgb[]
3
rgb[ red, green, blue ]08
rgb[ red, green, blue ]15
rgb[ red, green, blue ]08
rgb[]
5rgb[]
0rgb[]
3
rgb[ red, green, blue ]08
rgb[ red, green, blue ]21
rgb[ red, green, blue ]08
rgb[]
5rgb[]
6G
3B
2rgb[]
5
G
3rgb[]
4
rgb[ red, green, blue ]30
Output:
Các trình duyệt được hỗ trợ: Trình duyệt được hỗ trợ bởi hàm RGB [] được liệt kê dưới đây: The browser supported by rgb[] function are listed below:
- Chrome 1.0 trở lên
- Edge 12.0 trở lên
- Internet Explorer 4.0 trở lên
- Firefox 1.0 trở lên
- Safari 1.0 trở lên
- Opera 3.5 trở lên