အရောင်ကုဒ် ထုတ်ယူသူနှင့် Selector de color

အရောင်ကုဒ်များ၊ မျိုးကွဲများ၊ လိုက်ဖက်မှုများ ထုတ်ယူပြီး ကွဲပြားမှုအချိုးများ စစ်ဆေးပါ။

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

HEX

#feebf3

Remy

HEX
#feebf3
HSL
335, 90, 96
RGB
254, 235, 243
XYZ
87, 87, 97
CMYK
0, 7, 4, 0
LUV
95,27,3
LAB
95, 8, -2
HWB
335, 92, 0

မျိုးကွဲများ

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

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

အရောင်နက်များ

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

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

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

အသုံးပြုမှုများ

  • UI ကွန်ပေါင်နင့် အခြေအနေများ (hover, active, disabled)
  • အရိပ်များနှင့် အထူးပြုမှုများဖြင့် အနက်ရှိုင်းမှု ဖန်တီးခြင်း
  • အရောင်စနစ်များကို တည်ဆောက်ခြင်း

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

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

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

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

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

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

အရေးကြီးသော အကြောင်းရင်း

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

ဖြည့်စွက်

အရောင်တစ်ခုနှင့် အရောင်ဘီးပေါ်တွင် 180 ဒီဂရီ အနားက အရောင်။ အထိရောက်ဆုံး ကွဲပြားမှု။

#feebf3
အကောင်းဆုံး အသုံးပြုရန်: အထိရောက်ဆုံး ဒီဇိုင်းများ၊ CTA များ၊ လိုဂိုများ

ခွဲခြားဖြည့်စွက်

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

အကောင်းဆုံး အသုံးပြုရန်: တောက်ပပြီး ညီမျှသော အပြင်အဆင်များ

သုံးထပ်

အရောင်ဘီးပေါ်တွင် 120 ဒီဂရီ အနားက အရောင်သုံးခု။ အရောင်တစ်ခုကို အဓိကထားပြီး အခြားအရောင်များကို အထောက်အကူပြုပါ။

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

ဆက်စပ်

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

အကောင်းဆုံး အသုံးပြုရန်: သဘာဝမှ ရင်းနှီးသော၊ စိတ်အေးချမ်းစေသော အင်တာဖေ့စ်များ

တစ်ရောင်တည်း

အရောင်တူသော အရောင်သုံးခု၊ အလင်းနှင့် အရောင်တန်ဖိုး +/-50%။ သွယ်ဝိုက်ပြီး ချောမွေ့။

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

လေးထပ်

အရောင်အဆင်း 60 ဒီဂရီခွဲထားသော အပြန်အလှန်လိုက်ဖက်သော အရောင်နှစ်စုံ။

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

အရောင်သီအိုရီ မူဘောင်များ

ညီမျှမှု

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

ကွဲပြားမှု

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

ညီညွတ်မှု

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

အရောင် ကွဲပြားမှု စစ်ဆေးခြင်း

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

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

အဆင့်မြင့် ကွဲပြားမှုစစ်ဆေးသူ

စလစ်များ၊ နမူနာများစွာနှင့်အတူ စိစစ်ပြင်ဆင်ပါ

လူတိုင်းသည် ဉာဏ်ပညာရှိသည်။ သို့သော် သင်ငါးကို သစ်ပင်တက်နိုင်စွမ်းဖြင့် စီရင်တော်မူပါက ၎င်းသည် ၎င်းကို မိုက်မဲသည်ဟု ယုံကြည်၍ ၎င်း၏ တစ်သက်လုံး နေထိုင်လိမ့်မည်။

- Albert Einstein

နည်းပညာဆိုင်ရာ ပုံစံများ

လက်တွေ့အသုံးပြုဖော်မတ်များ

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

အမြင်အာရုံချို့တဲ့မှု အတု

ဖန်တီးမှု အရောင်များ