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

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

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

    عام متن

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

    وڏو متن

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    تڪڙا حل

    Aa

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

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

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

    متن
    #000000
    پس منظر
    #2596be

    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 سلائڊرز
    • ڪيترائي پريويو فارميٽ

    جديد اوزار

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