Hàm rgba() trong CSS

Mô hình

Định nghĩa các màu RGB có độ mờ khác nhau (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Màu đỏ có độ mờ */
#p2 {background-color:rgba(0,255,0,0.3);} /* Màu xanh lá cây có độ mờ */
#p3 {background-color:rgba(0,0,255,0.3);} /* Màu xanh da trời có độ mờ */

Thử ngay

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

Hàm rgba() sử dụng mô hình màu Red-green-blue-alpha (RGBA) để định nghĩa màu.

Giá trị màu RGBA là mở rộng của giá trị màu RGB, nó có kênh alpha để chỉ định độ mờ của màu.

Phiên bản: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng đó.

Hàm
rgba() 1.0 9.0 3.0 3.1 10.0

Ngữ pháp CSS

rgba(red, green, blue, alpha)
Giá trị Mô tả
red Định nghĩa cường độ màu đỏ là số nguyên từ 0 đến 255 hoặc tỷ lệ phần trăm từ 0% đến 100%.
green Định nghĩa cường độ màu xanh lá cây là số nguyên từ 0 đến 255 hoặc tỷ lệ phần trăm từ 0% đến 100%.
blue Định nghĩa cường độ màu xanh da trời là số nguyên từ 0 đến 255 hoặc tỷ lệ phần trăm từ 0% đến 100%.
alpha Định nghĩa độ mờ từ số 0.0 (hoàn toàn trong suốt) đến số 1.0 (hoàn toàn không trong suốt).