مفت WCAG کلر کنٹراسٹ چیکر: آپ کے براؤزر میں AA اور AAA کی تعمیل کے لیے متن اور پس منظر کے رنگوں کی جانچ کریں۔ ہیکس یا آر جی بی اقدار درج کریں، کنٹراسٹ تناسب دیکھیں اور فوری طور پر پاس/فیل ہوں۔ کوئی لاگ ان نہیں، کوئی اپ لوڈ نہیں۔
یہ sRGB رشتہ دار روشنی کا استعمال کرتے ہوئے پیش منظر (ٹیکسٹ) رنگ اور پس منظر کے رنگ کے درمیان WCAG 2.x کنٹراسٹ تناسب کی گنتی کرتا ہے۔ آپ کو عددی تناسب (مثال کے طور پر 4.52:1) کے علاوہ WCAG AA اور AAA حد کے لیے عام متن اور بڑے متن پر پاس/فیل ملتا ہے۔ یہ ایک ڈیزائن QA مددگار ہے — آپ کی پوری سائٹ کا مکمل خودکار ایکسیسبیلٹی آڈٹ نہیں ہے۔
Hex (#RGB, #RRGGBB, #RRGGBBAA), rgb(), اور rgba()۔ فگما ٹوکنز، سی ایس ایس متغیرات، یا ڈیزائن دستاویزات سے برانڈ پیلیٹ کی قدریں چسپاں کریں۔ شارٹ ہیکس جیسے #ffff #ffffff تک پھیلتا ہے اس سے پہلے کہ روشنی کا حساب لگایا جائے۔
AA عام قانونی اور پروڈکٹ کی بنیادی لائن ہے: عام متن کے لیے 4.5:1، بڑے متن کے لیے 3:1۔ AAA سخت ہے: 7:1 نارمل، 4.5:1 بڑا۔ بہت ساری مارکیٹنگ سائٹیں AA کو باڈی کاپی کے لیے اور AAA کو صرف ہیرو ہیڈ لائنز یا ہائی رسک UI کے لیے نشانہ بناتی ہیں۔ یہ ٹول دونوں کو دکھاتا ہے تاکہ آپ ڈیزائن کے ساتھ قابل دفاع ہدف منتخب کر سکیں۔
بڑا متن کم از کم 18 پوائنٹ (24 CSS px) باقاعدہ وزن، یا کم از کم 14 پوائنٹ بولڈ (تقریباً 18.66 CSS px) ہے۔ بٹن، کیپشنز، اور عمدہ پرنٹ اکثر AA ناکام ہو جاتے ہیں یہاں تک کہ جب سرخیاں گزر جاتی ہیں — نہ صرف H1 سویچ کو نہیں بلکہ اپنے بھیجنے والے ہر سائز کو چیک کریں۔
نمبر پارسنگ اور لیومیننس ریاضی مکمل طور پر آپ کے براؤزر میں چلتی ہے۔ غیر ریلیز شدہ پیلیٹ تجربات اور کلائنٹ کے NDA رنگ آپ کے آلے پر رہتے ہیں۔ مکمل ہونے پر مشترکہ مشینوں پر فیلڈز صاف کریں۔
rgba اور #RRGGBBAA اقدار کو پارس کیا جاتا ہے، لیکن مبہم sRGB چینلز پر اس کے برعکس کا جائزہ لیا جاتا ہے — چیکر فوٹو گرافی کے پس منظر پر الفا کمپوزٹ متن نہیں کرتا ہے۔ تصاویر پر متن کے لیے، کاپی کے پیچھے موثر رنگ کا نمونہ لیں یا پہلے ٹھوس اوورلے کا استعمال کریں، پھر دوبارہ چیک کریں۔
جی ہاں بنیادی تناسب اور پاس/فیل پاتھ کے لیے بغیر لاگ ان کے مفت۔