رنگ جي برعڪس چيڪ ڪندڙ

رسائي کي يقيني بڻائڻ لاءِ پيش منظر ۽ پس منظر جي رنگن جي وچ ۾ برعڪس تناسب جي جانچ ڪريو.

1.00:1
برعڪس
Fail
ڏاڍو غريب

عام متن

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

وڏو متن

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#b3b3b3

تڪڙا حل

Aa

عنوان جو جائزو وٺو

تيز ڀوري لومڙ سست ڪتي مٿان ٽپو ڏئي ٿي

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

متن
#000000
پس منظر
#b3b3b3

WCAG معيار

Level AA

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

Level AAA

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

سڀني متن جي سائزن لاءِ خراب برعڪس.

رنگ برعڪس چيڪ ڪندڙ

متن ۽ پس منظر جي رنگن جي برعڪس تناسب کي ڳڻيو.

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

اهم خصوصيتون

  • حقيقي وقت جي برعڪس تناسب جو حساب
  • WCAG AA ۽ AAA تعميل جي چڪاس
  • فائن ٽيوننگ لاءِ HSL سلائڊرز
  • ڪيترائي پريويو فارميٽ

جديد اوزار

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