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

WCAG AA နှင့် AAA တို့၏ ရှေ့ဘက်/နောက်ခံ ခြားနားချက်ကို စစ်ဆေးပါ။ အရောင်များကို ရွေးသည့်အခါ အချိုးမွမ်းမံမှုကို ကြည့်ပါ။

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

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

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

စာသား (Foreground) နှင့် နောက်ခံအရောင်များကို ရွေးပါ။
ဆန့်ကျင်ဘက်အချိုးနှင့် AA/AAA ရလဒ်များကို ဖတ်ပါ။
သင်၏ပစ်မှတ်အဆင့်ကို ကျော်သွားသည်အထိ ချိန်ညှိပါ။

How this tool works

စာသား (Foreground) နှင့် နောက်ခံအရောင်များကို ရွေးပါ။
ဆန့်ကျင်ဘက်အချိုးနှင့် AA/AAA ရလဒ်များကို ဖတ်ပါ။
သင်၏ပစ်မှတ်အဆင့်ကို ကျော်သွားသည်အထိ ချိန်ညှိပါ။

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

အရောင်နှင့် CSS ဂျင်နရေတာများသည် သင့်ဘရောက်ဆာတွင် လုံးလုံးလျားလျား အလုပ်လုပ်သည်။ အစမ်းကြည့်ရှုမှုများနှင့် ပြောင်းလဲမှုများသည် သင့်စတိုင်များကို ဘယ်တော့မှ အပ်လုဒ်မလုပ်ပါ။

Common use cases

သင်လိုအပ်သည့်အခါတိုင်း Color Contrast Checker ကိုသုံးပါ- WCAG AA နှင့် AAA လမ်းညွှန်ချက်များအပေါ် နောက်ခံ/နောက်ခံ ခြားနားချက်ကို စစ်ဆေးပါ။

Troubleshooting

ကူးထည့်ပြီးနောက် အစမ်းကြည့်ပုံသည် ကွဲပြားသည်။

သင့်စာမျက်နှာရှိ CSS တွင် ပြိုင်ဆိုင်မှုရှိမရှိစစ်ဆေးပါ (ပြန်လည်သတ်မှတ်ခြင်း၊ အမွေဆက်ခံထားသောအရောင်များ)။ ထုတ်လုပ်ထားသော စည်းမျဉ်းကို သီးခြားစတိုင်စာရွက်တစ်ခုသို့ ဦးစွာကူးယူပါ။

အမြဲမေးလေ့ရှိသောမေးခွန်းများ

၎င်းသည် ကျွန်ုပ်၏ CSS ကို အပ်လုဒ်လုပ်ပါသလား။

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

အကောင့်တစ်ခု လိုအပ်ပါသလား။

နံပါတ်။ ကိရိယာကိုဖွင့်ပါ၊ ထိန်းချုပ်မှုများကို ပြုပြင်ပြောင်းလဲရန်နှင့် CSS ကို ကူးယူပါ။