مفت WCAG رنگ تضاد جانچ

یہ کیسے کام کرتا ہے

کنٹراسٹ کی جانچ مکمل طور پر آپ کے براؤزر میں WCAG 2.1 relative luminance الگورتھم سے ہوتی ہے — نہ لائبریری، نہ سرور، صرف ہاتھ سے لکھا حساب جو بالکل تفصیلات کے مطابق ہے۔ ہر نتیجہ ٹائپ کرتے یا رنگ چنتے ہی حقیقی وقت میں اپ ڈیٹ ہوتا ہے۔

1. 1
   ہیکس ان پٹ اور معمول سازی

   3 ہندسوں (#abc) اور 6 ہندسوں (#aabbcc) والی دونوں ہیکس قدریں قبول ہو کر مکمل RGB تینوں میں بدلی جاتی ہیں۔ غلط ان پٹ خاموشی سے سیاہ پر جانے کی بجائے فوراً مسترد ہوتا ہے، اس لیے گمراہ کن پاس نتیجے کی بجائے سرخ بارڈر ظاہر ہوتا ہے۔
2. 2
   WCAG luminance کا حساب

   ہر رنگ WCAG 2.1 فارمولے سے relative luminance میں بدلا جاتا ہے: sRGB چینل قدریں ٹکڑوں والی gamma اصلاح سے لکیری کی جاتی ہیں (0.03928 سے نیچے 12.92 سے تقسیم، اس سے اوپر 2.4 کی قوت)، پھر 0.2126R + 0.7152G + 0.0722B کے وزن سے۔
3. 3
   کنٹراسٹ تناسب اور تعمیل کی جانچ

   کنٹراسٹ تناسب (ہلکا + 0.05) / (گہرا + 0.05) کے طور پر نکالا جاتا ہے اور WCAG کی پانچوں حدوں سے جانچا جاتا ہے: AA عام متن (4.5:1)، AA بڑا متن (3:1)، AAA عام متن (7:1)، AAA بڑا متن (4.5:1) اور UI اجزاء (3:1)۔ نتائج ہر کی اسٹروک پر اپ ڈیٹ ہوتے ہیں۔
4. 4
   رنگت محفوظ رکھنے والی اصلاحی تجاویز

   جب جوڑی WCAG AA میں ناکام ہو تو ٹول HSL lightness میں تلاش کرتا ہے — اصل lightness سے دونوں سمتوں میں قدم بڑھاتے ہوئے — تاکہ ہر رنگ کی قریب ترین شکل ملے جو وہی رنگت اور سیچوریشن رکھتے ہوئے 4.5:1 پاس کرے۔ EyeDropper API (Chromium) بھی دستیاب ہے تاکہ آپ اسکرین سے براہ راست کوئی بھی رنگ لے سکیں۔

متعلقہ ٹولز