Hàm rgb() trong CSS

Định nghĩa và cách sử dụng

Trong CSS rgb() hàm sử dụng mô hình màu đỏ-đen-xanh (RGB) để chỉ định màu. Còn có thể thêm một kênh độ trong suốt tùy chọn (biểu thị độ trong suốt của màu).

Giá trị màu RGB được chỉ định qua rgb(red green blue) Định nghĩa. Mỗi tham số xác định cường độ của màu, có thể là số nguyên từ 0 đến 255 hoặc tỷ lệ phần trăm từ 0% đến 100%.

Ví dụ, giá trị rgb(0 0 255) hiển thị màu xanh dương, vì giá trị màu xanh dương được đặt ở mức tối đa (255), trong khi các giá trị khác được đặt ở 0.

Lưu ý:rgba() Hàm là rgb() Bí danh của hàm. Khuyến nghị sử dụng rgb() Hàm.

Mô hình

Định nghĩa màu RGB(A) khác nhau:

#p1 {background-color:rgb(255 0 0);} /* Màu đỏ */
#p2 {background-color:rgb(0 255 0);} /* Màu xanh lá cây */
#p3 {background-color:rgb(0 0 255);} /* Màu xanh */
#p4 {background-color:rgb(192 192 192);} /* Màu xám */
#p5 {background-color:rgb(255 255 0);} /* Màu vàng */
#p6 {background-color:rgb(255 0 255);} /* Màu cherry */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Màu cherry có độ trong suốt */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Màu xanh có độ trong suốt */

Thử nghiệm trực tiếp

Ngữ pháp CSS

Ngữ pháp giá trị tuyệt đối

rgb(R G B / A)
Giá trị Mô tả
R

Bắt buộc. Định nghĩa cường độ màu đỏ, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
G

Bắt buộc. Định nghĩa cường độ màu xanh lá cây, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
B

Bắt buộc. Định nghĩa cường độ màu xanh, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
/ A

Tùy chọn. Đánh dấu giá trị kênh độ trong suốt của màu, 0% (hoặc 0) đánh dấu hoàn toàn trong suốt, 100% (hoặc 1) đánh dấu hoàn toàn không trong suốt.

Cũng có thể sử dụng none (đánh dấu không có kênh độ trong suốt). Giá trị mặc định là 100%.

Ngữ pháp giá trị tương đối

rgb(from color R G B / A)
Giá trị Mô tả
from color

Bắt đầu bằng từ khóa from, sau đó là giá trị màu của màu gốc.

Đây là màu gốc mà màu tương đối dựa trên.
R

Bắt buộc. Định nghĩa cường độ màu đỏ, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
G

Bắt buộc. Định nghĩa cường độ màu xanh lá cây, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
B

Bắt buộc. Định nghĩa cường độ màu xanh, có thể là số nguyên từ 0 đến 255 hoặc phần trăm từ 0% đến 100%.

Cũng có thể sử dụng none (tương đương 0%).
/ A

Tùy chọn. Đánh dấu giá trị kênh độ trong suốt của màu, 0% (hoặc 0) đánh dấu hoàn toàn trong suốt, 100% (hoặc 1) đánh dấu hoàn toàn không trong suốt.

Cũng có thể sử dụng none (đánh dấu không có kênh độ trong suốt). Giá trị mặc định là 100%.

Chi tiết kỹ thuật

Phiên bản: CSS2

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Chrome Edge Firefox Safari Opera
rgb()
1 4 1 1 3.5
rgb() có tham số độ trong suốt
65 79 52 12.1 52
Phân cách các tham số bằng khoảng trống
65 79 52 12.1 52