کلر کنٹراسٹ چیکر

پیش منظر اور پس منظر کے رنگوں کے درمیان کنٹراسٹ تناسب کو جانچیں تاکہ رسائی کو یقینی بنایا جا سکے۔

اپنے رنگ چیک کریں

رنگوں کے امتزاج کو جانچیں تاکہ یہ یقینی بنایا جا سکے کہ وہ متن کی پڑھنے کی صلاحیت کے لیے WCAG رسائی کے معیارات پر پورا اترتے ہیں۔

1.00:1
کنٹراسٹ
ناکام
بہت خراب

عام متن

AA (4.5:1)
ناکام
AAA (7:1)
ناکام

بڑا متن

AA (3:1)
ناکام
AAA (4.5:1)
ناکام

فوری اصلاحات

Aa
پیش نظارہ عنوان

چست بھورا لومڑی سست کتے پر چھلانگ لگاتا ہے

چھوٹے متن کی مثال (12px)

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

WCAG معیارات

لیول AA

عام متن کے لیے کم از کم تضاد تناسب 4.5:1 اور بڑے متن کے لیے 3:1۔ زیادہ تر ویب سائٹس کے لیے ضروری ہے۔

لیول AAA

عام متن کے لیے 7:1 کا بڑھا ہوا تضاد تناسب اور بڑے متن کے لیے 4.5:1۔ بہترین رسائی کے لیے سفارش کی گئی۔

تمام ٹیکسٹ سائز کے لیے ناکافی تضاد - WCAG معیارات پر پورا نہیں اترتا۔

رنگ تضاد چیکر

متن اور پس منظر کے رنگوں کے کنٹراسٹ تناسب کا حساب لگائیں۔

متن اور پس منظر کے رنگ کے لیے کلر پکر استعمال کریں یا رنگ کو RGB ہیکساڈیسیمل فارمیٹ میں داخل کریں (مثلاً، #259 یا #2596BE)۔ رنگ منتخب کرنے کے لیے سلائیڈر کو ایڈجسٹ کریں۔ ویب مواد تک رسائی کے رہنما اصول (WCAG) خاص رہنما خطوط رکھتے ہیں تاکہ یہ معلوم ہو سکے کہ آیا نظر والوں کے لیے متن پڑھنے کے قابل ہے۔ یہ معیار خاص الگورتھم استعمال کرتا ہے تاکہ رنگ امتزاج کو قابل موازنہ تناسب میں نقشہ بنائے۔ اس فارمولے کو استعمال کرتے ہوئے، WCAG بیان کرتا ہے کہ ایک 4.5:1 کلر تضاد تناسب متن اور اس کے پس منظر کے ساتھ عام (جسم) متن کے لیے کافی ہے، اور بڑا متن (18+ پوائنٹ عام، یا 14+ پوائنٹ بولڈ) کا کم از کم 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 خود بخود اپ ڈیٹ ہوتا ہے تاکہ آپ مخصوص رنگ امتزاج شیئر کر سکیں۔