آپریشنل

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

اشتہار

Preview

Normal Text (16px)

Large Text (24px)

Contrast Ratio

21.00:1

WCAG Compliance

Normal Text

AA Pass
AAA Pass

Large Text (18pt+ or 14pt+ bold)

AA Pass
AAA Pass

UI Components & Graphics

AA Pass

WCAG Standards

Normal Text

  • AA: 4.5:1 minimum
  • AAA: 7:1 minimum

Large Text

  • AA: 3:1 minimum
  • AAA: 4.5:1 minimum

UI Components

  • AA: 3:1 minimum

Common Combinations

Black on White
White on Blue
White on Dark Gray
ہمارے رنگ کنٹراسٹ چیکر کے ساتھ جانچنے کے لیے نیچے اپنے رنگوں کے مجموعے درج کریں اور فوری طور پر دیکھیں کہ آیا وہ قابل رسائی معیار پر پورا اترتے ہیں۔

ہمارا کلر کنٹراسٹ چیکر کیسے کام کرتا ہے۔

RGB ہیکس اقدار کا استعمال کرتے ہوئے اپنے پیش منظر اور پس منظر رنگ درج کریں، یا انہیں براہ راست رنگ چنندہ کے ساتھ منتخب کریں۔

 

  • پیش منظر کا رنگ کتنا شفاف ہے اسے تبدیل کرنے کے لیے Alpha کو ایڈجسٹ کریں۔
  • رنگ کو ہلکا یا گہرا بنانے کے لیے ہلکا پن سلائیڈر استعمال کریں۔

اس کے بعد ہمارا ٹول کنٹراسٹ ریشو کا حساب لگاتا ہے اور اسے WCAG گائیڈ لائنز کے خلاف چیک کرتا ہے:

  • WCAG 2.0 لیول AA
  • کم از کم 4.5:1 نارمل باڈی ٹیکسٹ کے لیے
  • کم از کم 3:1 بڑے متن کے لیے
  • WCAG 2.1 (UI اور گرافکس)
  • کم از کم 3:1 شبیہیں، بارڈرز اور انٹرفیس کے دیگر اجزاء کے لیے
  • WCAG لیول AAA
  • کم از کم 7:1 عام متن کے لیے
  • کم از کم 4.5:1 بڑے متن کے لیے

بڑا متن کا مطلب ہے یا تو:

  • 14 pt (تقریباً 18.66 px) اور بولڈ، یا
  • 18 pt (تقریباً px) یا بڑا

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

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