Giá trị màu RGB đại diện cho các nguồn ánh sáng đỏ, xanh lá cây và xanh dương.
Giá trị RGB
Trong CSS, một màu có thể được chỉ định là giá trị RGB, sử dụng công thức này:
RGB [đỏ, xanh lá cây, xanh dương]
Mỗi tham số [đỏ, xanh lá cây và xanh dương] xác định cường độ của màu trong khoảng 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 thành giá trị cao nhất [255] và các loại khác được đặt thành 0.
Để hiển thị màu đen, đặt tất cả các tham số màu thành 0, như thế này: RGB [0, 0, 0].
Để hiển thị màu trắng, đặt tất cả các tham số màu thành 255, như thế này: RGB [255, 255, 255].
Thử nghiệm bằng cách trộn các giá trị RGB dưới đây:
Các sắc thái của màu xám thường được xác định bằng cách sử dụng các giá trị bằng nhau cho tất cả 3 nguồn ánh sáng:
Giá trị RGBA
Các giá trị màu RGBA là một phần mở rộng của các giá trị màu RGB với kênh alpha - chỉ định độ mờ cho một màu.
Giá trị màu RGBA được chỉ định với:
RGBA [đỏ, xanh lá cây, xanh dương, alpha]
Tham số alpha là một số giữa 0,0 [hoàn toàn trong suốt] và 1.0 [hoàn toàn không trong suốt]:
Thử nghiệm bằng cách trộn các giá trị RGBA dưới đây:
Ký hiệu chức năng Lưu ý: Màu sắc CSS Cấp 4 đã thực hiện một số thay đổi đối với Thông số kỹ thuật cấp 4 cũng cho phép phân tách không gian ngoài các giá trị được phân tách bằng dấu phẩy.rgb[]
thể hiện một màu theo các thành phần màu đỏ, xanh lá cây và xanh lam của nó. Một thành phần alpha tùy chọn thể hiện độ trong suốt của màu.rgb[]
functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.Thử nó
rgb[]
. Trong các trình duyệt hỗ trợ tiêu chuẩn rgba[]
là bí danh cho rgb[]
, họ chấp nhận các tham số tương tự và hoạt động theo cùng một cách. CSS Colors Level 4 made some changes
to rgb[]
. In browsers that support the standard rgba[]
is an alias for rgb[]
, they accept the same parameters and behave the same way.Cú pháp
rgb[255, 255, 255] /* white */
rgb[255, 255, 255,.5] /* white with 50% opacity */
rgb[255 255 255] /* CSS Colors 4 space-separated values */
rgb[255 255 255 / .5]; /* white with 50% opacity, using CSS Colors 4 space-separated values */
Giá trị
Ký hiệu chức năng: rgb[R, G, B[, A]]
R
[màu đỏ], G
[màu xanh lá cây] và B
[màu xanh lam] có thể là S hoặc
rgb[]
0s, trong đó số rgb[]
1 tương ứng với rgb[]
2. rgb[]
3 [alpha] có thể là giữa
rgb[]
5 và rgb[]
6 hoặc rgb[]
0, trong đó số rgb[]
6 tương ứng với rgb[]
2 [độ mờ hoàn toàn].
rgb[]
0Màu CSS Cấp 4 bổ sung hỗ trợ cho các giá trị phân tách không gian trong ký hiệu chức năng.
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
C0C0C0
Trắng
Ffffff
RGB trong CSS là gì?
Giá trị RGB. Trong CSS, một màu có thể được chỉ định là giá trị RGB, sử dụng công thức này: RGB [đỏ, xanh lục, xanh dương] mỗi tham số [đỏ, xanh lục và xanh dương] xác định cường độ của màu 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 thành giá trị cao nhất của nó [255] và các loại khác được đặt thành 0.
Bạn có thể sử dụng mô hình màu nào trong CSS?
Màu sắc trong CSS có thể được chỉ định bằng các phương pháp sau:.
Màu sắc thập lục phân ..
Màu lục giác với độ trong suốt ..
Bạn có thể thấy rằng các giá trị RGB cho thấy các mức độ khác nhau của màu đỏ, xanh lá cây và xanh dương. Điều này hiệu quả pha trộn cả ba, dẫn đến màu cuối cùng.
Ký hiệu thập lục phân cho RGB
Bạn cũng có thể sử dụng các giá trị thập phân tương đương với các giá trị RGB thập phân.
Nhưng khi bạn sử dụng thập lục phân, bạn không cần phải sử dụng hàm rgb[]
. Bạn sử dụng ký hiệu màu hex thay thế. Đây là nơi bạn chỉ cần viết ra một giá trị thập lục phân gồm sáu chữ số trước một biểu tượng băm. Ví dụ, rgba[]
2.
Phù hợp với màu sắc giữa các mô hình
Đây là một biểu đồ cho thấy các giá trị RGB thập phân khác nhau tương ứng với các phần tương đương màu thập lục phân và được đặt tên. Nhấp vào giá trị để mở một trang thử nghiệm bằng màu đó.
Bỏ rơi | 800000 | 128,0,0 |
Màu đỏ | FF0000 | 255,0,0 |
Quả cam | FFA500 | 255,165,0 |
Màu vàng | FFFF00 | 255,255,0 |
Ôliu | 808000 | 128,128,0 |
màu xanh lá | 008000 | 0,128,0 |
Bỏ rơi | 800080 | 128,0,128 |
Màu đỏ | FF0000 | 255,0,255 |
Quả cam | FFA500 | 0,255,0 |
Màu vàng | 008080 | 0,128,128 |
FFFF00 | Ôliu | 0,255,255 |
màu xanh lá | Màu đỏ tía | 0,0,255 |
Bỏ rơi | 000080 | 0,0,128 |
Màu đỏ | 000000 | 0,0,0 |
FF0000 | 808080 | 128,128,128 |
Quả cam | FFA500 | 192,192,192 |
Trắng | Ffffff | 255,255,255 |