HEX سے RGB کلر کنورٹر

HEX اور RGB: ایک ہی رنگ لکھنے کے دو طریقے

اسکرین پر آپ جو بھی رنگ دیکھتے ہیں وہ تین روشنیوں سے ملایا جاتا ہے: سرخ، سبز اور نیلا۔ تینوں کو پوری طرح تیز کر دیں تو سفید مل جاتا ہے؛ تینوں بند کر دیں تو سیاہ۔ HEX اور RGB دراصل یہ بیان کرنے کے دو مختلف نوٹیشنز ہیں کہ ان تینوں چینلز میں سے ہر ایک کتنا روشن ہونا چاہیے۔ یہ دونوں عین ایک ہی رنگ کی طرف اشارہ کرتے ہیں، اس لیے ایک اچھا کنورٹر محض دونوں تحریری نظاموں کے درمیان ترجمہ کرتا ہے بغیر اصل رنگ کو کبھی بدلے۔ یہی وہ کام ہے جو یہ ٹول کرتا ہے، مکمل طور پر آپ کے براؤزر میں، اور ساتھ ہی ایک زندہ نمونہ بھی دکھاتا ہے تاکہ آپ اپنی آنکھوں سے نتیجے کی تصدیق کر سکیں۔

ہیکس کوڈ کیسے پڑھیں

ایک ہیکس رنگ #1E90FF جیسا نظر آتا ہے۔ ہیش کی علامت بس شروعات کی نشاندہی کرتی ہے؛ اس کے بعد کے چھ حروف تین جوڑے ہیں، جو #RRGGBB کے پیٹرن میں لکھے جاتے ہیں۔ پہلا جوڑا سرخ ہے، دوسرا سبز، اور تیسرا نیلا۔ ہر جوڑا ہیکسا ڈیسیمل میں لکھا ہوا ایک نمبر ہے، یعنی بیس 16 میں، جہاں ہندسے 0-9 چلتے ہیں اور پھر A، B، C، D، E، F 10 سے 15 کی نمائندگی کرتے ہیں۔ ایک جوڑا 00 (چینل مکمل طور پر بند) سے لے کر FF (مکمل طور پر آن) تک قدریں رکھ سکتا ہے۔ سادہ ڈیسیمل میں یہ رینج عین 0 سے 255 تک ہے، وہی پیمانہ جو RGB استعمال کرتا ہے۔ فی چینل 256 ممکنہ سطحوں کے ساتھ، چھ ہندسوں والی شکل 16,777,216 مختلف رنگ بیان کر سکتی ہے۔

دونوں سمتوں میں تبدیل کرنا، ایک حل شدہ مثال کے ساتھ

HEX سے RGB جانے کے لیے، کوڈ کو اس کے تین جوڑوں میں تقسیم کریں اور ہر ایک کو بیس 16 سے عام ڈیسیمل میں تبدیل کریں۔ #1E90FF لیں۔ سرخ جوڑا 1E ہے: وہ 1 ضرب 16، جمع 14 (E) ہے، جو 30 کے برابر ہے۔ سبز جوڑا 90 9 ضرب 16، جمع 0 ہے، جو 144 کے برابر ہے۔ نیلا جوڑا FF 15 ضرب 16، جمع 15 ہے، جو 255 کے برابر ہے۔ چنانچہ #1E90FF، rgb(30, 144, 255) بن جاتا ہے — وہی مانوس ڈوجر بلیو۔

دوسری سمت جانا اسی عمل کا الٹ ہے۔ ہر RGB نمبر لیں اور اسے دو ہیکس ہندسوں کے طور پر لکھیں۔ خالص سرخ، rgb(255, 0, 0)، FF، 00 اور 00 دیتا ہے، جو مل کر #FF0000 بنتے ہیں۔ ایک بات یاد رکھنے کے قابل: اگر کوئی قدر 16 سے کم ہو، تو آپ کو پھر بھی دونوں ہندسے چاہئیں، اس لیے 5 کو صرف 5 نہیں بلکہ 05 لکھا جاتا ہے۔ کنورٹر یہ پیڈنگ آپ کے لیے سنبھال لیتا ہے، مگر جب لوگ اسے ہاتھ سے کرتے ہیں تو یہ الجھن پیدا کرتی ہے۔

ہر فارمیٹ کہاں استعمال ہوتا ہے

HEX ویب کی روزمرہ زبان ہے۔ CSS، HTML اور زیادہ تر کوڈ جو آپ لکھتے ہیں ہیکس کوڈز کی طرف رخ کرتے ہیں کیونکہ یہ کمپیکٹ اور کاپی کرنے میں آسان ہوتے ہیں۔ RGB زیادہ تر ڈیزائن اور امیج ٹولز کے اندر ظاہر ہوتا ہے — Figma، Photoshop، Sketch اور Illustrator عام طور پر 0-255 رینج میں سلائیڈرز یا فیلڈز دکھاتے ہیں، اور اسکرین ریکارڈنگ یا ویڈیو ایپس بھی اکثر RGB کی توقع رکھتی ہیں۔ چنانچہ آپ باقاعدگی سے ایک اسٹائل شیٹ سے ہیکس کوڈ اٹھاتے ہیں اور اسے کسی ڈیزائن پینل میں ٹائپ کرنے کے لیے اس کی RGB شکل کی ضرورت پڑتی ہے، یا اس کے برعکس۔ وہی راؤنڈ ٹرپ کنورٹر کے مفید ہونے کی پوری وجہ ہے۔ اگر آپ کو ایک رنگ ترجمہ کرنے کی بجائے مماثل رنگوں کا پورا سیٹ بنانا ہو، تو ہمارا color palette generator بہتر آغاز ہے، اور آپ کو اس جیسی مزید یوٹیلیٹیز ڈویلپر ٹولز کے تحت ملیں گی۔

الفا، اوپیسٹی اور HSL

دونوں نوٹیشنز کی ایک توسیع شدہ شکل ہے جو شفافیت شامل کرتی ہے۔ RGB rgba(30, 144, 255, 0.5) بن جاتا ہے، جہاں چوتھی قدر الفا ہے — 0 مکمل طور پر شفاف ہے اور 1 مکمل طور پر ٹھوس۔ HEX اسی مقصد کے لیے ایک چوتھا جوڑا شامل کرتا ہے، جس سے آٹھ ہندسوں والا #RRGGBBAA کوڈ بنتا ہے؛ 80، مثال کے طور پر، تقریباً 50 فیصد اوپیسٹی ہے۔ چند کنورٹرز HSL (ہیو، سیچوریشن، لائٹنیس) بھی پیش کرتے ہیں، جو رنگ کو اس طرح بیان کرتا ہے جیسے کوئی انسان بیان کرے — رنگ کے پہیے پر ایک ہیو چنیں، پھر اس کی چمک اور روشنی کو ایڈجسٹ کریں۔ HSL ایک الگ پیلیٹ نہیں بلکہ ایک مختلف ذہنی ماڈل ہے، اس لیے یہ اُس وقت زیادہ فطری ہو سکتا ہے جب آپ کسی رنگ کو تین الگ نمبروں کے ساتھ الجھے بغیر ہلکا یا زیادہ مدھم بنانا چاہتے ہوں۔

اکثر پوچھے جانے والے سوالات