Color Code Generator & Picker

အရောင်ကုဒ်များ၊ ကွဲပြားမှုများ၊ သဟဇာတဖြစ်အောင် ဖန်တီးပြီး ဆန့်ကျင်ဘက်အချိုးများကို စစ်ဆေးပါ။

အရောင်ပြောင်းခြင်း။

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

ပြောင်းလဲမှုများ

ဤကဏ္ဍ၏ ရည်ရွယ်ချက်မှာ သင်ရွေးချယ်ထားသော အရောင်၏ tint (အဖြူသန့်သန့်ထည့်ထားသည်) နှင့် အရိပ်များ (အနက်ရောင်သန့်သန့်ထည့်ထားသည်) ကို 10% တိုး၍ တိကျစွာ ထုတ်လုပ်ရန်ဖြစ်သည်။

အကြံပြုချက်- မျဉ်းကြောင်းများ နှင့် အရိပ်များ အတွက် အရိပ်များ၊ မီးမောင်းထိုးပြရန်နှင့် နောက်ခံများအတွက် အရောင်များကို သုံးပါ။

အရိပ်များ

သင့်အခြေခံအရောင်တွင် အနက်ရောင်ထည့်ခြင်းဖြင့် ဖန်တီးထားသည့် ပိုနက်သောပုံစံများ။

ဆေးရောင်စုံ

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

အသုံးများသော ကိစ္စများ

  • UI အစိတ်အပိုင်းတွင် ဖော်ပြချက်များ (ဟိုဟိုဒီဒီ၊ လုပ်ဆောင်နေသည်၊ ပိတ်ထားသည်)
  • အရိပ်များနှင့် မီးမောင်းထိုးပြမှုများဖြင့် အတိမ်အနက်ကို ဖန်တီးပါ။
  • တစ်သမတ်တည်းအရောင်စနစ်များတည်ဆောက်ခြင်း။

ဒီဇိုင်းစနစ် အကြံပြုချက်

ဤပြောင်းလဲမှုများသည် ညီညွတ်သောအရောင် palette ၏အခြေခံအုတ်မြစ်ဖြစ်သည်။ သင့်ပရောဂျက်တစ်ခုလုံးတွင် တစ်သမတ်တည်းရှိနေစေရန် ၎င်းတို့ကို ထုတ်ယူပါ။

အရောင်ပေါင်းစပ်မှုများ

သဟဇာတဖြစ်မှုတစ်ခုစီတွင်၎င်း၏ကိုယ်ပိုင်ခံစားချက်ရှိသည်။ အတူတကွကောင်းမွန်စွာလုပ်ဆောင်နိုင်သော အရောင်ပေါင်းစပ်မှုများကို ဦးနှောက်မှတ်ရန် သဟဇာတဖြစ်မှုများကို အသုံးပြုပါ။

အသုံးပြုနည်း

၎င်း၏ hex တန်ဖိုးကို ကူးယူရန် မည်သည့်အရောင်ကိုမဆို နှိပ်ပါ။ ဤပေါင်းစပ်မှုများသည် အမြင်သဟဇာတဖြစ်စေရန် သင်္ချာနည်းအရ သက်သေပြထားပါသည်။

ဘာကြောင့် အရေးကြီးတာလဲ။

အရောင်သဟဇာတဖြစ်မှုသည် ဟန်ချက်ညီစေပြီး သင့်ဒီဇိုင်းများတွင် တိကျသောခံစားချက်များကို ဖြစ်ပေါ်စေသည်။

အဖြည့်

အရောင်တစ်ခုနှင့် ၎င်း၏ဆန့်ကျင်ဘက်ဖြစ်သော အရောင်ဘီး၊ အသွေး၏ +180 ဒီဂရီ။ မြင့်မားသောဆန့်ကျင်ဘက်။

#ca4e4e
အကောင်းဆုံး: သက်ရောက်မှုမြင့်မားသော ဒီဇိုင်းများ၊ CTAs၊ လိုဂိုများ

ခွဲခြမ်းပါလာသော

