ImageColorPicker.com

رنګ تضاد چیکر

د لاسرسي ډاډ ترلاسه کولو لپاره د مخکینۍ او شالید رنګونو ترمنځ د تضاد نسبت ازموینه وکړئ.

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

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

6.19 تر 1 پورې
تضاد
AA
د متن پایله
ښه

مقابله شوې: #000000 پر #C37B31

متن

16px، عادي (400)

د عادي متن په توګه حسابیږي.

  • AA (WCAG 1.4.3): لږ تر لږه 4.5:1

    پاس

  • AAA (WCAG 1.4.6): لږ تر لږه 7:1

    لا 0.81 ته اړتیا ده

    ناکام

د UI برخې او ګرافیکونه

آیکونونه، د داخلولو کناره، د تمرکز شاخصونه او نورې برخې چې د انترفېس کارولو لپاره باید ووینې.

  • AA (WCAG 1.4.11): لږ تر لږه 3:1

    پاس
6.19 ته 1. متن: د AA غوښتنه پوره کوي, د AAA غوښتنه پوره نه کوي. UI برخې: پاس شو.
څنګه دا ازمول کېږي
مقایسه شوي رنګونه (وروسته له ګډولو)
متن #000000 پر شالید #C37B31
نسبتي روښانتیا
متن 0.0000، شالید 0.2598
فارمول
(L1 + 0.05) / (L2 + 0.05) چېرې چې L1 د روښانه رنګ روښانتیا ده او L2 د تیاره رنګ.
دقیق نسبت
6.1979 ته 1، ښودل شوی لکه 6.19 ته 1. ښودل شوی ارزښت پرې شوی دی، نه ګرد شوی، نو هیڅکله له واقعته بهتر نه ښکاري. دقیق ارزښت هغه دی چې له غوښتنې سره پرتله کیږي.

د متن اندازه: 16px, عادي (400)

د عادي متن په توګه حسابیږي. لوی متن لږ تر لږه 24px (18pt) دی، یا که بولډ وي (وزن 700 یا ډېر) لږ تر لږه 18.67px (14pt). اندازې پرې شوي ښودل کېږي، نه ګرد شوي.

د عادي متن په توګه حسابیږي. لوی متن لږ تر لږه 24px (18pt) دی، یا که بولډ وي (وزن 700 یا ډېر) لږ تر لږه 18.67px (14pt). اندازې پرې شوي ښودل کېږي، نه ګرد شوي.

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

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

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

متن
#000000
شالید
#c37b31

WCAG معیارونه

کچه AA

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

کچه AAA

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

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

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

د متن او بیک‌ګراونډ رنګ لپاره په رنګ کوډ کې یو رنګ وټاکئ یا په 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 په اتوماتیک ډول تازه کیږي ترڅو وکولی شئ ځانګړي رنګ ترکیبونه شریک کړئ.