简体中文 Tiếng Việt 日本語 한국어 हिन्दी Español Français العربية বাংলা Português Русский اردو Bahasa Indonesia Deutsch Naijá मराठी తెలుగు Türkçe தமிழ்

🎨 کلر لیب - ذہین رنگ کی تبدیلی اور پیلیٹ ٹول

پیشہ ورانہ رنگ کی شکل کی تبدیلی · سمارٹ پیلیٹ جنریشن · قابل رسائی کنٹراسٹ تجزیہ
#4A90E2
رنگ کے بلاک پر کلک کریں یا رنگ منتخب کرنے کے لیے رنگ چننے والا استعمال کریں۔
3 ہندسوں (#RGB) یا 6 ہندسوں (#RRGGBB) ہیکساڈیسیمل رنگ کی قدروں کو سپورٹ کرتا ہے
سرخ، سبز، نیلی اقدار، حد 0-255
Hue (0-360°)، سنترپتی (0-100%)، ہلکا پن (0-100%)
🎨 اسمارٹ پیلیٹس
رنگین تھیوری کی بنیاد پر ہم آہنگ رنگوں کے مجموعے خود بخود پیدا ہوتے ہیں۔
⚡ رنگین تجزیہ
پیشہ ورانہ رنگ کی خاصیت اور قابل رسائی معیاری تجزیہ

کنٹراسٹ چیک

سفید کے ساتھ تضاد:4.5:1
سیاہ کے ساتھ تضاد:12:1
✅ قابل رسائی معیارات کو پاس کرتا ہے۔
WCAG 2.1 سٹینڈرڈ: ٹیکسٹ کنٹراسٹ کی ضرورت ہے ≥4.5:1

چمک کا تجزیہ

رشتہ دار روشنی:0.28
سمجھا ہوا ہلکا پن:میڈیم
تجویز کردہ استعمال:بنیادی رنگ، بٹن
رشتہ دار روشنی کی حد: 0 (خالص سیاہ) سے 1 (خالص سفید)

رنگ کی معلومات

Hue:212°
سیچوریشن:72%
ہلکا پن:59%
Hue: سرخ=0°/360°، سبز=120°، نیلا=240°
کلپ بورڈ میں کاپی ہو گیا!

کلر لیب کی خصوصیات

📖 تعارف: پیشہ ورانہ آن لائن کلر ٹول جامع کلر پروسیسنگ اور پیلیٹ جنریشن کی خصوصیات فراہم کرتا ہے۔ کا کامل انضمامرنگ کنورٹر, پیلیٹ جنریٹر, رنگ کنٹراسٹ چیکر, رنگ تجزیہ ٹول، اور مزید۔

ریئل ٹائم کلر کنورژن

HEX، RGB، اور HSL کلر فارمیٹس کے درمیان ریئل ٹائم دو طرفہ تبدیلی کی حمایت کرتا ہے۔ رنگ کی مستقل مزاجی کو یقینی بناتے ہوئے، دوسروں کے ساتھ خودکار طور پر اپ ڈیٹس کی مطابقت پذیری کے لیے کوئی بھی فارمیٹ درج کریں۔

فارمیٹ انٹرچینج: HEX ↔ RGB ↔ HSL، کسی بھی فارمیٹ میں ترمیم کرنا دوسروں کو خود بخود ہم آہنگ کرتا ہے۔

Smart پیلیٹ جنریشن

رنگ تھیوری کی بنیاد پر یک رنگی، تکمیلی، یکساں، اور ٹرائیڈک پیلیٹ خود بخود تیار کرتا ہے، جس سے ہم آہنگ رنگوں کے مجموعے بنانے میں مدد ملتی ہے۔

کلر تھیوری: رنگین پہیے کی بنیاد پر ریاضی کے لحاظ سے ہم آہنگ رنگوں کے مجموعے پیدا ہوتے ہیں۔

قابل رسائی تجزیہ

چیک کرتا ہے کہ آیا رنگ کا تضاد WCAG 2.1 کے قابل رسائی معیار پر پورا اترتا ہے، اس بات کو یقینی بناتے ہوئے کہ ویب سائٹ کے رنگ تمام صارفین کے لیے موزوں ہیں، بشمول بصارت سے محروم صارفین۔

WCAG معیارات: ٹیکسٹ کنٹراسٹ ≥4.5:1، بڑے ٹیکسٹ کنٹراسٹ ≥3:1

گہرائی سے رنگین تجزیہ

رنگ کی خصوصیات کو سمجھنے میں مدد کرنے کے لیے رنگ کی خاصیت کا تفصیلی تجزیہ فراہم کرتا ہے جس میں متعلقہ روشنی، سمجھی جانے والی ہلکی پن، رنگت، سنترپتی، اور ہلکا پن شامل ہے۔

رشتہ دار روشنی: انسانی بصری ادراک پر مبنی چمک کا حساب (0-1)

ایک کلک کاپی فنکشن

رنگ اقدار (HEX، RGB، HSL) کی ایک کلک کاپی کرنے کی حمایت کرتا ہے۔ ڈیزائن ٹولز میں آسان استعمال کے لیے پیلیٹ رنگوں کو انفرادی طور پر بھی کاپی کیا جا سکتا ہے۔

کاپی فارمیٹس: # کے ساتھ HEX، rgb کے ساتھ RGB، hsl کے ساتھ HSL()

قبول ڈیزائن

ڈیسک ٹاپ، ٹیبلیٹ، اور موبائل سمیت مختلف ڈیوائس اسکرینوں کے ساتھ بالکل مطابقت رکھتا ہے۔ کسی بھی سافٹ ویئر کو انسٹال کیے بغیر کسی بھی وقت، کہیں بھی رنگوں کا تجزیہ کریں۔

موبائل آپٹمائزڈ: فون اور ٹیبلیٹ پر صارف کا اچھا تجربہ

رنگ تکنیکی تفصیلات

اس ٹول کے ذریعے استعمال ہونے والے رنگ کے معیارات اور حساب کے طریقے:

  • رنگ کی تبدیلی: W3C معیاری رنگ الگورتھم پر مبنی
  • کنٹراسٹ کیلکولیشن: ڈبلیو سی اے جی 2.1 کنٹراسٹ الگورتھم
  • پیلیٹ جنریشن: کلر تھیوری پر مبنی (رنگ وہیل ریاضیاتی ماڈل)
  • ہیو رینج: 0° سے 360° (سرخ=0°/360°، سبز=120°، نیلا=240°)
  • سنترپتی/ہلکی پن کی حد: 0% سے 100%
  • HEX فارمیٹ: #RGB اور #RRGGBB فارمیٹس کو سپورٹ کرتا ہے

تکنیکی نوٹ:یہ ٹول اصل وقت کی تبدیلی کے لیے JavaScript کلر الگورتھم استعمال کرتا ہے۔ کنٹراسٹ کیلکولیشن WCAG 2.1 رشتہ دار روشنی کے فارمولے پر مبنی ہے: L = 0.2126×R + 0.7152×G + 0.0722×B۔ پیلیٹ جنریشن کلر وہیل کے ریاضیاتی حساب پر مبنی ہے: تکمیلی (180 ° رنگت کا فرق)، یکساں (30° رنگت کا فرق)، ٹرائیڈک (120° رنگت کا فرق)۔

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

WCAG رنگ کے برعکس معیارات کیا ہیں؟ وہ کیوں اہم ہیں؟

WCAG (ویب مواد تک رسائی کے رہنما خطوط) ویب مواد تک رسائی کے رہنما خطوط ہیں۔ رنگ کے تضاد کے معیار متن اور پس منظر کے درمیان کافی تضاد کو یقینی بناتے ہیں تاکہ بصارت سے محروم صارف واضح طور پر پڑھ سکیں۔ WCAG 2.1 کے مطابق، عام متن کے لیے کم از کم 4.5:1 کنٹراسٹ کی ضرورت ہوتی ہے، بڑے متن (کم از کم 18pt یا 14pt بولڈ) کے لیے کم از کم 3:1 کی ضرورت ہوتی ہے۔ ان معیارات پر پورا نہ اترنا کچھ صارفین کے لیے ویب سائٹس کو ناقابل استعمال بنا سکتا ہے اور کچھ خطوں میں رسائی کے قوانین کی خلاف ورزی کر سکتا ہے۔

HEX، RGB، اور HSL کلر فارمیٹس میں کیا فرق ہے؟

ہر فارمیٹ کی اپنی خصوصیات ہیں:
1) HEX (ہیکساڈیسیمل): جیسے #4A90E2، عام طور پر ویب ڈویلپمنٹ میں استعمال کیا جاتا ہے، جامع لیکن رنگ کی خصوصیات کو سمجھنے کے لیے کم بدیہی
2) RGB (سرخ سبز نیلا): جیسے rgb(74, 144, 226), روشنی کے بنیادی رنگوں پر مبنی، بدیہی لیکن رنگ کی خصوصیات کو ایڈجسٹ کرنے کے لیے کم آسان
3) HSL (Hue Saturation Lightness): جیسے hsl(212, 72%, 59%)، انسانی رنگ کے ادراک کی بنیاد پر، رنگ کی خصوصیات کو ایڈجسٹ کرنے میں آسان (جیسے چمکانا، گہرا کرنا، سنترپتی کو ایڈجسٹ کرنا)
ColorLab ان تین فارمیٹس کے درمیان حقیقی وقت میں تبدیلی کی حمایت کرتا ہے۔ آپ اپنی ضروریات کے لیے جو بھی فارمیٹ سب سے زیادہ آسان ہو استعمال کر سکتے ہیں۔

