❮ Tham chiếu chức năng CSS
Thí dụ
Xác định các màu RGB khác nhau:
#p1 {màu nền: RGB [255,0,0]; [0,0,0,255];} / * màu xanh * /
#p2 {background-color:rgb[0,255,0];} /* green */
#p3 {background-color:rgb[0,0,255];} /* blue */
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Hàm RGB [] xác định màu sắc bằng mô hình màu đỏ xanh [RGB] màu đỏ [RGB].
Một giá trị màu RGB được chỉ định với: RGB [đỏ, xanh lá cây, xanh dương]. Mỗi tham số xác định cường độ của màu đó và có thể là một số nguyên từ 0 đến 255 hoặc giá trị phần trăm [từ 0% đến 100%].
Ví dụ: giá trị RGB [0,0,255] được hiển thị dưới dạng màu xanh lam, vì tham số màu xanh được đặt thành giá trị cao nhất của nó [255] và các tham số khác được đặt thành 0.
CSS2 |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng.
RGB [] | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Cú pháp
màu đỏ | Xác định cường độ của màu đỏ là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
màu xanh lá | Xác định cường độ màu xanh lá cây là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
màu xanh da trời | Xác định cường độ của màu xanh là một số nguyên từ 0 đến 255, hoặc dưới dạng giá trị phần trăm từ 0% đến 100% |
❮ Tham chiếu chức năng CSS
#00f RGB [0,0,255] CSS Colors Level 4 made some changes
to rgb[]
functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.#0000ff
rgb[]
. In browsers that support the standard rgba[]
is an alias for rgb[]
, they accept the same parameters and behave the same way.
RGB [0%, 0%, 100%]
Điểm, lưu ý
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 */
Các giá trị bên ngoài gam thiết bị phải được cắt hoặc ánh xạ vào gam khi được biết đến: các giá trị màu đỏ, xanh lá cây và xanh dương phải được thay đổi để nằm trong phạm vi được thiết bị hỗ trợ.
Tham khảo CSS
Màu CSS xác định các giá trị màu RGB trong 4.2.1. Giá trị màu RGB.
Ký hiệu chức năng:rgb[]
1Mà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
#00f
- 1RGB[Red-Green-Blue] RGB[Red-Green-Blue]
- #0000ff The format of the RGB Value
- 1.2Example Example
- RGB [0,0,255] Point, Note
- RGB [0%, 0%, 100%] CSS Reference
RGB[Red-Green-Blue]
Điểm, lưu ý
Các giá trị bên ngoài gam thiết bị phải được cắt hoặc ánh xạ vào gam khi được biết đến: các giá trị màu đỏ, xanh lá cây và xanh dương phải được thay đổi để nằm trong phạm vi được thiết bị hỗ trợ.
- Tham khảo CSS
The format of an RGB value in hexadecimal notation is a ‘#’ immediately followed by three hexadecimal characters[0-9, A-F].
rgb[]
3 Định dạng của giá trị RGB trong ký hiệu thập lục phân là một ‘##ngay sau đó là sáu ký tự thập lục phân [0-9, A-F].
The format of an RGB value in hexadecimal notation is a ‘#’ immediately followed by six hexadecimal characters[0-9, A-F].
rgb[]
4 Định dạng của giá trị RGB trong ký hiệu chức năng là ‘RGB [sau đó là một danh sách được phân tách bằng dấu phẩy gồm ba giá trị số [ba giá trị số nguyên [0-255, 0-255, 0-255]] theo sau là‘].
The format of an RGB value in the functional notation is ‘rgb[’ followed by a comma-separated list of three numerical values [three integer values[0-255, 0-255, 0-255]] followed by ‘]’.
rgb[]
5 Định dạng của giá trị RGB trong ký hiệu chức năng là 'RGB [' theo sau là danh sách phân tách bằng dấu phẩy gồm ba giá trị số [ba giá trị phần trăm [0%-100%, 0%-100%, 0%-100%]] theo dõi bởi ']'.
The format of an RGB value in the functional notation is ‘rgb[’ followed by a comma-separated list of three numerical values [three percentage values[0%-100%, 0%-100%, 0%-100%]] followed by ‘]’.
Thí dụ
- Một số ví dụ như sau:
#000 | #000000 | RGB [0,0,0] | RGB [0%, 0%, 0%] | & nbsp; |
#FFF | #FFFFFF | RGB [255.255.255] | RGB [100%, 100%, 100%] | & nbsp; |
#FFF | #FFFFFF | RGB [255.255.255] | RGB [100%, 100%, 100%] | & nbsp; |
#FFF | #FFFFFF | RGB [255.255.255] | RGB [100%, 100%, 100%] | & nbsp; |
#FFF | #FFFFFF | RGB [255.255.255] | RGB [100%, 100%, 100%] | & nbsp; |
#FFF
- #FFFFFF
em { color: rgb[255,0,0] } /* integer range 0 - 255 */ em { color: rgb[300,0,0] } /* clipped to rgb[255,0,0] */ em { color: rgb[255,-10,0] } /* clipped to rgb[255,0,0] */ em { color: rgb[110%, 0%, 0%] } /* clipped to rgb[100%,0%,0%] */
RGB [255.255.255]
RGB [100%, 100%, 100%]