رنگ کنٹراسٹ چیکر
سامنے کے اور پس منظر کے رنگوں کو WCAG 2.2 AA اور AAA کنٹراسٹ کی حدوں کے مقابل جانچیں۔ واضح طور پر منتخب کینوس پر شفافیت شامل کریں، متن کا پیش نظارہ دیکھیں اور رپورٹ برآمد کریں۔
دیگر نامکلر کنٹراسٹ چیکر · کنٹراسٹ چیکر · WCAG کنٹراسٹ چیکر · color contrast checker · contrast checker
CSS رنگ کا نام، HEX، RGB/RGBA یا HSL/HSLA استعمال کریں۔ شفاف رنگ حساب سے پہلے منتخب کینوس پر کمپوزٹ کیے جاتے ہیں۔
| استعمال | کم از کم | نتیجہ |
|---|---|---|
| عام متن · AA | 4.5:1 | پاس |
| عام متن · AAA | 7:1 | پاس |
| بڑا متن · AA | 3:1 | پاس |
| بڑا متن · AAA | 4.5:1 | پاس |
| ضروری UI اور گرافکس · AA | 3:1 | پاس |
پاس/فیل بغیر گول کیے گئے تناسب سے طے ہوتا ہے۔ بڑے متن کا مطلب کم از کم 24 CSS px ہے، یا بولڈ ہونے پر تقریباً 18.67 CSS px۔ UI کنٹراسٹ اصل متصل رنگوں پر منحصر ہے؛ صرف یہ جوڑا مکمل WCAG مطابقت ثابت نہیں کر سکتا۔
ہر لفظ پڑھنے میں آسان بنائیں۔
پیش نظارہ عام متن کی حدیں استعمال کرتا ہے۔ مؤثر پس منظر: #FFFFFF (دکھانے کے لیے گول کیا گیا)۔
تین چھوٹے قدم۔
- متن اور پس منظر کے رنگ CSS رنگ ناموں، HEX، RGB یا HSL کی صورت میں درج کریں۔
- شفاف رنگوں کے پیچھے غیر شفاف کینوس منتخب کریں، پھر کنٹراسٹ کے نتائج دیکھیں۔
- عام یا بڑے متن کا پیش نظارہ دیکھیں، رنگ آپس میں بدلیں اور رپورٹ کاپی یا ڈاؤن لوڈ کریں۔
جاننے کی چند باتیں۔
پاس/فیل کے لیے WCAG کا sRGB نسبتی روشنی کا حساب بغیر گول کیے تناسب کے ساتھ استعمال ہوتا ہے۔ بڑا متن کم از کم 24 CSS پکسل کا ہوتا ہے یا بولڈ ہونے پر تقریباً 18.67 پکسل کا۔ یہ ٹھوس رنگوں کا ایک جوڑا جانچتا ہے؛ گریڈینٹ، تصاویر، اصل فونٹ رینڈرنگ، ساتھ والے UI رنگ اور مکمل رسائی پذیری کی مطابقت کے لیے الگ جائزہ درکار ہے۔
آپ کی رازداری کیسے کام کرتی ہے ←تھوڑی اور وضاحت۔
4.50:1 کبھی کبھی فیل کیوں ہوتا ہے؟
دکھایا گیا تناسب دو اعشاری مقامات تک گول کیا جاتا ہے۔ فیصلہ پوری بغیر گول کی ہوئی قدر پر ہوتا ہے، اس لیے 4.5 سے ذرا کم تناسب بھی عام متن کی AA حد پر فیل ہوتا ہے۔
شفافیت نتیجے پر کیسے اثر ڈالتی ہے؟
پہلے پس منظر کو منتخب غیر شفاف کینوس پر کمپوزٹ کیا جاتا ہے۔ پھر کنٹراسٹ کا حساب لگانے سے پہلے متن کو اس مؤثر پس منظر پر کمپوزٹ کیا جاتا ہے۔ مختلف کینوس نتیجہ بدل سکتا ہے۔
متعلقہ تلاشیںcolor contrast checker wcag