سمارٹ پیلیٹ کیسے کام کرتے ہیں؟

کلر لیب کلر تھیوری کی بنیاد پر چار قسم کے پیلیٹ تیار کرتا ہے:
1) یک رنگی پیلیٹ: رنگت کو مستقل رکھتا ہے، ہلکا/گہرا تغیر پیدا کرنے کے لیے سنترپتی اور ہلکا پن کو ایڈجسٹ کرتا ہے
2) تکمیلی پیلیٹ: رنگین پہیے پر مخالف رنگوں کا استعمال کرتا ہے (180° رنگت کا فرق)، اعلیٰ کنٹراسٹ امتزاج بناتا ہے۔
3) مشابہ پیلیٹ: کلر وہیل پر ملحقہ رنگوں کا استعمال کرتا ہے (30° رنگت کا فرق)، ہم آہنگ، لطیف امتزاج بناتا ہے
4) ٹرائیڈک پیلیٹ: کلر وہیل پر تین یکساں فاصلہ والے رنگوں کا استعمال کرتا ہے (120° رنگت کا فرق)، متحرک، رنگین امتزاج تخلیق کرتا ہے۔
ہم آہنگ رنگوں کے امتزاج کو یقینی بنانے کے لیے ان پیلیٹس کا حساب ریاضی سے کیا جاتا ہے۔

