CSS rgb() function
paglalarawan at paggamit
CSS ng rgb() Ang function ay ginagamit upang tinukoy ang kulay gamit ang modelo ng kulay na Red-Green-Blue (RGB). Maaari ring magdagdag ng opisyal na channel ng transparency (na nagtataglay ng transparency ng kulay).
Ang halaga ng kulay na RGB ay tinukoy sa pamamagitan ng rgb(pula berdeng asul) Tinukoy. Ang bawat parametro ay nagtataglay ng lakas ng kulay, maaaring ito ay integer mula 0 hanggang 255 o porsyento mula 0% hanggang 100.
Halimbawa, ang halaga ng rgb(0 0 255) ay nagpapakita ng asul, dahil ang parametro ng asul ay nakatakda sa pinakamataas na halaga (255), habang ang ibang mga parametro ay nakatakda sa 0.
Babala:}rgba() Ang function ay rgb() Alias ng function. Itinuturo na gamitin: rgb() Function.
Sample
Tukuyin ang iba't ibang kulay na RGB(A):
#p1 {background-color:rgb(255 0 0);} /* Red */
#p2 {background-color:rgb(0 255 0);} /* Green */
#p3 {background-color:rgb(0 0 255);} /* Blue */
#p4 {background-color:rgb(192 192 192);} /* Grey */
#p5 {background-color:rgb(255 255 0);} /* Yellow */
#p6 {background-color:rgb(255 0 255);} /* Cherry red */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Cherry red na may transparency */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Blue na may transparency */
CSS Syntax
Absolute Value Syntax
rgb(R G B / A)
| Halaga | Paglalarawan |
|---|---|
| R |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na pulang, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| G |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na berde, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| B |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na asul, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| / A |
Opisyal. Naglalarawan ng halaga ng transparency channel ng kulay, 0% (o 0) ay nangangahulugan na lubos na transparente, at 100% (o 1) ay nangangahulugan na lubos na matitindig. Maaaring gamitin din ang none (na nangangahulugan na walang transparency channel). Ang default na halaga ay 100%. |
Relative Value Syntax
rgb(from color R G B / A)
| Halaga | Paglalarawan |
|---|---|
| from color |
Nagsisimula sa salitang from, sinundan ng halaga ng kulay na nangangahulugan ng kahihinatnan na kulay. Ito ang pinagmumulan ng kahihinatnan na kulay na nakabase sa kahihinatnan na kulay. |
| R |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na pulang, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| G |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na berde, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| B |
Mga kinakailangan. Naglalarawan ng lakas ng kulay na asul, maaaring maging integer na 0 hanggang 255 o porsyento na 0% hanggang 100. Maaaring gamitin din ang none (kasingkahulugan ng 0%). |
| / A |
Opisyal. Naglalarawan ng halaga ng transparency channel ng kulay, 0% (o 0) ay nangangahulugan na lubos na transparente, at 100% (o 1) ay nangangahulugan na lubos na matitindig. Maaaring gamitin din ang none (na nangangahulugan na walang transparency channel). Ang default na halaga ay 100%. |
Detalye ng Teknolohiya
| Bersyon: | CSS2 |
|---|
Suporta ng Browser
Ang mga numero sa talahanayan ay nangangahulugan ng unang bersyon ng browser na ganap na sumusuporta sa function.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| rgb() | ||||
| 1 | 4 | 1 | 1 | 3.5 |
| rgb() na may kapansinang antas ng transparency | ||||
| 65 | 79 | 52 | 12.1 | 52 |
| 空格分隔参数 | ||||
| 65 | 79 | 52 | 12.1 | 52 |
