Giá trị màu RGBA trong CSS3

Giá trị màu RGBA là viết tắt của Red, Green, Blue và Alpha. Alpha là độ mờ của màu, số từ 0.0 đến 1.0, trong đó 1.0 là hoàn toàn không trong suốt.

Minh họa sự khác biệt độ mờ với tham số Alpha trong RGBA:

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
#demo1 { background-color: rgba(108, 111, 35, 0.6); }
#demo2 { background-color: rgba(108, 111, 35, 0.5); }
#demo3 { background-color: rgba(108, 111, 35, 0.4); }
#demo4 { background-color: rgba(108, 111, 35, 0.3); }
#demo5 { background-color: rgba(108, 111, 35, 0.2); }
#demo6 { background-color: rgba(108, 111, 35, 0.1); }
</style>
</head>
<body>
<h1>Các vận động viên Cricketer</h1>
<p id="demo1">David Warner</p>
<p id="demo2">Steve Smith</p>
<p id="demo3">Mark Waugh</p>
<p id="demo4">Steve Waugh</p>
<p id="demo5">David Johnson</p>
<p id="demo6">Andy Bichel</p>
</body>
</html>

Kết quả

Cú pháp:

rgba(red, green, blue, alpha)

• Red, Green, Blue: 0-255 hoặc 0%-100%
• Alpha: 0.0 (trong suốt) - 1.0 (đặc)
• Hỗ trợ tất cả trình duyệt hiện đại