رنگ کے تضاد کی جانچ
متن کے رنگ اور پس منظر کے رنگ کے تضاد کے تناسب اور پڑھنے میں آسانی کے معیار (WCAG AA) کو فوری طور پر دیکھیں
خصوصیات
تضاد کے تناسب کو فوری طور پر دیکھیں
متن کے رنگ اور پس منظر کے رنگ میں ڈالیں تو WCAG AA کے منظور یا مسترد کو ظاہر کریں
انتخاب کار اور کوڈ دونوں سے سپورٹ
HEX، مختصر شکل، اور rgb() کو چسپاں کریں یا رنگ کو منتخب کریں
دو سائز کے نمونے کی نمائندگی
معمول کے متن اور سرخیل کی حقیقی نمائندگی کو فوری طور پر دیکھیں
منظور رنگ کو ایک کلک میں لگائیں
رنگ کی چمک کو برقرار رکھتے ہوئے روشنی کو بدلا ہوا تجویز دیے گئے رنگ کو فوری طور پر لگائیں
استعمال کا طریقہ
متن کا رنگ بتائیں
رنگ کے انتخاب کار سے منتخب کریں یا #333333 یا #333 یا rgb(51, 51, 51) میں سے کسی بھی شکل میں رنگ کوڈ درج کریں
پس منظر کا رنگ بتائیں
اسی طریقے سے پس منظر کا رنگ بتائیں۔ بٹن دبائے بغیر درج کرتے ہی نتائج تبدیل ہو جاتے ہیں
تناسب، منظور یا مسترد، اور نمونہ کو دیکھیں
تضاد کے تناسب، معمول کے متن اور بڑے متن کے منظور یا مسترد، ایک لفظ کی تنقید، اور نمونہ متن کی نمائندگی کو دیکھیں
تجویز دیے گئے رنگ کو لگا کر دوبارہ دیکھیں
اگر مسترد ہو تو "متن کا رنگ ... میں بدلیں" وغیرہ کے بٹن سے منظور رنگ کو لگائیں۔ متبادل بٹن سے متن اور پس منظر کے رنگ کو بدل سکتے ہیں
استعمال کی مثالیں
سلائڈ اور دستاویز کے رنگ کی تصدیق
داخلی دستاویز یا سلائڈ کے متن اور پس منظر کے رنگ کو تیار کرنے سے پہلے پڑھ سکتے ہیں یا نہیں یہ دیکھیں
ویب سائٹ کے رنگ کی جانچ
سائٹ یا بینر کے رنگ رسائی معیار (WCAG AA) پوری کرتے ہیں یا نہیں یہ دیکھیں
برانڈ رنگ کو متن میں استعمال کرنا
برانڈ کے رنگ کو متن میں استعمال کریں تو اسے کتنا گہرا کریں کہ متن میں استعمال ہو سکے
مسترد رنگ کو درست کریں
اعتراض شدہ رنگ کو رنگ کی چمک برقرار رکھتے ہوئے منظور رنگ میں بدلیں
بنیادی علم
تضاد کے تناسب کیا ہے
تضاد کے تناسب سے متن کے رنگ اور پس منظر کے رنگ کے روشنی کے فرق کو 1 : 1 سے 21 : 1 تک کے نمبر میں ظاہر کیا جاتا ہے۔ سیاہ اور سفید کا ملانا سب سے زیادہ 21 : 1 ہے اور ایک جیسے رنگ سب سے کم 1 : 1 ہے۔
- حساب کی شکل:تضاد کے تناسب میں دو رنگ کو sRGB کی نسبتی روشنی میں بدل کر، روشن رنگ کی روشنی اور سیاہ رنگ کی روشنی میں 0.05 شامل کر کے تقسیم کیا جاتا ہے۔
- نمبر کا مطلب:سفید پس منظر (#FFFFFF) کے ساتھ، گرے #777777 4.47 : 1، #999999 2.84 : 1، اور سیاہ (#000000) 21 : 1 کا تضاد تناسب ہے۔
WCAG کے AA اور AAA میں فرق
WCAG ویب مواد کی رسائی کے بارے میں بین الاقوامی ہدایات ہیں اور تضاد کے تناسب کے منظور کی لکیر کو AA اور AAA کے دو مراحل میں مقرر کرتی ہیں۔
- AA (معیاری معیار):AA میں معمول کے متن میں 4.5 : 1 یا اس سے زیادہ، بڑے متن میں 3.0 : 1 یا اس سے زیادہ کا معیار ہے اور عام ویب سائٹ اس کو ہدف بناتی ہے۔
- AAA (زیادہ سخت معیار):AAA میں معمول کے متن میں 7 : 1 یا اس سے زیادہ، بڑے متن میں 4.5 : 1 یا اس سے زیادہ کا معیار ہے اور نگاہ میں کمی والے لوگوں کو بھی پڑھنا آسان ہو۔
بڑے متن کی تعریف
WCAG میں بڑا متن تقریباً 18 پوائنٹ (24px) یا اس سے زیادہ ہے یا موٹے حروف میں 14 پوائنٹ (تقریباً 18.7px) یا اس سے زیادہ کے حروف کو کہا جاتا ہے۔
- معمول کا متن:معمول کا متن بڑے متن میں نہیں آنے والے سائز کا ہے اور یہ متن کا حصہ یا نوٹ وغیرہ ہے اور 4.5 : 1 یا اس سے زیادہ کا تضاد تناسب ضروری ہے۔
- سرخیوں سے تعلق:سرخیوں میں بھی اگر 24px سے کم ہو اور موٹے نہ ہوں تو معمول کے متن کے طور پر سلوک کیا جاتا ہے، اس لیے سائز کے ساتھ موٹائی کی بھی تصدیق ضروری ہے۔
حفاظت اور نجی معلومات
مکمل طور پر براؤزر میں
درج کردہ ڈیٹا صرف آپ کے براؤزر کے اندر ہی پروسیس ہوتا ہے اور باہر نہیں بھیجا جاتا۔
صرف براؤزر میں پروسیسنگ
تضاد کے تناسب کا حساب اور رنگ کی تجاویز مکمل طور پر آپ کے براؤزر میں کیا جاتا ہے، اور ان پٹ ڈیٹا سرور کو نہیں بھیجا جاتا۔
مواصلت HTTPS سے منکوڈ ہے
صفحہ کی لوڈنگ بھی TLS کے ذریعے منکوڈ ہے، اور تیسری فریق سے اس کا مواد پڑھا نہیں جا سکتا۔
تیسری فریق کو کوئی بھیجنا نہیں
اشتہاری نیٹ ورک یا ٹریکرز وغیرہ بیرونی سروسز کو ان پٹ کا مواد نہیں بھیجا جاتا۔
نتائج کی خودکار بچت نہیں
درج کیے گئے متن اور پس منظر کے رنگ یا ان پٹ کی تجاویز کو سرور پر محفوظ نہیں کیا جاتا۔
Google تلاش میں RAKKOTOOLS کو فالو کریں
193 مفید ٹولز Google تلاش اور AI تلاش سے آسانی سے تلاش کے قابل ہو جائیں گے!
- تلاش میں ملتا ہے
- AI تلاش میں بھی نمائش
- نئے ٹولز بھی دریافت کریں
اپڈیٹ معلومات
- update #337
رنگ کے کنٹراسٹ کو چیک کریں، متن اور پس منظر کے رنگ کی وضاحت کا تعین کریں
