د رنګ تضاد چیکر

خپل رنګونه وازمویئ

د رنګ ترکیبونه ازموینه کړئ ترڅو ډاډ ترلاسه کړئ چې دوی د WCAG د لاسرسي معیارونه د متن لوستلو وړتیا لپاره پوره کوي.

1.00:1

تضاد

ناکام

ډېر خراب

عادي متن

AA (4.5:1)

AAA (7:1)

لوی متن

AA (3:1)

AAA (4.5:1)

د متن رنګ

د شالید رنګ

چټک اصلاحات

د مخکتنې سرلیک

چټک نسواري ګیدړ د سست سپي څخه تېرېږي

د کوچني متن مثال (12px)

متن

#ffffff

شالید

#156082

WCAG معیارونه

کچه AA

د منظم متن لپاره لږترلږه تضاد نسبت د 4.5:1 او لوی متن لپاره ۳:۱. د ډېرو ویب‌سایټونو لپاره اړتیا ده.

کچه AAA

د منظم متن لپاره غوره تضاد نسبت ۷:۱ او لوی متن لپاره 4.5:1. د لوی اکسِسيبېلیتي لپاره سپارښتنه شوې.

د ټولو متن اندازو لپاره ناکافي تضاد - د WCAG معیارونه نه پوره کوي.

د متن او شالید رنګونو د تضاد نسبت محاسبه کړئ.

د متن او بیک‌ګراونډ رنګ لپاره په رنګ کوډ کې یو رنګ وټاکئ یا په RGB هېکسډېسمل فورمات کې رنګ داخل کړئ (لکه #259 یا #2596BE). تاسو کولی شئ د رنګ ټاکلو لپاره سلایډر تنظیم کړئ. د و‌ب‌کانټنټ اکسِسيبېلیتي ګایډلاینز (WCAG) یو خاص لارښود لري څو روښانه کړي چې ایا متن د لیدلو وړ کسانو لپاره لوستونکی دی. دا معیار یو خاص الګرېتھم کاروي ترڅو د رنګ ګډونه په پرتله‌و اندازو کې نقشه کړي. د دې فورمول په کارولو سره، WCAG وایې چې د لارې پر 4.5:1 د رنګ تضاد د مرسته کړکۍ د متن او بیک‌ګراونډ لپاره د بدن متن لپاره مناسب دی، او لوی متن (د ۱۸+ pts منظم یا ۱۴+ pts تور) باید کم تر کمه ۳:۱ د رنګ تضاد په انډول کې ولري.

مهمې ځانګړتیاوې

په ریښتیني وخت کې د تضاد نسبت محاسبه
د WCAG AA & AAA مطابقت چک کول
د ښه تنظیم لپاره HSL سلایډرونه
ډیری مخکتنې بڼې

پرمختللي وسایل

اتوماتیک رنګ اصلاح
د متن او شالید نمونې
د رنګ نوم کشف
پایلې صادرول

ډېر ځله پوښتل شوي پوښتنې

د WCAG AA سمون لپاره، عادي متن ته لږ تر لږه 4.5:1 تضاد نسبت ته اړتیا ده، پداسې حال کې چې لوی متن (18pt یا 14pt غټ) ته 3:1 اړتیا ده.

WCAG AAA لوړ تضاد نسبتونه غواړي: د عادي متن لپاره 7:1 او د لوی متن لپاره 4.5:1، په داسې حال کې چې AA لپاره دا په ترتیب سره 4.5:1 او 3:1 دي.

د خپل ډیزاین هدف ساتلو سره د متن یا شالید رنګ تنظیمولو لپاره زموږ د اتوماتیک اصلاح ځانګړتیا وکاروئ، یا د HSL سلایډرونو سره رنګونه په لاسي ډول تنظیم کړئ چې د AA/AAA سمون لپاره غوره سیمې د بصري نښو سره ښیي.

شنې سیمې او د AA/AAA نښې د WCAG سمون لپاره غوره حدود ښیي. د لارښوونې نښې (ډیر روښانه/ډیر تیاره) ستاسو د اوسني رنګ ترکیب پراساس تاسو ته د ښه تضاد لپاره لارښوونه کوي.

هو، تاسو کولی شئ هر HEX کوډ دننه کړئ یا د رنګ غوره کوونکي په کارولو سره رنګونه وټاکئ. URL په اتوماتیک ډول تازه کیږي ترڅو وکولی شئ ځانګړي رنګ ترکیبونه شریک کړئ.