آپریشنل

رنگ برنگے چیکر

اشتہار

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 ہیکس ویلیوز کے ذریعے درج کریں، یا کلر پکر سے براہ راست منتخب کریں۔

 تم کر سکتے ہو:

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

ہمارا ٹول پھر کنٹراسٹ ریشو کا حساب لگاتا ہے اور اسے WCAG گائیڈ لائنز کے مطابق چیک کرتا ہے:

  • WCAG 2.0 لیول AA
  • عام باڈی ٹیکسٹ کے لیے کم از کم 4.5:1
  • بڑے متن کے لیے کم از کم 3:1
  • WCAG 2.1 (UI & گرافکس)
  • آئیکنز، بارڈرز، اور دیگر انٹرفیس کمپوننٹس کے لیے کم از کم 3:1
  • WCAG لیول AAA
  • عام متن کے لیے کم از کم 7:1
  • بڑے متن کے لیے کم از کم 4.5:1

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

  • 14 پوائنٹ (تقریبا 18.66 پکسل) اور بولڈ، یا
  • 18 پوائنٹ (تقریبا px) یا اس سے زیادہ

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

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

 
 

API دستاویزات جلد آرہی ہیں۔

Documentation for this tool is being prepared. Please check back later or visit our full API documentation.