သင့်အကောင့်သို့ ဝင်ရောက်ပါ။

ကြိုဆိုပါတယ်

ဤစုစည်းမှုသို့ ထည့်ရန် မည်သည့်ပစ္စည်းအမျိုးအစားကို ရွေးချယ်ပါ။

သင်၏စုစည်းမှုကို အောင်မြင်စွာဖန်တီးပြီးဖြစ်သည်။

ဒီစုစည်းမှုမှာ ဘာတွေပါဝင်မလဲ။

သင့်အရာများကို စုစည်းရန် စုစည်းမှုတစ်ခုကို ထည့်ပါ။

ပစ္စည်းကို စုစည်းမှုသို့ အောင်မြင်စွာ ထည့်သွင်းခဲ့သည်။

ပစ္စည်းကို စုစည်းမှုမှ ဖယ်ရှားခဲ့သည်။

သင်၏အရောင်များကိုစုစည်းရန် သင်၏ပထမဆုံးစုစည်းမှုကို ဖန်တီးပါ။

ဤစုစည်းမှုတွင် အရောင်များ၊ ပျဉ်ချပ်များ သို့မဟုတ် အရောင်ခြယ်မှုများကို ထည့်ပါ။

စုစည်းမှုအရာများကို ကြည့်ရှုစီမံပါ။

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

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

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

ဒီဇိုင်းပိုကောင်းတယ်။

အပြာရောင် မျက်စိကွယ်ခြင်း (Tritanopia)

အရောင်ကုဒ်

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

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

Gradient Maker

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

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

Blindness Simulator သို့ဝင်ရောက်ရန် အကောင့်ဖွင့်ပါ။

ဤသည်မှာ အရောင်သည် သာမန်အရောင်အမြင်ဖြင့် ပေါ်လာပုံဖြစ်သည်။

အနီရောင်-စိမ်းလန်း မျက်စိကွယ်ခြင်း (Protanopia)

ဆက်စပ်သုံးစွဲနိုင်မှု ကိရိယာများ

အမျိုးသားများ၏ 8% နှင့် အမျိုးသမီးများ 0.5% သည် အရောင်အမြင်ချို့ယွင်းမှုပုံစံအချို့ရှိသည်။

ထိခိုက်မှု

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

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

တစ်စိတ်တစ်ပိုင်း အရောင်ကွယ်ခြင်း။

Achromatomaly

လုံးဝအရောင်မျက်စိကွယ်ခြင်း။

Acromatopsia

အစိမ်းရောင် အားနည်းတယ်။

တရားမဲ့

Deuteranopia

အနီရောင်အားနည်းတယ်။

Protanomaly

Protanopia

အပြာရောင်အားနည်းတယ်။

Tritanomaly

Tritanopia

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

အမျိုးအစားများ

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

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

အရောင်သဟဇာတဖြစ်မှု၊ စိတ်ပိုင်းဆိုင်ရာ အကျိုးသက်ရောက်မှု၊ နည်းပညာဆိုင်ရာ သတ်မှတ်ချက်များနှင့် ဝင်ရောက်နိုင်မှု တိုင်းတာမှုများကို ပိုင်းခြားစိတ်ဖြာပါ။ ဒေတာမောင်းနှင်သော ထိုးထွင်းသိမြင်မှုနှင့် ပရော်ဖက်ရှင်နယ် အရောင်သီအိုရီ အပလီကေးရှင်းများဖြင့် သင့်ပရောဂျက်များတွင် အရောင်အသုံးပြုမှုနှင့်ပတ်သက်သည့် အသိဉာဏ်ဖြင့် ဆုံးဖြတ်ချက်များချပါ။

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

ပရော်ဖက်ရှင်နယ်အရောင်အသိအမြင်နှင့်သဟဇာတ

ပြီးပြည့်စုံသောအရောင်ခွဲခြမ်းစိတ်ဖြာ

အေးမြသောအရောင် - အေးဆေးတည်ငြိမ်ပြီး ပရော်ဖက်ရှင်နယ်

ရောင်စဉ်တန်းဖွဲ့စည်းမှု၊ အရောင်သန့်စင်မှု၊ အသွင်အပြင်သက်ရောက်မှုများနှင့် အာရုံခံဝိသေသလက္ခဏာများအပါအဝင် အဆင့်မြင့်မက်ထရစ်များဖြင့် အရောင်ဂုဏ်သတ္တိများကို ပိုင်းခြားစိတ်ဖြာပါ။ ဤကိရိယာများသည် မတူညီသောကြည့်ရှုမှုအခြေအနေများအောက်တွင် အရောင်အမူအရာနှင့် အသွင်အပြင်ကို နက်နဲစွာ ထိုးထွင်းသိမြင်စေပါသည်။

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

