CSS တွင် rgb ဖြင့် အရောင်သတ်မှတ်ခြင်း

ကျောင်းသုံးစာအုပ်၏အစတွင်၊ ကျွန်ုပ်တို့အရောင်များကို လေ့လာသောအခါ၊ အရောင်ကို အင်္ဂလိပ်စကားလုံးဖြင့်သော်လည်းကောင်း၊ rgb ဖြင့်သော်လည်းကောင်း၊ # ဖြင့်သော်လည်းကောင်း သတ်မှတ်နိုင်ကြောင်း ကျွန်ုပ် ရှင်းပြခဲ့ပါသည်။ နောက်ဆုံးနည်းနှစ်ခုသည် မည်သည့်အရောင်အမျိုးအစားကိုမဆို ရရှိစေနိုင်ပါသည်။ ဤပုံစံများ အလုပ်လုပ်ပုံကို နားလည်အောင်လုပ်ကြပါစို့။

ဤနည်းလမ်းများကို နားလည်ရန်၊ ပထမဆုံးအနေဖြင့် ကွန်ပျူတာဖန်သားပြင်ပေါ်တွင် လိုအပ်သောအရောင်ကို မည်သို့ရရှိသည်ကို နားလည်ရန် လိုအပ်ပါသည်။

တကယ်တော့ ဖန်သားပြင်ရှိ သီးခြားအမှတ်တစ်ခု (ပစ်ဆယ်) သည် လိုအပ်သမျှသော အရောင်အားလုံးကို တောက်ပစွာထွက်နိုင်ခြင်း မရှိပါ။ အဘယ်ကြောင့်ဆိုသော် နည်းပညာအရ လုပ်ဆောင်ရန် အလွန်ခက်ခဲသောကြောင့် ဖြစ်သည်။ ဖန်သားပြင်ရှိ အမှတ်တစ်ခုစီသည် အရောင်သုံးမျိုးသာ တောက်ပနိုင်သည်- အနီရောင်၊ အစိမ်းရောင်နှင့် အပြာရောင် ဖြစ်သည်။ သို့သော် တစ်ပြိုင်နက်တည်းနှင့် မတူညီသော အချိုးအစားများဖြင့် ဖြစ်သည်။

ဤအရောင်များကို ပေါင်းစပ်ခြင်းဖြင့် ကျွန်ုပ်တို့လိုအပ်သော မည်သည့်အရောင်ကိုမဆို ရရှိနိုင်ပါသည်။ ပန်းချီဆရာများက ဆေးရောင်များနှင့် လုပ်ဆောင်သကဲ့သို့ပင်- အရောင်များစွာကို ရောစပ်ခြင်းဖြင့် အသစ်တစ်ခုကို ရရှိကြသည်။

CSS တွင် အရောင်များရောစပ်ရန်၊ ဂုဏ်သတ္တိအတွက် တန်ဖိုးအဖြစ် သော့ချက်စာလုံး rgb ကို ထားရှိရမည်၊ ၎င်းနောက်တွင် ဤအခြေခံအရောင်သုံးမျိုးကို မည်သည့်အချိုးအစားဖြင့် ယူရမည်ကို သတ်မှတ်သော ကော်မာခြားထားသော တန်ဖိုးများကို ထည့်သွင်းရမည်။ အရောင်များကိုယ်တိုင် 0 မှ 255 အထိ ပြောင်းလဲနိုင်သည်။ သုည - ဆိုသည်မှာ အရောင်မရှိခြင်းဖြစ်ပြီး၊ 255 - ဆိုသည်မှာ စင်ကြယ်သောအရောင် (ဥပမာ၊ စင်ကြယ်သောအနီရောင်) ဖြစ်သည်။

rgb အက္ခရာများကိုယ်တိုင်သည် red၊ green၊ blue ဟု အတိုကောက်ဖြစ်သည်။

ဥပမာများဖြင့် ကြည့်ရအောင်။

ဥပမာ

စင်ကြယ်သောအနီရောင်နှင့် စင်ကြယ်သောအပြာရောင်ကို ရောစပ်ကြည့်ရအောင်။ ဤအတွက် ပထမတန်ဖိုးကို 255၊ ဒုတိယတန်ဖိုးကို 0၊ ပြီးတတိယတန်ဖိုးကို - 255 ထားပါ။ ကျွန်ုပ်တို့တွင် ခရမ်းရောင် ရရှိလာပါမည်။

<p>
	စာသား
</p>

p {
	color: rgb(255, 0, 255);
}

ဥပမာ

ယခု ပထမတန်ဖိုးကို 255၊ ကျန်အားလုံးကို သုညထားကြည့်ရအောင်။ ရလဒ်အနေဖြင့် စင်ကြယ်သောအနီရောင် ရရှိပါမည်။

<p>
	စာသား
</p>

p {
	color: rgb(255, 0, 0);
}

ဥပမာ

ဤနည်းအတိုင်း စင်ကြယ်သောအစိမ်းရောင် ရရှိပါမည်။

<p>
	စာသား
</p>

p {
	color: rgb(0, 255, 0);
}

ဥပမာ

အကယ်၍ အစိမ်းရောင်အတွက် 255 မထားဘဲ၊ 100 ထားပါက အစိတ်အပိုင်းအစိမ်းရောင် ရရှိလာပါမည်။

<p>
	စာသား
</p>

p {
	color: rgb(0, 100, 0);
}

ဥပမာ

အရောင်သုံးမျိုးစလုံးကို စိတ်ကြိုက်အချိုးအစားဖြင့် ရောစပ်ကြည့်ပါ။ ရလဒ်ကို ကြည့်ပါ။

<p>
	စာသား
</p>

p {
	color: rgb(200, 100, 125);
}

ဥပမာ

အကယ်၍ တန်ဖိုးအားလုံးကို 255 ထားပါက၊ စင်ကြယ်သောအဖြူရောင် ရရှိလာပါမည်။

p {
	color: rgb(255, 255, 255);
}

ဥပမာ

အကယ်၍ တန်ဖိုးအားလုံးကို 0 ထားပါက၊ စင်ကြယ်သောအနက်ရောင် ရရှိလာပါမည်။

p {
	color: rgb(0, 0, 0);
}

လက်တွေ့လေ့ကျင့်ခန်းများ

rgb ဖြင့် အရောင်သတ်မှတ်ကာ စာပိုဒ်အားလုံးကို အနီရောင်ဖြစ်အောင်လုပ်ပါ။

rgb ဖြင့် အရောင်သတ်မှတ်ကာ h2 ခေါင်းစဉ်အားလုံးကို အစိမ်းရောင်ဖြစ်အောင်လုပ်ပါ။

rgb ဖြင့် အရောင်သတ်မှတ်ကာ h3 ခေါင်းစဉ်အားလုံးကို အပြာရောင်ဖြစ်အောင်လုပ်ပါ။

စင်ကြယ်သောအနီရောင်နှင့် စင်ကြယ်သောအစိမ်းရောင်ကို ရောစပ်ပါ။ ဘာအရောင်ရလာမည်နည်း။