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

WCAG AA اور AAA کے خلاف پیش منظر/ پس منظر کا تضاد چیک کریں۔ جب آپ رنگ چنتے ہیں تو تناسب کی تازہ کاری دیکھیں۔

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA اور AAA رہنما خطوط کے خلاف پیش منظر/پس منظر کے تضاد کو چیک کریں۔
آپ کے براؤزر میں چلتا ہے۔
استعمال کرنے کے لیے مفت

استعمال کا طریقہ

متن (پیش منظر) اور پس منظر کے رنگ منتخب کریں۔
متضاد تناسب اور AA/AAA نتائج پڑھیں۔
اس وقت تک ایڈجسٹ کریں جب تک کہ آپ اپنے ہدف کی سطح کو پاس نہ کریں۔

How this tool works

متن (پیش منظر) اور پس منظر کے رنگ منتخب کریں۔
متضاد تناسب اور AA/AAA نتائج پڑھیں۔
اس وقت تک ایڈجسٹ کریں جب تک کہ آپ اپنے ہدف کی سطح کو پاس نہ کریں۔

Recommended settings

پہلے پہلے سے طے شدہ اختیارات استعمال کریں، پھر ضرورت پڑنے پر ایڈجسٹ کریں۔

Supported formats

Text / on-page input

File size and limits

پرانے فونز پر بہت پیچیدہ ملٹی لیئر پیش نظارہ سست محسوس ہو سکتے ہیں۔

Privacy

کلر اور سی ایس ایس جنریٹر مکمل طور پر آپ کے براؤزر میں چلتے ہیں۔ پیش نظارہ اور تبدیلیاں کبھی بھی آپ کی طرزیں اپ لوڈ نہیں کرتی ہیں۔

Common use cases

جب بھی آپ کو ضرورت ہو کلر کنٹراسٹ چیکر استعمال کریں: ڈبلیو سی اے جی اے اے اور اے اے اے کے رہنما خطوط کے خلاف پیش منظر/بیک گراؤنڈ کنٹراسٹ چیک کریں۔

Troubleshooting

پیش نظارہ پیسٹ کے بعد مختلف نظر آتا ہے۔

اپنے صفحہ پر مسابقتی سی ایس ایس کی جانچ کریں (ری سیٹ، وراثت میں ملے رنگ)۔ تیار کردہ اصول کو پہلے الگ تھلگ اسٹائل شیٹ میں کاپی کریں۔

اکثر پوچھے گئے سوالات

کیا یہ میرا CSS اپ لوڈ کرتا ہے؟

نہیں، جنریٹر اور کنورٹرز آپ کے براؤزر میں لائیو پیش نظارہ کے ساتھ چلتے ہیں۔

کیا مجھے ایک اکاؤنٹ کی ضرورت ہے؟

نہیں، ٹول کھولیں، کنٹرولز کو بہتر کریں، اور CSS کاپی کریں۔