ဒီဇိုင်း & အမှတ်တံဆိပ်

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

အရောင်သဟဇာတများ

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

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

စျေးကွက်ရှာဖွေရေး လှုံ့ဆော်မှုများအတွက် အရောင်စိတ်ပညာနှင့် စိတ်ပိုင်းဆိုင်ရာ အကျိုးသက်ရောက်မှုများကို နားလည်ပါ။ ဒစ်ဂျစ်တယ်စျေးကွက်ရှာဖွေရေးဗျူဟာများတွင် အရောင်များသည် သုံးစွဲသူများ၏ အပြုအမူနှင့် ပြောင်းလဲခြင်းနှုန်းများကို လွှမ်းမိုးနိုင်ပုံကို ပိုင်းခြားစိတ်ဖြာပါ။

စျေးကွက်ရှာဖွေရေးနှင့် စိတ်ပညာ

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

နည်းပညာဆိုင်ရာ တိုင်းတာမှုများ

ကြားနေအပူချိန် - မျှတသည်။

Palette Generator

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

အမြင်အာရုံ

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

အသိဥာဏ်ဆိုင်ရာ ဂုဏ်သတ္တိများ

ပရော်ဖက်ရှင်နယ် အရောင်ခွဲခြမ်းစိတ်ဖြာခြင်း အက်ပ်များ

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

အရောင်စိတ်ပညာ

ဆက်စပ်အရောင်တူးလ်များ

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

သိပ္ပံနည်းကျ ခွဲခြမ်းစိတ်ဖြာခြင်း။

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

နွေးထွေးသောအရောင် - တက်ကြွပြီးဖိတ်ခေါ်မှု

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

ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှု

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

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

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

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

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

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

အရောင်အသွေး အဓိပ္ပါယ်များသည် ယဉ်ကျေးမှုအသီးသီးတွင် ကွဲပြားကြပြီး ကမ္ဘာတစ်ဝှမ်းတွင် မတူညီသော သင်္ကေတဆိုင်ရာ အဓိပ္ပါယ်များကို သယ်ဆောင်ကြသည်။

ယဉ်ကျေးမှု

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

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

Creative Aspects သို့ဝင်ရောက်ရန် စာရင်းသွင်းပါ။

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

သဘာဝတရား

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

စိတ်ပညာ

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

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

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

ပြောင်းလဲခြင်း၊ ပေါင်းစပ်မှုများ၊ မျက်စိကွယ်ခြင်းစဥ်းစားခြင်း နှင့် အခြားအရာများကဲ့သို့ အရောင် 123456 အကြောင်း အသုံးဝင်သော အရောင်အချက်အလက်ကို ရယူပါ။

HTML အရောင်ရွေးချယ်မှု- 123456

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

ပရိုဂရမ်းမင်းအသုံးပြုမှုအတွက် Terminal အရောင်များ၊ ဘိုက်ကုဒ်နှင့် ဒေတာဖော်မတ်များ။

ဖွံ့ဖြိုးတိုးတက်ရေး

print simulation၊ LED displays၊ terminal output နှင့် data encoding အပါအဝင် real-world applications များအတွက် လက်တွေ့ဖော်မတ်များအဖြစ် အရောင်များကို ပြောင်းပါ။ ဤဖော်မတ်များသည် မတူညီသောမီဒီယာများ၊ ပလပ်ဖောင်းများနှင့် ရုပ်ပိုင်းဆိုင်ရာစက်ပစ္စည်းများတွင် အရောင်များကို အကောင်အထည်ဖော်ရန် ကူညီပေးသည်။

LED အကွက်များ၊ RGB အလင်းရောင်နှင့် တိကျသောတန်ဖိုးများဖြင့် ပြသသည့် ဟာ့ဒ်ဝဲများကို ထိန်းချုပ်ပါ။

ဒစ်ဂျစ်တယ် ပြကွက်များ

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

လက်တွေ့ဖော်မတ်များဝင်ရောက်ရန် စာရင်းသွင်းပါ။

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

ပုံနှိပ်ခြင်းနှင့် ထုတ်လုပ်မှု

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

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

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

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

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

ကျယ်ပြန့်သောအရောင်အဆင်း

အရောင်အသွင်အပြင် မော်ဒယ်

