Màu RGB CSS

Giá trị RGB

Trong CSS, bạn có thể chỉ định màu dưới dạng giá trị RGB bằng công thức sau:

rgb(red, green, blue)

mỗi tham số (red,greenblue) xác định cường độ màu từ 0 đến 255.

Ví dụ, rgb(255, 0, 0) hiển thị màu đỏ, vì màu đỏ được đặt ở giá trị lớn nhất (255), còn lại đặt thành 0.

Để hiển thị màu đen, hãy đặt tất cả các tham số màu thành 0 như sau: rgb(0, 0, 0).

Để hiển thị màu trắng, hãy đặt tất cả các tham số màu thành 255 như sau: rgb(255, 255, 255).

Vui lòng thử trộn các giá trị RGB sau:

 

RED

255

GREEN

0

BLUE

0

Mẫu

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Thử ngay

Thường sử dụng giá trị bằng nhau cho tất cả 3 nguồn ánh sáng để xác định ánh sáng mờ:

Mẫu

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Thử ngay

Giá trị RGBA

RGBA giá trị màu là mở rộng của giá trị màu RGB có kênh alpha - nó xác định độ mờ của màu.

Giá trị màu RGBA được chỉ định là:

rgba(red, green, blue, alpha)

alpha Các tham số là số từ 0.0 (hoàn toàn trong suốt) đến 1.0 (hoàn toàn không trong suốt):

Vui lòng thử kết hợp các giá trị RGBA sau:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

Mẫu

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Thử ngay