Màu sắc RGB và RGBA
Máy tính RGB
Màu RGB
Giá trị màu RGB được hỗ trợ trong tất cả các trình duyệt.
Giá trị màu RGB được chỉ định bằng:
rgb ( đỏ, xanh lá cây , xanh dương )
Mỗi tham số (đỏ, lục và lam) xác định cường độ của màu với giá trị từ 0 đến 255.
Ví dụ: rgb(255, 0, 0) được hiển thị dưới dạng màu đỏ, vì màu đỏ được đặt ở giá trị cao nhất (255) và hai giá trị còn lại (xanh lục và xanh lam) được đặt thành 0.
Một ví dụ khác, rgb(0, 255, 0) được hiển thị dưới dạng màu xanh lục, vì màu xanh lá cây được đặt ở giá trị cao nhất (255) và hai giá trị còn lại (đỏ và xanh lam) được đặt thành 0.
Để hiển thị màu đen, đặt tất cả tham số màu thành 0, như sau: rgb(0, 0, 0).
Để hiển thị màu trắng, đặt tất cả tham số màu thành 255, như sau: rgb(255, 255, 255).
Hãy thử nó
Giá trị màu RGB được hỗ trợ trong tất cả các trình duyệt.
Ví dụ
<style>
div {
background-color: rgb(0, 191, 255);
color: rgb(255, 255, 255);
}
</style>
Hãy tự mình thử »Giá trị màu RGBA
Giá trị màu RGBA là phần mở rộng của giá trị màu RGB với kênh Alpha - kênh này chỉ định độ mờ cho màu.
Giá trị màu RGBA được chỉ định bằng:
rgba( đỏ, lục , lam, alpha )
Tham số alpha là một số từ 0,0 (hoàn toàn trong suốt) đến 1,0 (không minh bạch chút nào):
Ví dụ
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71,
0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255,
99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255,
99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255,
99, 71, 0.8)</h1>
Hãy tự mình thử »