အရောင်တစ်ခုနှင့် နှစ်ခုသည် ၎င်း၏အဖြည့်နှင့်ကပ်လျက်၊ ပင်မအရောင်၏ဆန့်ကျင်ဘက်တန်ဖိုးမှ အသွေးအရောင်၏ +/-30 ဒီဂရီ။ ဖြောင့်ဖြောင့်အဖြည့်ကဲ့သို့ ရဲရင့်သော်လည်း စွယ်စုံရရှိသည်။

အကောင်းဆုံး: တက်ကြွသော်လည်း ဟန်ချက်ညီသော အပြင်အဆင်များ

Triadic

အရောင်သုံးရောင်သည် အသွေးအရောင် 120 ဒီဂရီခြားပြီး အရောင်ဘီးတစ်လျှောက် အညီအမျှ ခြားထားသည်။ အရောင်တစ်ရောင်ကို လွှမ်းမိုးပြီး အခြားအရောင်များကို အသံထွက်အဖြစ် အသုံးပြုရန် အကောင်းဆုံးဖြစ်သည်။

အကောင်းဆုံး: အပျော်အပါး၊ တက်ကြွသောဒီဇိုင်းများ

လက်တံ

30 ဒီဂရီခြား၍ အရောင်ဘီးပေါ်တွင် ကပ်လျက်ရှိသော အဝါရောင်များနှင့် တူညီသောအလင်းရောင်နှင့် ရွှဲ၏အရောင်သုံးရောင်။ ချောမွေ့သောအကူးအပြောင်းများ။

အကောင်းဆုံး: သဘာဝကမှုတ်သွင်းထားသော၊ ငြိမ်သက်သော အင်တာဖေ့စ်များ

Monochromatic

တောက်ပမှုတန်ဖိုး +/-50% ရှိသော တူညီသော အသွေးအရောင်သုံးရောင်။ သိမ်မွေ့သန့်စင်သည်။

အကောင်းဆုံး: ရိုးရှင်းသော၊ ဆန်းပြားသောဒီဇိုင်းများ

Tetradic

အသွေးအရောင် 60 ဒီဂရီဖြင့် ခြားထားသော ပေါင်းစပ်အရောင်နှစ်စုံ။

အကောင်းဆုံး: ကြွယ်ဝပြီး ကွဲပြားသော အရောင်အသွေးအစီအစဥ်များ

အရောင်သီအိုရီအခြေခံမူများ

လက်ကျန်

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

ဆန့်ကျင်ဘက်

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

သဟဇာတဖြစ်ပါတယ်။

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

အရောင် အလင်းအမှောင် စစ်ဆေးခြင်း

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

စာသားအရောင်
နောက်ခံအရောင်
ဆန့်ကျင်ဘက်
Fail
စာသားလေးတွေ
✖︎
ကြီးမားသောစာသား
✖︎
WCAG စံနှုန်းများ
AA:ပုံမှန်စာသားအတွက် အနိမ့်ဆုံး ခြားနားမှုအချိုး 4.5:1 နှင့် ကြီးမားသောစာသားအတွက် 3:1။ ဝဘ်ဆိုဒ်အများစုအတွက် လိုအပ်သည်။
AAA:ပုံမှန်စာသားအတွက် 7:1 နှင့် ကြီးမားသောစာသားအတွက် 4.5:1 ခြားနားမှုအချိုးကို မြှင့်တင်ထားသည်။ အကောင်းမွန်ဆုံးသော အသုံးပြုခွင့်အတွက် အကြံပြုထားသည်။

လူတိုင်းက Genius တွေပါ။ ဒါပေမယ့် မင်းငါးတစ်ကောင်ကို သစ်ပင်တက်နိုင်တဲ့ အရည်အချင်းနဲ့ စီရင်လိုက်ရင် မိုက်မဲတယ်လို့ ယုံကြည်ပြီး တစ်သက်လုံး အသက်ရှင်နေလိမ့်မယ်။

- Albert Einstein

နည်းပညာပုံစံများ

လက်တွေ့ပုံစံများ

အရောင်ခွဲခြမ်းစိတ်ဖြာခြင်း။

မျက်စိကွယ်ခြင်း Simulator

ဖန်တီးမှုဆိုင်ရာ ကဏ္ဍများ