rgb() / rgba()
CSS rgb() funksiyasi rangni Red-green-blue (qizil-yashil-ko‘k) rang modeli (RGB) yordamida belgilaydi. Shuningdek, ixtiyoriy alfa komponentini ham qo‘shish mumkin (u rangning shaffofligini bildiradi).
RGB rang qiymati quyidagicha belgilanadi: rgb(red green blue). Har bir parametr o‘sha rangning intensivligini belgilaydi va 0 dan 255 gacha bo‘lgan butun son yoki foiz qiymati (0% dan 100% gacha) bo‘lishi mumkin.
Masalan, rgb(0 0 255) qiymati ko‘k rangda ko‘rsatiladi, chunki blue parametri eng yuqori qiymatiga (255), qolganlari esa 0 ga o‘rnatilgan.
Eslatma: rgba() funksiyasi rgb() funksiyasining taxallusi (alias) hisoblanadi. rgb() funksiyasidan foydalanish tavsiya etiladi.
Misol
Turli RGB(A) ranglarini belgilang:
#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);} /* gray */
#p5 {background-color:rgb(255 255 0);} /* yellow */
#p6 {background-color:rgb(255 0 255);} /* cerise */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* cerise with opacity */
#p8 {background-color:rgb(0 0 255 / 50%);} /* blue with opacity */
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| rgb() | 1 | 4 | 1 | 1 | 3.5 |
| Alfa parametrli rgb() | 65 | 79 | 52 | 12.1 | 52 |
| Bo‘sh joy bilan ajratilgan parametrlar | 65 | 79 | 52 | 12.1 | 52 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
rgb(R G B / A)
| Qiymat | Tavsif |
|---|---|
| R | Majburiy. Qizil rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| G | Majburiy. Yashil rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| B | Majburiy. Ko‘k rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini bildiradi: 0% (yoki 0) — to‘liq shaffofdan 100% (yoki 1) — to‘liq noshaffofgacha. None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat: 100% |
Nisbiy qiymat sintaksisi
rgb(from color R G B / A)
| Qiymat | Tavsif |
|---|---|
| from color | from kalit so‘zi bilan boshlang, undan keyin asl rangni ifodalovchi color qiymati keladi. Bu nisbiy rang asoslanadigan asl rangdir |
| R | Majburiy. Qizil rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| G | Majburiy. Yashil rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| B | Majburiy. Ko‘k rang intensivligini 0 dan 255 gacha bo‘lgan butun son yoki 0% dan 100% gacha bo‘lgan foiz qiymati sifatida belgilaydi. None ham ishlatilishi mumkin (0% bilan bir xil) |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini bildiradi: 0% (yoki 0) — to‘liq shaffofdan 100% (yoki 1) — to‘liq noshaffofgacha. None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat: 100% |
| Versiya: | CSS2 |
|---|
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!