رشتہ دار روشنی اور سمجھی جانے والی ہلکی پن کیا ہیں؟

Relative luminance انسانی بصری ادراک پر مبنی چمک کی قدر ہے، جو 0 (خالص سیاہ) سے 1 (خالص سفید) تک ہوتی ہے۔ حساب کتاب کا فارمولہ مختلف رنگوں کے لیے انسانی آنکھوں کی حساسیت پر غور کرتا ہے (سبز سے زیادہ حساس، کم از کم نیلے رنگ کے لیے)۔ سمجھی ہوئی ہلکی پن ایک بدیہی وضاحت ہے جس پر مبنی برائٹ درجہ بندی پر مبنی ہے، جیسے "بہت تاریک،" "تاریک،" "میڈیم،" "روشنی،" "بہت ہلکا۔" رنگ کے برعکس کا حساب لگانے کے لیے متعلقہ روشنی کا استعمال کیا جاتا ہے، جبکہ سمجھی جانے والی ہلکی پن رنگ کے بصری وزن اور مناسب ایپلی کیشنز کو سمجھنے میں مدد کرتی ہے۔

ویب سائٹس کے لیے قابل رسائی رنگوں کا انتخاب کیسے کریں؟

قابل رسائی رنگوں کے انتخاب کے لیے سفارشات:
1) کنٹراسٹ چیک کرنے کے لیے کلر لیب کا استعمال کریں، متن اور پس منظر کے تضاد کو یقینی بنائیں ≥4.5:1
2) معلومات پہنچانے کے لیے مکمل طور پر رنگ پر انحصار کرنے سے گریز کریں (مثال کے طور پر، غلطیوں کے لیے سرخ)، متن یا شبیہیں بھی استعمال کریں
3) رنگ بلائنڈ صارف کے نقطہ نظر سے جانچیں، یقینی بنائیں کہ رنگ کی تفریق صرف رنگت کے فرق پر منحصر نہیں ہے
4) روشن ماحول میں بھی واضح شناخت کو یقینی بنانے کے لیے کافی رنگ کنٹراسٹ فراہم کریں۔
5) ڈارک موڈ میں رنگ کی کارکردگی پر غور کریں، مختلف تھیمز میں اچھے کنٹراسٹ کو یقینی بنائیں

کیا یہ ٹول مفت ہے؟

ہاں، کلر لیب کلر ٹول مکمل طور پر مفت آن لائن ٹول ہے۔ کوئی رجسٹریشن یا لاگ ان کی ضرورت نہیں ہے۔ ہم ڈیزائنرز اور ڈویلپرز کے لیے اعلیٰ معیار کے کلر ٹولز فراہم کرنے کے لیے پرعزم ہیں، جو آپ کو خوبصورت اور قابل رسائی رنگ سکیمیں بنانے میں مدد فراہم کرتے ہیں۔ تمام پروسیسنگ آپ کے براؤزر میں مقامی طور پر ہوتی ہے - آپ کا رنگین ڈیٹا کسی سرور پر اپ لوڈ نہیں ہوتا ہے۔