رنگ تضاد چيڪر

پيش منظر ۽ پس منظر جي رنگن جي وچ ۾ تضاد تناسب کي جانچيو ته جيئن رسائي کي يقيني بڻائي سگهجي.

1.00:1
تضاد
Fail
تمام خراب

عام متن

AA (4.5:1)
AAA (7:1)

وڏو متن

AA (3:1)
AAA (4.5:1)
White
#ffffff
Oriental Pink
#c69191

جلدي درستيون

Aa

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

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

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

متن
#ffffff
پس منظر
#c69191

WCAG معيار

Level AA

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

Level AAA

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

سڀني متن جي سائيزن لاءِ اڻپورو تضاد - WCAG معيارن ۾ ناڪام.

رنگ تضاد چيڪر

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

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

مکيه خاصيتون

  • حقيقي وقت تضاد تناسب جو حساب
  • WCAG AA & AAA جي تعميل چيڪنگ
  • HSL سلائيڊرز لاءِ سڌارڻ
  • گھڻا پيش نظارا فارميٽ

ترقي يافته اوزار

  • خودڪار رنگ درست ڪرڻ
  • متن ۽ پس منظر جا نمونا
  • رنگ جو نالو سڃاڻپ
  • نتيجا برآمد ڪريو