رنگ کنورٹر
ہیکس کلر کوڈ درج کریں تاکہ اس کے RGB اور HSL کے مساوی رنگوں کو انفرادی سرخ، سبز اور نیلے چینل کی ویلیوز کے ساتھ دیکھا جا سکے۔
اس کلر کنورٹر کو استعمال کرنے کا طریقہ
- ہیکس کلر کوڈ درج کریں
ہیکس کلر کوڈ فیلڈ میں 6 ہندسوں کا ہیکس کوڈ ٹائپ کریں (مثلاً FF6B35 یا 00FF88)۔ # کی علامت شامل نہ کریں۔
- RGB ویلیوز دیکھیں
ریڈ چینل، گرین چینل، اور بلیو چینل کے نتائج ہر جزو کے لیے 0-255 ویلیوز دکھاتے ہیں۔
- HSL آؤٹ پٹ چیک کریں
ہیو (0–360°)، سیچوریشن، اور لائٹ نیس کے لیے HSL رزلٹ کا جائزہ لیں — یہ رنگوں کی ایڈجسٹمنٹ کے لیے مفید ہے۔
یہ کلر کنورٹر کیسے کام کرتا ہے
یہ ٹول ہیکسا ڈیسیمل کلر کوڈ کو RGB (سرخ، سبز، نیلا) اور HSL (رنگت، سیچوریشن، روشنی) کی شکلوں میں تبدیل کرتا ہے۔ ہر ہیکس جوڑا 8 بٹ چینل ویلیو (0–255) سے مطابقت رکھتا ہے، اور HSL کی تبدیلی معیاری کلر اسپیس ریاضی کا استعمال کرتی ہے۔
R = hex[0:2] → اعشاریہ؛ G = hex[2:4] → اعشاریہ؛ B = hex[4:6] → اعشاریہ ہیکس #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%)۔
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — خالص سیاہ۔
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — خالص سفید۔ Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — درمیانہ سرمئی۔
- ✓ ان پٹ ایک درست 6 ہندسوں والا ہیکس کلر کوڈ ہے۔
- ✓ اس ورژن میں الفا چینل سپورٹ نہیں ہے۔
- CMYK کی تبدیلی کے لیے کلر پروفائل درکار ہے اور اسے یہاں شامل نہیں کیا گیا ہے۔
کلر ماڈلز کو سمجھنا
HEX، RGB، اور HSL ایک ہی رنگ کو بیان کرنے کے مختلف طریقے ہیں۔ HEX، RGB کو 6 ہندسوں والی ہیکسا ڈیسیمل سٹرنگ کے طور پر انکوڈ کرتا ہے: حروف کا ہر جوڑا ایک 8 بٹ چینل (0-255) ہوتا ہے۔ RGB انہی ویلیوز کو تین نمبروں کے طور پر ظاہر کرتا ہے، جو وہ بنیادی رنگ ہیں جو اسکرینز خارج کرتی ہیں۔ HSL (ہیو، سیچوریشن، لائٹ نیس) ایک سلنڈریکل ماڈل ہے: ہیو کلر وہیل پر زاویہ ہے (0° سرخ، 120° سبز، 240° نیلا)، سیچوریشن رنگ کی شدت ہے، اور لائٹ نیس چمک ہے۔ ڈیزائنرز اکثر پروگرام کے ذریعے رنگوں کو ایڈجسٹ کرتے وقت HSL کو ترجیح دیتے ہیں — صرف لائٹ نیس کو تبدیل کرنے سے ہیو بدلے بغیر رنگ گہرا یا ہلکا ہو جاتا ہے، اور سیچوریشن کو تبدیل کرنے سے رنگ کی تیزی ایڈجسٹ ہوتی ہے۔
کلر کنورژن کے لیے ڈویلپر کے استعمال کے کیسز
ڈویلپرز ڈیزائن سسٹم بناتے، تھیمز نافذ کرتے، کلر پیلیٹس تیار کرتے، اور CSS ڈیبگ کرتے وقت رنگوں کو تبدیل کرتے ہیں۔ ڈیزائن ٹوکنز اکثر رنگوں کو ہیکس میں اسٹور کرتے ہیں؛ RGB یا HSL میں تبدیل کرنا رن ٹائم کیلکولیشنز جیسے اوپیسٹی اوورلیز یا ایکسیسبیلٹی کنٹراسٹ چیکس کو ممکن بناتا ہے۔ تھیم سوئچرز کو HSL کا استعمال کرتے ہوئے بنیادی رنگ سے ہلکے یا گہرے ورژن نکالنے کی ضرورت پڑ سکتی ہے۔ خودکار ایکسیسبیلٹی ٹولز لیومیننس اور کنٹراسٹ ریشو کا حساب لگانے کے لیے رنگوں کو تبدیل کرتے ہیں۔ لے آؤٹ یا تھیمنگ کی غلطیوں کو ڈیبگ کرتے وقت، ہیکس ویلیو کو RGB یا HSL کے طور پر دیکھنا یہ پہچاننے میں مدد دیتا ہے کہ کون سا چینل غلط ہے۔ کلر کنورژن ڈیٹا ویژولائزیشن، چارٹ لائبریریز، اور ڈائنامک UI تھیمنگ میں بھی استعمال ہوتا ہے۔
اکثر پوچھے گئے سوالات
کیا میں 3 ہندسوں والا hex کوڈ درج کر سکتا ہوں؟
فی الحال یہ ٹول 6 ہندسوں والے کوڈ کی توقع کرتا ہے۔ 3 ہندسوں والے شارٹ ہینڈ جیسے F60 کے لیے، اسے پہلے FF6600 میں تبدیل کریں۔
HSL کیا ہے؟
HSL کا مطلب Hue، Saturation، Lightness ہے۔ یہ رنگوں کو بیان کرنے کا ایک متبادل طریقہ ہے جسے کچھ ڈیزائنرز RGB کے مقابلے میں زیادہ بدیہی سمجھتے ہیں۔