رنگ منتخب کنندہ اور کنٹراسٹ چیکر
پکر سے رنگ منتخب کریں یا کسی بھی فارمیٹ میں لکھیں۔ اسے HEX، RGB، HSL، HSV اور CMYK میں دیکھیں، ہلکے اور گہرے شیڈز اور ہم آہنگ رنگ حاصل کریں، اور چیک کریں کہ دو رنگوں والا متن رسائی کے لیے WCAG کنٹراسٹ رہنما اصولوں پر پورا اترتا ہے یا نہیں۔
رنگ
رنگ منتخب کنندہ اور کنٹراسٹ چیکر کے بارے میں
پکر سے رنگ منتخب کریں یا کسی بھی فارمیٹ میں لکھیں۔ اسے HEX، RGB، HSL، HSV اور CMYK میں دیکھیں، ہلکے اور گہرے شیڈز اور ہم آہنگ رنگ حاصل کریں، اور چیک کریں کہ دو رنگوں والا متن رسائی کے لیے WCAG کنٹراسٹ رہنما اصولوں پر پورا اترتا ہے یا نہیں۔
SmartCalcy کے “فائلیں، تصاویر اور ڈیزائن” سیکشن کا حصہ۔ یہ آپ کے براؤزر میں بغیر اکاؤنٹ کے چلتا ہے، آپ کی اپنی کرنسی اور اکائیاں استعمال کرتا ہے (صفحے کے اوپر بدلیں)، اور صرف معلومات کے لیے اندازے دیتا ہے، اس لیے کسی نتیجے پر بھروسا کرنے سے پہلے سرکاری رہنمائی دیکھ لیں۔
رنگ منتخب کنندہ اور کنٹراسٹ چیکر کا استعمال کیسے کریں
یہ کیا حساب کرتا ہے اور کب استعمال کریں
رنگ منتخب کرتا ہے اور انہیں HEX، RGB، HSL، HSV اور CMYK کے درمیان بدلتا ہے، ہلکے اور گہرے شیڈز اور ہم آہنگ رنگ تجویز کرتا ہے، اور WCAG رسائی کے رہنما اصولوں کے مطابق متن کا کنٹراسٹ چیک کرتا ہے۔
استعمال کا طریقہ، قدم بہ قدم
- پکر سے رنگ منتخب کریں یا اسے HEX، RGB، HSL یا رنگ کے نام کے طور پر لکھیں۔
- کنٹراسٹ چیک کرنے کے لیے پس منظر کا رنگ منتخب کریں۔
- کوئی بھی فارمیٹ ایک کلک میں کاپی کریں۔
- پیلیٹ کے لیے ہلکے اور گہرے شیڈز اور ہم آہنگ رنگ استعمال کریں۔
ہر ان پٹ کا مطلب
- رنگ – ابتدا میں #2443C8، SmartCalcy نیلا۔
- پس منظر – ابتدا میں سفید۔
نتائج کیسے پڑھیں
- کنٹراسٹ کا تناسب – 1:1 سے 21:1 تک، عام اور بڑے متن کے لیے AA اور AAA نتائج کے ساتھ۔
- فارمیٹس – HEX، RGB، HSL، HSV اور CMYK۔
- ہلکے اور گہرے شیڈز – ہلکے اور گہرے روپ۔
- ہم آہنگ رنگ – تکمیلی، ملحقہ اور ثلاثی۔
فارمولا
کنٹراسٹ کا تناسب = (L1 + 0.05) ÷ (L2 + 0.05)، جہاں L1 اور L2 ہلکے اور گہرے رنگوں کی نسبتی چمک ہیں۔ WCAG AA کے لیے عام متن پر 4.5:1 اور بڑے متن پر 3:1 درکار ہے؛ AAA کے لیے 7:1 اور 4.5:1۔
ایک حل شدہ مثال
ابتدائی رنگوں کے ساتھ، سفید پر #2443C8 کا کنٹراسٹ تناسب 7.74:1 ہے، جو متن کے تمام سائزز کے لیے AAA پاس کرتا ہے۔
مفروضے اور حدود
- CMYK قدریں ایک سادہ تبدیلی ہیں، رنگ کے انتظام والا پرنٹ پروفائل نہیں۔
- کنٹراسٹ کے نتائج WCAG 2 فارمولے کے مطابق ہیں۔
عام غلطیاں
- صرف بڑے متن پر کنٹراسٹ چیک کر کے وہی رنگ چھوٹے متن کے لیے استعمال کرنا۔
- معنی ظاہر کرنے کے لیے صرف رنگ پر انحصار کرنا۔
اکثر پوچھے جانے والے سوالات
مجھے کتنا کنٹراسٹ تناسب چاہیے؟
WCAG AA پر پورا اترنے کے لیے عام متن کے لیے کم از کم 4.5:1 اور بڑے متن کے لیے 3:1۔
کیا بڑا متن کوئی خاص سائز ہے؟
ہاں: کم از کم 24 px، یا موٹے متن کے لیے تقریباً 18.7 px۔
کیا میں رنگ کا نام لکھ سکتا ہوں؟
ہاں، teal یا tomato جیسا کوئی بھی CSS رنگ کا نام چلتا ہے۔
متعلقہ ٹولز
| سطح | عام متن | بڑا متن |
|---|---|---|
| AA | پاس | پاس |
| AAA | پاس | پاس |
فارمیٹس
- HEX
- RGB
- HSL
- HSV
- CMYK