ဗီဒီယိုထုတ်လုပ်ခြင်း၊ ဓာတ်ပုံရိုက်ခြင်း၊ သိပ္ပံနည်းကျအသုံးချမှုများနှင့် အရောင်စီမံခန့်ခွဲမှုစနစ်များတွင် အသုံးပြုသည့် အဆင့်မြင့်အရောင်အာကာသကိုယ်စားပြုမှုများနှင့် ပရော်ဖက်ရှင်နယ်အရောင်မော်ဒယ်များကို စူးစမ်းလေ့လာပါ။ ဤနည်းပညာဖော်မတ်များသည် အထူးပြုစက်မှုလုပ်ငန်းနှင့် အသုံးချပရိုဂရမ်များအတွက် တိကျသောအရောင်သတ်မှတ်ချက်များကို ပေးဆောင်သည်။

သိသာထင်ရှားစွာ ယူနီဖောင်း

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

စက်မှုစံနှုန်းများ

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

နည်းပညာဖော်မတ်များ ဝင်ရောက်ရန် စာရင်းသွင်းပါ။

အရောင်မှတ်စနစ်

ပရော်ဖက်ရှင်နယ်ဓာတ်ပုံပညာ

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

တိကျသောကူးပြောင်းမှုများနှင့် အသေးစိတ်ရှင်းပြချက်များဖြင့် ပရော်ဖက်ရှင်နယ်အရောင်ဖော်မတ် 10+ သို့ ချက်ချင်းဝင်ရောက်ကြည့်ရှုလိုက်ပါ။

နည်းပညာဖော်မတ်များအားလုံးကို လော့ခ်ဖွင့်ပါ။

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

နည်းပညာဖော်မတ်များကို အဘယ်ကြောင့်အသုံးပြုသနည်း။

ဒစ်ဂျစ်တယ် ဗီဒီယို

ဗီဒီယို/အသံလွှင့် PAL

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

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

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

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

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

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

နာမည်

ကြှနျုပျတို့ကိုဆကျသှယျရနျ

စာသားကို ချိန်ညှိပါ။

စာသားအရောင်ကို ချိန်ညှိပါ။

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

ဤသည်မှာ ပုံမှန်ကိုယ်ထည်စာသားဖြစ်သည်။ လျင်မြန်သော အညိုရောင် မြေခွေးသည် ပျင်းရိသော ခွေးကို ခုန်ချသည်။

