رنگ تضاد چيڪر

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

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

تضاد

AAA

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

تمام سٺو

مقابلو ڪيو ويو: #FFFFFF تي #6B4A8C

متن

16px، عام (400)

عام متن طور شمار ٿئي ٿو.

AA (WCAG 1.4.3): گهٽ ۾ گهٽ 4.5:1
پاس
AAA (WCAG 1.4.6): گهٽ ۾ گهٽ 7:1
پاس

UI جزا ۽ گرافڪس

آئڪان، ان پٽ بارڊر، فوڪس اشارا ۽ ٻيا حصا جن کي انٽرفيس استعمال ڪرڻ لاءِ ڏسڻ ضروري آهي.

AA (WCAG 1.4.11): گهٽ ۾ گهٽ 3:1
پاس

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

مقابلو ڪيا ويا رنگ (بلينڊ ڪرڻ کان پوءِ): ٽيڪسٽ #FFFFFF تي پسمنظر #6B4A8C
نسبتي روشنائي: ٽيڪسٽ 1.0000، پسمنظر 0.0991
فارمولو: (L1 + 0.05) / (L2 + 0.05) جتي L1 هلڪي رنگ جي روشنائي آهي ۽ L2 ڳوڙهي رنگ جي.
بلڪل تناسب: 7.0390 تو 1، ڏيکاريل طور 7.03 تو 1. ڏيل قدر ڪٽيل آهي، گول نه ڪئي وئي آهي، ان لاءِ اها ڪڏھن به حقيقت کان بهتر نه ڏيکاري ٿي. بلڪل قدر ئي تقاضا سان ڀيٽيل هوندي آهي.

متن جو سائيز: 16px، عام (400)

عام متن طور شمار ٿئي ٿو. وڏي متن گهٽ ۾ گهٽ 24px (18pt) هجي ٿي، يا وزن 700 يا وڌيڪ جي صورت ۾ گهٽ ۾ گهٽ 18.67px (14pt). سائيز ڪٽيل ڏيکاريا وڃن ٿا، گول نه.

معيار

متن جو رنگ

پس منظر جو رنگ

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

فونٽ وزن

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

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

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

متن

#ffffff

پس منظر

#6b4a8c

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 خودڪار طور اپڊيٽ ٿئي ٿو ته جيئن توهان مخصوص رنگن جا ميلاپ شيئر ڪري سگهو.