رنگ تضاد چيڪر

پنهنجا رنگ چيڪ ڪريو

رنگن جي ميلاپ کي جانچيو ته جيئن WCAG رسائي جي معيارن کي پورو ڪن متن جي پڙھڻ جي قابليت لاءِ.

تضاد

ٽيڪسٽ جو نتيجو

سٺو

مقابلو ڪيو ويو: #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
پاس

اهو ڪيئن جانچيو ويندو آهي

مقابلو ڪيا ويا رنگ (بلينڊ ڪرڻ کان پوءِ): ٽيڪسٽ #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). سائيز ڪٽيل ڏيکاريا وڃن ٿا، گول نه.

معيار

متن جو رنگ

پس منظر جو رنگ

ٽيڪسٽ جي سائيز (px)

فونٽ وزن

پيش نظاري جو عنوان

جلدي ڀورو لومڙ سست ڪتي تي ٽپو ڏئي ٿو

ننڍي متن جو مثال (12px)

متن

#000000

پس منظر

#c37b31

WCAG معيار

سطح AA

معمولي لکت لاءِ گهٽ ۾ گهٽ تضاد شرح 4.5:1 ۽ وڏين لکت لاءِ 3:1. گھڻي ويب سائيٽن لاءِ ضروري.

سطح AAA

عام متن لاءِ وڌيل تضاد جو تناسب 7:1 ۽ وڏي متن لاءِ 4.5:1. بهترين رسائي لاءِ سفارش ڪئي وئي آهي.

متن ۽ پس منظر جي رنگن جو تضاد تناسب ڳڻيو.

لکت ۽ پس منظر لاءِ رنگ چونڊڻ لاءِ رنگ چونڊيندڙ استعمال ڪريو يا RGB هيڪسائيڊمل فارميٽ ۾ رنگ داخل ڪريو (مثال طور، #259 يا #2596BE). توهان سلائيڊر کي ترتيب ڏئي رنگ منتخب ڪري سگهو ٿا. ويب مواد رسائي گائيڊلائنز (WCAG) وٽ هڪ خاص هدايت آهي ته ڄاڻايو وڃي ته لکت ڏسڻ وارن لاءِ پڙهڻ لائق آهي يا نه. هي معيار هڪ خاص الگورٿم استعمال ڪري ٿو رنگ جو ميلاپ ڀيٽن جي شرح ۾ تبديل ڪرڻ لاءِ. هن فارمولي تحت، WCAG بيان ڪري ٿو ته هڪ 4.5:1 رنگ تضاد شرح لکت ۽ ان جي پس منظر سان معمولي لکت لاءِ مناسب آهي، ۽ وڏين لکت لاءِ (18+ pt معمولي، يا 14+ pt جڙيل) گهٽ ۾ گهٽ 3:1 رنگ تضاد شرح هجڻ گهرجي.

مکيه خاصيتون

حقيقي وقت تضاد تناسب جو حساب
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 جي تعميل حاصل ڪرڻ لاءِ بهترين حدون ڏيکارين ٿا. هدايت جا اشارا (وڌيڪ روشن/وڌيڪ اونداهو) توهان جي موجوده رنگن جي ميلاپ جي بنياد تي بهتر تضاد ڏانهن رهنمائي ڪن ٿا.

ها، توهان ڪو به هيڪس رنگ ڪوڊ داخل ڪري سگهو ٿا يا پنهنجا رنگ چونڊڻ لاءِ رنگ چونڊيندڙ استعمال ڪري سگهو ٿا. URL خودڪار طور اپڊيٽ ٿئي ٿو ته جيئن توهان مخصوص رنگن جا ميلاپ شيئر ڪري سگهو.