စာသားနှင့် နောက်ခံအရောင်အတွက် အရောင်ရွေးချယ်မှုအား အသုံးပြုကာ အရောင်တစ်ခုကို ရွေးချယ်ပါ သို့မဟုတ် အရောင်တစ်ခုကို RGB ဆယ်ဂဏန်းဂဏန်းဖော်မတ် (ဥပမာ၊ #259 သို့မဟုတ် #2596BE) တွင်ထည့်ပါ။ အရောင်ရွေးချယ်ရန် slider ကိုချိန်ညှိနိုင်သည်။ Web Content Accessibility Guidelines (WCAG) တွင် စာသားကို မြင်ဖူးသူတိုင်း ဖတ်နိုင်သည်ဆိုသည်ကို အဖြေရှာရန် တိကျသော လမ်းညွှန်ချက်တစ်ခု ရှိသည်။ ဤသတ်မှတ်ချက်များသည် အရောင်ပေါင်းစပ်မှုများကို နှိုင်းယှဉ်နိုင်သော အချိုးများအဖြစ် ပုံဖော်ရန် သီးခြား algorithm တစ်ခုကို အသုံးပြုသည်။ ဤဖော်မြူလာကို အသုံးပြု၍ WCAG သည် စာသားနှင့် 4.5:1 အရောင်ခြားနားမှုအချိုးအစားနှင့် ၎င်း၏နောက်ခံသည် ပုံမှန် (ကိုယ်ထည်) စာသားအတွက် လုံလောက်ပြီး ကြီးမားသောစာသား (18+ pt ပုံမှန် သို့မဟုတ် 14+ pt bold) အနည်းဆုံး 3 ရှိသင့်သည်- အရောင်ခြားနားမှုအချိုး 1 ။

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

စာသားပြင်ဆင်ပါ (AA)

စာသားပြင်ရန် (AAA)

Color Contrast Checker- ဤအွန်လိုင်းကိရိယာဖြင့် စာသားနှင့် နောက်ခံအရောင်များ၏ ဆန့်ကျင်ဘက်အချိုးအစား 123456 အကြောင်း အသေးစိတ်ကို သင်ရနိုင်သည်။ 

 Color Contrast Checker: 123456

ခေါင်းစီးစာသား

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

ကြီးမားသောစာသား

(≥ 18pt သို့မဟုတ် ≥ 14pt bold)

ဒါက ဥပမာ စာသားပါ

နှိပ်နိုင်သောလင့်ခ်

(< 18pt သို့မဟုတ် < 14pt bold )

သေးငယ်သော စာသားနမူနာ (12px)

လျင်မြန်သော အညိုရောင် မြေခွေးသည် ပျင်းရိသော ခွေးကို ခုန်ချသည်။

ခေါင်းစဉ်ကို အစမ်းကြည့်ပါ။

စာသား ချိန်ညှိချက်များကို ပြန်လည်သတ်မှတ်ပါ။

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

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

ခေါင်းစဉ်ခွဲစာသား

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

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

ပုံမှန်စာသားအတွက် 7:1 နှင့် ကြီးမားသောစာသားအတွက် 4.5:1 ခြားနားမှုအချိုးကို မြှင့်တင်ထားသည်။ အကောင်းမွန်ဆုံးသော အသုံးပြုခွင့်အတွက် အကြံပြုထားသည်။

ပုံမှန်စာသားအတွက် အနိမ့်ဆုံး ခြားနားမှုအချိုး 4.5:1 နှင့် ကြီးမားသောစာသားအတွက် 3:1။ ဝဘ်ဆိုဒ်အများစုအတွက် လိုအပ်သည်။

WCAG လိုက်နာမှုအဆင့်များ

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

WCAG စံနှုန်းများ

အများဆုံးအရောင် 10 ရောင်ရောက်ပါပြီ။

အနိမ့်ဆုံးအရောင် 4 ရောင်ရောက်ပါပြီ။

အာရုံစိုက်ရန် လိုအပ်ပါသည်။

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

Palette အသစ်တစ်ခုဖန်တီးပါ။

သင်၏သိမ်းဆည်းထားသော palettes များနှင့် gradient များကို စီမံပါ။

သင်သိမ်းဆည်းထားသော gradient များကို ကြည့်ရှုစီမံပါ။

သင်၏ Gradients

သင်၏သိမ်းဆည်းထားသော အရောင်အသွေးစုံများကို ကြည့်ရှုစီမံပါ။

မင်းရဲ့ Palettes

ဒိုင်ခွက်

သင်၏ Palette ကိုတည်းဖြတ်ပါ။

imagecolorpicker.com မှ Gradient Maker ဖြင့် ရင်သပ်ရှုမောဖွယ် အရောင်အသွေးများ ဖန်တီးပါ။ မျဉ်းဖြောင့်နှင့် အမြှေးရောင်ဖျော့ဖျော့ဖျော့ဖျော့များကို ရွေးချယ်ပါ၊ အရောင်များစွာထည့်ပါ၊ ရောင်စုံကိုလှည့်ပါ၊ သင်၏ဖန်တီးမှုများကို သိမ်းဆည်းပြီး မျှဝေပါ။ CSS ကုဒ်ကို တိုက်ရိုက်ဒေါင်းလုဒ်လုပ်ပြီး သင်၏ gradient များကို သင့်ပရောဂျက်များတွင် ချောမွေ့စွာ ပေါင်းစပ်ပါ။

imagecolorpicker.com မှ Gradient Maker ဖြင့် ရင်သပ်ရှုမောဖွယ် ရောင်စုံများကို ဖန်တီးပါ။ မျဉ်းဖြောင့်နှင့် အမြှေးရောင်ဖျော့ဖျော့ဖျော့ဖျော့များကို ရွေးချယ်ပါ၊ အရောင်များစွာထည့်ပါ၊ အရောင်ခြယ်မှုကို လှည့်ပါ၊ သင့်ဖန်တီးမှုများကို သိမ်းဆည်းပြီး မျှဝေပါ။ CSS ကုဒ်ကို တိုက်ရိုက်ဒေါင်းလုဒ်လုပ်ပြီး သင်၏ gradient များကို သင့်ပရောဂျက်များတွင် ချောမွေ့စွာ ပေါင်းစပ်ပါ။

သင်၏ Gradient ကိုတည်းဖြတ်ပါ။

Gradient ခေါင်းစဉ် လိုအပ်သည်။

Gradient Maker - ရင်သပ်ရှုမောဖွယ်ကောင်းသော Linear နှင့် Radial Gradients ဖန်တီး | imagecolorpicker.com

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

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

Color Code Generator & Picker

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

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

သင်၏သိမ်းဆည်းထားသော Palettes

ဤမျှဝေထားသော gradient ကို ကြည့်ရှုပြီး စူးစမ်းပါ။

Gradient ကို မျှဝေထားသည်။

ဤမျှဝေထားသော ပျဉ်ချပ်ကို ကြည့်ရှုလေ့လာပါ။

ImageColorPicker.com

ကြှနျုပျတို့ကိုဆကျသှယျရနျ