ဖြေရှင်းထားသည်- javascript hex မှ rgb

hexadecimal အရောင်တန်ဖိုးများကို RGB သို့ပြောင်းရာတွင် အဓိကပြဿနာမှာ ဖော်မတ်နှစ်ခုကြားတွင် တစ်ခုမှတစ်ခုသို့ စာပေးစာယူမရှိခြင်းပင်ဖြစ်သည်။ ဥပမာအားဖြင့်၊ အရောင် #FF0000 ကို RGB တွင် 255၊ 0၊ 0 အဖြစ် ကိုယ်စားပြုသော်လည်း hex တွင် ၎င်းသည် #F0 နှင့် ညီမည်ဖြစ်သည်။ ဆိုလိုသည်မှာ မတူညီသောအရောင်နှစ်ခုသည် အရောင်တစ်ခုစီ၏ အစိတ်အပိုင်းတစ်ခုစီ၏ မတူညီသောပမာဏနှင့် ပေါင်းစပ်ထားလျှင် တူညီသော RGB တန်ဖိုးရှိနိုင်သည်။

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

"တင်းကျပ်စွာသုံးပါ";

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

function hexToRgb(hex) {
var ရလဒ် = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
ရလဒ် ? {
r- parseInt(ရလဒ်[1]၊ 16)၊
g- parseInt(ရလဒ်[2]၊ 16)၊
b- parseInt(ရလဒ်[3]၊ 16)
} : null;
}

၎င်းသည် hex အရောင်တန်ဖိုးကို RGB အရောင်တန်ဖိုးသို့ ပြောင်းလဲပေးသည့် လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။ လုပ်ဆောင်ချက်သည် သင်ပြောင်းလဲလိုသော hex အရောင်တန်ဖိုးဖြစ်သည့် ပါရာမီတာတစ်ခုတွင် ပါဝင်ပါသည်။ လုပ်ဆောင်ချက်သည် hex အရောင်တန်ဖိုး၏ ပုံစံနှင့် ကိုက်ညီရန် ပုံမှန်အသုံးအနှုန်းကို အသုံးပြုကာ ကိုက်ညီမှုတစ်ခုကို တွေ့ရှိပါက ၎င်းသည် အနီရောင်၊ အစိမ်းနှင့် အပြာတန်ဖိုးများနှင့်အတူ အရာဝတ္ထုတစ်ခုကို ပြန်ပေးမည်ဖြစ်သည်။ ကိုက်ညီမှုမတွေ့ပါက null ပြန်လာပါမည်။

အရောင်များအကြားကူးပြောင်းခြင်း။

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

အရောင်တစ်ခုကို အရောင်တစ်ခုမှ အခြားအရောင်တစ်ခုသို့ ပြောင်းရန်၊ သင်သည် rgb() နှင့် hsl() လုပ်ဆောင်ချက်များကို အသုံးပြုနိုင်သည်။ ဤလုပ်ဆောင်ချက်များသည် အနီရောင်၊ အစိမ်းနှင့် အပြာတန်ဖိုးတို့ကို အကြောင်းပြချက်သုံးခုဖြင့် ယူသည်။ ပထမအငြင်းအခုံသည် အခြေခံအရောင်နေရာ (ဥပမာ RGB) ကိုသတ်မှတ်ပေးသည်၊ ဒုတိယနှင့်တတိယအငြင်းအခုံများသည် ပစ်မှတ်အရောင်နေရာ (ဥပမာ HSL) ကိုသတ်မှတ်ပေးသည်။

တစ် pixel ဖော်မတ်မှ အခြားအရောင်တစ်ခုသို့ ပြောင်းရန်၊ သင်သည် css() လုပ်ဆောင်ချက်ကို အသုံးပြုနိုင်သည်။ ဤလုပ်ဆောင်ချက်သည် အကြောင်းပြချက်နှစ်ခုဖြင့် ယူသည်- CSS ပိုင်ဆိုင်မှုအမည်ကို ကိုယ်စားပြုသည့် စာကြောင်းတစ်ခု (ဥပမာ “အရောင်”) နှင့် ထိုပိုင်ဆိုင်မှုအတွက် လိုချင်သောတန်ဖိုးကို ကိုယ်စားပြုသည့် နံပါတ်တစ်ခု (ဥပမာ “50”)။

အရောင်ဖော်မတ်များ

JavaScript တွင် သင်သုံးနိုင်သော မတူညီသောအရောင်ဖော်မတ်အချို့ရှိပါသည်။

RGB - အနီရောင်၊ အစိမ်း၊ အပြာ

HEX – #RRGGBB

HSL – အသွေးအရောင်၊ ပြည့်ဝမှု၊ ပေါ့ပါးမှု