အခမဲ့ အရောင်ပါလက်ထုတ်လုပ်စက်

မည်သို့ အလုပ်လုပ်သည်

ဤကိရိယာကို ပြင်ပ library လုံးဝမပါဘဲ တည်ဆောက်ထားသည် — အရောင် ဂဏန်းသင်္ချာအားလုံးကို ကိုယ်တိုင်ရေးထားသော JavaScript ဖြင့် သင့် browser ထဲတွင် တိုက်ရိုက် လုပ်ဆောင်သည်။ ၎င်းသည် သင်ရွေးချယ်ထားသော အရောင်ကို hex နှင့် HSL အကြား ပြောင်းလဲပြီး classic color theory harmony rule များ (complementary, triadic, analogous, စသည်) ကို hue wheel ပေါ်ရှိ ဂဏန်းသင်္ချာမှတစ်ဆင့် ဆက်လက် သုံးကာ palette တစ်ခုစီကို ထုတ်ပေးသည်။

1. 1
   Hex-to-HSL ပြောင်းလဲမှု

   အရောင်တစ်ခု ရွေးလိုက်သောအခါ ကိရိယာသည် hex string ကို RGB component များအဖြစ် ခွဲပြီး HSL (hue, saturation, lightness) သို့ ပြောင်းလဲသည်။ Hue သည် အရောင်ဝိုင်းပေါ်ရှိ 0–360 ဒီဂရီ တည်နေရာဖြစ်ပြီး palette ဂဏန်းသင်္ချာအားလုံးသည် ဤ space တွင် ဖြစ်ပေါ်သည်။
2. 2
   Harmony အတွက် Hue arithmetic

   Palette အမျိုးအစားတစ်ခုစီသည် base hue ပေါ် ကိန်းသေ rotation ဖော်မြူလာတစ်ခု အသုံးချသည်။ Complementary သည် 180° ပေါင်းသည်၊ triadic သည် 120° နှင့် 240° ပေါင်းသည်၊ tetradic သည် 90° အလိုက် အဆင့်တက်သည်၊ split-complementary သည် 150° နှင့် 210° ကို သုံးသည်။ Monochromatic နှင့် shades သည် hue နှင့် saturation ကို ကိန်းသေ ထားပြီး lightness ကို အထက်အောက် အဆင့်ဆင့် ပြောင်းသည်။
3. 3
   HSL မှ hex သို့ ထုတ်ပေးမှု

   တွက်ချက်ထားသော HSL triplet တစ်ခုစီကို standard chroma ဖော်မြူလာကို သုံး၍ hex color သို့ ပြန်ပြောင်းသည်။ ရလဒ်များကို luminance threshold ရိုးရှင်းသော ရလဒ်ဖြင့် ဆုံးဖြတ်ထားသော auto-contrast label (အလင်းရောင် swatch ပေါ် အမှောင် စာသား၊ အမှောင် swatch ပေါ် အလင်းစာသား) ပါသော color strip အဖြစ် ပြသည်။
4. 4
   သင်နှစ်သက်သော format ဖြင့် Export လုပ်ပါ

   Palette ကို hex string များအဖြစ် ကူးယူနိုင်သည် သို့မဟုတ် CSS variables ဖိုင် (:root { --color-1: … })၊ SCSS variables၊ Tailwind config snippet၊ JSON object သို့မဟုတ် PNG color strip အဖြစ် export လုပ်နိုင်သည်။ PNG export သည် swatch တစ်ခုစီကို ၎င်း၏ hex label နှင့်အတူ ဆွဲရန် browser ၏ Canvas API (toDataURL) ကို သုံးသည် — အားလုံးကို click တစ်ချက်ဖြင့် local တွင် ဖန်တီးသည်။

ဆက်နွှယ်သော ကိရိယာများ