HEX کو RGB میں بدلنا Hexadecimal ↔ Red Green Blue مفت آن لائن محفوظ
HEX میں کوئی قدر لکھیں اور اسی جگہ RGB میں پڑھ لیں۔ حساب آپ کے براؤزر میں ہوتا ہے، کہیں کچھ نہیں بھیجا جاتا، اور جواب کس پر منحصر ہے وہ فرض نہیں کیا جاتا بلکہ نیچے لکھا ہے۔
کچھ بھی اپ لوڈ نہیں
یہ طرزِ تحریر کہاں سے آئے
ہیکس اور RGB ایک ہی چیز ہے، دو بار لکھی ہوئی۔ اسکرین کا رنگ تین اعداد ہیں — کتنی سرخ، سبز اور نیلی روشنی خارج کرنی ہے — ہر ایک 0 سے 255 تک، یعنی ایک بائٹ؛ ہیکس بس ان بائٹوں کو سولہ کی بنیاد پر لکھتا ہے، سو #FF8800 اور rgb(255, 136, 0) ایک ہی پکسل کو دیا گیا ایک ہی حکم ہیں۔ HSL اس لیے ایجاد ہوا کہ ان میں سے کوئی بھی انسان کے پڑھنے کے قابل نہیں: یہ رنگت کو رنگوں کے پہیے پر ایک زاویہ، اور سیری و روشنی کو فی صد میں دیتا ہے، سو ڈیزائنر تین اعداد دوبارہ جوڑے بغیر کسی چیز کو ہلکا کر سکتا ہے۔ CMYK بالکل الگ دنیا کا ہے — روشنی کا نہیں، سیاہی کا۔ وہ تفریقی ہے، چار چھاپہ تختیوں سے بنا، اور ہر اُس رنگ تک نہیں پہنچ سکتا جو اسکرین دے سکتی ہے، کیونکہ اسکرین روشنی خارج کرتی ہے جبکہ کاغذ اسے صرف منعکس کرتا ہے۔
آپ انہیں کہاں ملتے ہیں
ہیکس وہ ہے جو آپ اسٹائل شیٹ میں لکھتے ہیں اور جو ڈیزائن کا اوزار آپ کو تھماتا ہے۔ RGB وہاں نمودار ہوتا ہے جہاں رنگ کو حساب درکار ہو: درجہ بہ درجہ ڈھلان، شفافیت، وہ کوڈ جو کوئی شیڈ نکالے۔ HSL کی طرف ہاتھ تب بڑھتا ہے جب رنگوں کی ترتیب ہاتھ سے سنواری جائے، کیونکہ مطلوب تبدیلیاں عموماً اس کے تین اعداد میں سے ایک کی تبدیلی ہوتی ہیں۔ CMYK وہ ہے جو چھاپہ خانہ مانگتا ہے، اور اس میں تبدیلی وہی لمحہ ہے جب کوئی ڈیزائن روشنی نہیں رہتا اور سیاہی بن جاتا ہے۔
اکثر پوچھے جانے والے سوالات
میرا CMYK نتیجہ چھاپہ خانے کے دیے ہوئے سے مختلف کیوں ہے؟
کیونکہ کوئی ایک درست تبدیلی سرے سے ہے ہی نہیں۔ اس صفحے کا حساب سادہ اور آلے سے آزاد ہے، اور جب آپ کو نقطۂ آغاز یا تخمینی مساوی درکار ہو تو یہی ٹھیک جواب ہے۔ چھاپہ خانہ ایک رنگی پروفائل کے ذریعے بدلتا ہے جو مخصوص سیاہی، کاغذ اور مشین کو حساب میں لیتا ہے؛ وہی RGB رنگ چمکیلے کاغذ پر اور بغیر ملمع کاغذ پر مختلف CMYK قدریں دے گا۔ جو چیز بالکل ملنی چاہیے، اس کے لیے کسی فارمولے پر بھروسہ کرنے کے بجائے چھاپہ خانے سے اُن کا پروفائل مانگیں۔
کچھ اسکرین کے رنگ چھپ کیوں نہیں سکتے؟
کیونکہ دونوں ایک ہی رنگوں تک نہیں پہنچتے۔ اسکرین روشنی جمع کر کے رنگ بناتی ہے اور ایسا شوخ، سیر شدہ آسمانی یا سبز دے سکتی ہے جس کا سیاہی مقابلہ ہی نہیں کر سکتی؛ کاغذ روشنی جذب کر کے رنگ بناتا ہے، اور زیادہ سے زیادہ جتنا روشن ہو سکتا ہے وہ صفحے کی سفیدی ہے۔ ہر ایک جن رنگوں تک پہنچ سکتا ہے، اس مجموعے کو «گیمٹ» کہتے ہیں، اور جہاں وہ ایک دوسرے پر نہیں چڑھتے وہاں تبدیلی کو دستیاب قریب ترین رنگ چننا پڑتا ہے۔ اسی لیے اسکرین پر چمکدار رنگ چھپ کر اکثر ذرا پھیکا دکھائی دیتا ہے۔
کیا جواب بالکل درست ہے؟
جہاں دونوں اکائیاں ایک دوسرے سے صحیح اعداد میں متعین ہوں، وہاں ہاں — صفحہ یہ بات عدد کے اوپر کہتا ہے، اور واحد گولائی اس میں ہے کہ کتنے ہندسے دکھائے جائیں۔ جہاں نسبت کا اعشاریہ ختم نہ ہوتا ہو، صفحہ بارہ بامعنی ہندسے دکھاتا ہے اور کہتا ہے کہ تعلق تقریبی ہے، بجائے اس کے کہ کچھ اور ظاہر کرے۔
جو میں لکھتا ہوں وہ میرے آلے سے باہر جاتا ہے؟
نہیں۔ حساب آپ ہی کے براؤزر میں ہوتا ہے؛ کچھ اپ لوڈ نہیں ہوتا، اور نہ ہی کوئی سرور ہے جہاں ہو۔ صفحہ ایک بار کھل جائے تو نیٹ ورک بند ہونے پر بھی چلتا ہے۔
آپ HEX کو RGB میں کیوں تبدیل کرتے ہیں
ڈیزائن اوزار آپ کو رنگ #5A4632 کی صورت میں دیتا ہے۔ اسٹائل شیٹ، کینوس اسکرپٹ، چارٹ لائبریری یا گرافکس پروگرام اسے rgb(90, 70, 50) کی صورت میں مانگتا ہے۔ یہ ایک ہی رنگ ہیں، اور ایک ہجے سے دوسری تک پہنچنے کا کام بار بار آتا ہے: برانڈ گائیڈ ہیکس کوڈ لکھتی ہے اور آپ کے کوڈ کو ہلکا شیڈ نکالنے کے لیے اعداد چاہییں، گاہک لوگو سے رنگ بھیجتا ہے اور آپ کو شفافیت کے ساتھ rgba() بھرنا ہے، لائبریری صرف تین الگ قدریں قبول کرتی ہے۔ HEX کو RGB میں تبدیل کرنا چھوٹا کام ہے، اور قابلِ بھروسا کنورٹر آپ کو سولہ کی بنیاد کا حساب ذہن میں کرنے اور غلطی کرنے سے بچاتا ہے۔
تبدیلی عین ہے، جو ہر رنگ کی تبدیلی کے لیے سچ نہیں۔ ہیکس اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلی روشنی کی وہ مقداریں جو اسکرین کو خارج کرنی چاہییں، ہر ایک 0 سے 255 تک۔ کچھ تخمینہ نہیں ہوتا، اور آر پار کا سفر وہی لوٹاتا ہے جس سے شروع ہوا تھا۔ یہ صفحہ یہ آپ کے براؤزر میں کرتا ہے، اور کچھ اپ لوڈ نہیں ہوتا۔ نیچے آپ کو ملے گا کہ ہیکس ہندسے تین اعداد پر کیسے نقش ہوتے ہیں، شفافیت کیسے ساتھ جاتی ہے، مختصر شکل کیا کرتی ہے، sRGB کی حدیں، اور وہ صورتیں جن میں ڈیولپروں اور ڈیزائنروں کو HEX کو RGB میں تبدیل کرنے کی ضرورت پڑتی ہے۔
تبدیلی کیسے کام کرتی ہے
ہندسوں کے تین جوڑے تین اعداد بن جاتے ہیں
ہیکس رنگ ہیش کا نشان اور اس کے بعد چھ ہیکساڈیسیمل ہندسے ہے، جو جوڑوں میں پڑھے جاتے ہیں: پہلا جوڑا سرخ، دوسرا سبز، تیسرا نیلا۔ ہر جوڑا سولہ کی بنیاد میں 00 اور FF کے درمیان ایک عدد ہے، جو اس اعشاری نظام میں 0 سے 255 ہے جسے آپ روزانہ استعمال کرتے ہیں۔ یوں #5A4632 تقسیم ہو کر 5A، 46 اور 32 بنتا ہے۔ 5A ہے 5 × 16 + 10 = 90، 46 ہے 4 × 16 + 6 = 70، اور 32 ہے 3 × 16 + 2 = 50۔ رنگ rgb(90, 70, 50) ہے، جو وہ مثال ہے جس سے صفحہ شروع ہوتا ہے۔
ہندسے 0 سے F تک کیوں جاتے ہیں
سولہ کی بنیاد کو سولہ علامتیں چاہییں، اس لیے 9 کے بعد حروف A سے F آتے ہیں، جو 10 سے 15 کی نمائندگی کرتے ہیں۔ ایسے ہندسوں کا جوڑا 16 × 16 = 256 قدریں دیتا ہے، عین وہ جو ایک بائٹ رکھ سکتا ہے۔ اسکرین کا رنگ تین بائٹیں ہے، اور ہیکس انھیں لکھنے کا مختصر طریقہ ہے: کاما اور قوسین کے ساتھ تین اعداد کی جگہ چھ حروف۔
بڑے اور چھوٹے حروف
#5a4632 اور #5A4632 ایک ہی رنگ ہیں۔ CSS دونوں قبول کرتا ہے، اور یہ کنورٹر بھی۔ منصوبے کے لیے ایک اصول چنیے اور اس پر قائم رہیے، کیونکہ ملے جلے حروف اسٹائل شیٹ میں تلاش مشکل بناتے ہیں۔
تبدیلی کیا برقرار رکھتی ہے اور کیا نہیں رکھ سکتی
یہ رنگ کو عین رکھتی ہے
ہیکس اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلے کے لیے 0 سے 255، اس لیے کچھ تخمینہ نہیں ہوتا اور آر پار کا سفر وہی لوٹاتا ہے جس سے شروع ہوا۔ HEX کو RGB میں تبدیل کیجیے اور واپس، اور آپ کے پاس وہی کوڈ ہے جس سے آپ نے شروع کیا، بڑے حروف کے ممکنہ استثنا کے ساتھ۔
یہ شفافیت ساتھ لے جاتی ہے
شفافیت کی چوتھی قدر بھی ساتھ جاتی ہے: #RRGGBBAA، rgba() بن جاتا ہے، اور واپس۔ آخری جوڑا الفا چینل ہے، 00، مکمل شفاف، سے FF، مکمل غیر شفاف تک۔ یوں #5A463280 ہے rgba(90, 70, 50, 0.5)، کیونکہ ہیکس میں 80 ہے 128، اور 255 میں سے 128 تقریباً آدھا ہے۔ آٹھ ہندسے تمام موجودہ براؤزر قبول کرتے ہیں۔
یہ sRGB سے باہر کے رنگ بیان نہیں کر سکتی
دونوں ہجے sRGB بیان کرتے ہیں، وہ رنگ کی جگہ جو اسکرین تیس سال سے استعمال کر رہی ہے۔ وہ اس سے باہر کا رنگ بیان نہیں کر سکتے، جس کے لیے نئی CSS تحریریں، lab()، oklch() اور color()، موجود ہیں۔ جدید ڈسپلے sRGB کی گنجائش سے زیادہ سیر شدہ رنگ دکھا سکتے ہیں، اور جس ڈیزائنر نے وسیع گیمٹ کے اوزار میں ایسا رنگ چنا ہو وہ اسے ہیکس کے طور پر لکھے جانے پر sRGB میں کٹا ہوا دیکھے گا۔
مختصر شکل پھیلا دی جاتی ہے، محفوظ نہیں رکھی جاتی
مختصر شکل محفوظ رکھنے کی بجائے پھیلا دی جاتی ہے: #abc، #AABBCC کی صورت میں لوٹتا ہے، جو وہی رنگ ہے لمبے طریقے سے لکھا ہوا۔ ہر ہندسہ دگنا ہو جاتا ہے۔ اس کا مطلب ہے کہ آپ تین ہندسوں والا کوڈ پیسٹ کر کے صحیح اعداد پا سکتے ہیں، لیکن لمبی ہجے کو دیکھ کر چھوٹی ہجے بحال نہیں کر سکتے، صرف یہ جانچ کر کہ ہر جوڑا دہراتا ہے۔
عام رنگ اور ان کے اعداد
یاد رکھنے کے لیے چند
سفید #FFFFFF ہے، جو rgb(255, 255, 255) ہے: تینوں روشنیاں پوری طاقت پر۔ سیاہ #000000 ہے، rgb(0, 0, 0): بالکل روشنی نہیں۔ خالص سرخ #FF0000 ہے، سبز #00FF00 اور نیلا #0000FF۔ درمیانہ سرمئی کوئی بھی کوڈ ہے جس کے تین برابر جوڑے ہوں، جیسے #808080، جو rgb(128, 128, 128) ہے۔ برابر جوڑوں کا مطلب ہمیشہ سرمئی ہے، کیونکہ تینوں روشنیوں کی برابر مقداریں ہیو نہیں دیتیں۔
ایک نظر میں کوڈ پڑھنا
جب آپ نمونہ جان لیں تو ہیکس ہندسوں سے رنگ کا اندازہ لگا سکتے ہیں۔ جو کوڈ اونچے پہلے جوڑے سے شروع ہو وہ سرخی مائل ہے، اونچا درمیانی جوڑا سبزی مائل، اونچا آخری جوڑا نیلاہٹ مائل۔ #FF8800 بہت سا سرخ، کچھ سبز اور نیلا بالکل نہیں ہے، جو نارنجی ہے۔ اس کے لیے آپ کو اوزار نہیں چاہیے، لیکن عین اعداد کے لیے چاہیے۔
یہاں HEX کو RGB میں کیسے تبدیل کریں
ہیکس کوڈ لکھیے یا پیسٹ کیجیے
رنگ پہلے خانے میں لکھیے، ہیش کے نشان کے ساتھ یا اس کے بغیر۔ تین، چھ اور آٹھ ہندسوں کی شکلیں قبول ہیں۔
rgb کی قدر پڑھیے
جواب دوسرے خانے میں فوراً ظاہر ہوتا ہے، rgb(90, 70, 50) کی شکل میں، یا rgba() اگر کوڈ شفافیت لے کر آیا ہو۔ صفحہ جملہ #5A4632 = rgb(90, 70, 50) دکھاتا ہے تاکہ آپ ایک نظر میں جانچ سکیں۔
اسے اپنے کوڈ میں نقل کیجیے
نتیجہ اسٹائل شیٹ، اسکرپٹ یا اس اوزار میں پیسٹ کیجیے جس نے اسے مانگا تھا۔ اگر آپ کو تین اعداد الگ چاہییں تو وہ قوسین کے اندر والے ہیں۔
یہ اشاریے کہاں سے آتے ہیں
ہیکس اور RGB ایک ہی چیز دو بار لکھی ہوئی ہیں
اسکرین کا رنگ تین اعداد ہے، کتنی سرخ، سبز اور نیلی روشنی خارج کرنی ہے، ہر ایک 0 سے 255 تک، جو ایک بائٹ ہے۔ ہیکس محض ان بائٹوں کو سولہ کی بنیاد میں لکھتا ہے، اس لیے #FF8800 اور rgb(255, 136, 0) ایک ہی پکسل کو ایک ہی ہدایت ہیں۔
HSL اور CMYK
HSL اس لیے ایجاد ہوا کہ دونوں میں سے کوئی انسان کے لیے پڑھنے کے قابل نہیں: یہ رنگ کو رنگ کے پہیے کے گرد زاویے کے طور پر دیتا ہے، سیرابی اور روشنی فیصد کے طور پر، تاکہ ڈیزائنر تین اعداد دوبارہ شمار کیے بغیر کچھ ہلکا کر سکے۔ CMYK بالکل مختلف دنیا کا ہے، روشنی کی بجائے سیاہی۔ یہ تفریقی ہے، چار چھپائی کی پلیٹوں سے بنا، اور ہر وہ رنگ نہیں پہنچ سکتا جو اسکرین پہنچ سکتی ہے، کیونکہ اسکرین روشنی خارج کرتی ہے جبکہ کاغذ صرف منعکس کرتا ہے۔ ان کے لیے HEX سے HSL اور HEX سے CMYK دیکھیے۔
آپ ان سے کہاں ملتے ہیں
اسٹائل شیٹس میں
ہیکس وہ ہے جو آپ اسٹائل شیٹ میں لکھتے ہیں اور جو ڈیزائن اوزار آپ کو دیتا ہے۔ RGB وہاں آتا ہے جہاں رنگ کو حساب چاہیے: گریڈیئنٹ، شفافیت، شیڈ نکالنے والا کوڈ۔ دونوں ہجے جاننا، اور ان کے درمیان حرکت کر سکنا، فرنٹ اینڈ کے روزمرہ کام کا حصہ ہے۔
اسکرپٹس اور کینوس ڈرائنگ میں
ڈرائنگ کوڈ اکثر تین اعداد الگ چاہتا ہے، دو رنگ ملانے کے لیے، ایک کو مقررہ مقدار سے گہرا کرنے کے لیے یا یہ جانچنے کے لیے کہ پکسل ہدف سے ملتا ہے۔ HEX کو RGB میں تبدیل کرنا آپ کو اعداد براہِ راست دیتا ہے۔
گرافکس اور تصویری اوزاروں میں
تصویری ایڈیٹر عموماً رنگ تین اعداد یا ہیکس کوڈ کی صورت میں دکھاتے ہیں، اور آپ کو دونوں میں سے ایک لکھنے دیتے ہیں۔ دونوں کے درمیان حرکت آپ کو ویب صفحے کا رنگ ایسے پروگرام میں دوبارہ بنانے دیتی ہے جو اعداد چاہتا ہے۔
دستاویزات اور برانڈ گائیڈ میں
برانڈ گائیڈ رنگ ویب کے لیے ہیکس میں، اسکرینوں کے لیے RGB میں اور چھپائی کے لیے CMYK میں لکھ سکتی ہے۔ پہلے دو کا ملنا ایک تبدیلی کا معاملہ ہے، اور یہ وہ جانچ ہے جو ہزار پرچوں پر چھپنے سے پہلے غلطی پکڑ لیتی ہے۔
RGB شکل کے عملی استعمال
دوسرے رنگ کے بغیر شفافیت
rgba(90, 70, 50, 0.5) کے ساتھ آپ کو رنگ آدھی قوت پر ملتا ہے، تاکہ اس کے پیچھے کی چیز جھلکے۔ یہ برانڈ رنگ سے اوورلے، سائے اور رنگین پس منظر بنانے کا معیاری طریقہ ہے بغیر نیا رنگ ایجاد کیے۔
ہلکے اور گہرے شیڈ نکالنا
ہوور حالت کو ذرا گہرا بنانے کے لیے اسکرپٹ تینوں اعداد میں سے ہر ایک سے مقررہ مقدار گھٹا سکتی ہے۔ ہیکس کی تار پر وہی کرنا بے ڈھب ہے؛ rgb پر یہ سادہ حساب ہے۔ اگر آپ کو ہیو پر مبنی ایڈجسٹمنٹ چاہیے تو اس کی جگہ HEX کو HSL میں تبدیل کیجیے۔
تضاد کی جانچ
رسائی کے اوزار دو رنگوں کے درمیان تضاد ان کی سرخ، سبز اور نیلی قدروں سے شمار کرتے ہیں۔ اعداد ہونے سے آپ خود حساب کر سکتے ہیں، یا انھیں جانچنے والے میں پیسٹ کر سکتے ہیں، یہ تصدیق کرنے کے لیے کہ پس منظر پر متن پڑھنے کے قابل ہے۔
HEX کو RGB میں تبدیل کرتے وقت پھندے
الفا کا جوڑا بھول جانا
آٹھ ہندسوں کے کوڈ میں شفافیت آخری دو ہندسوں میں ہے۔ اگر آپ انھیں کاٹ دیں تو آپ اسے کھو دیتے ہیں۔ یہ فیصلہ کرنے سے پہلے کہ نتیجہ رنگ ہے، کوڈ کی لمبائی جانچیے۔
ترتیب خلط ملط کرنا
ہیکس سرخ، سبز، نیلا ہے۔ چند فارمیٹ، اور کچھ پرانے گرافکس API، نیلا، سبز، سرخ استعمال کرتے ہیں۔ اگر کسی خاص پروگرام میں رنگ غلط نکلے تو اس کے چینلوں کی ترتیب جانچیے۔
اسکرین شاٹ سے نقل کرنا
اسکرین شاٹ سے پڑھا ہوا رنگ اسکرین کے رنگ کے انتظام اور کسی بھی کمپریشن کے بعد کا رنگ ہے۔ یہ ماخذ فائل کے رنگ سے ذرا مختلف ہو سکتا ہے۔ جب ہو سکے ڈیزائن فائل استعمال کیجیے۔
یہ فرض کرنا کہ اسکرینیں متفق ہیں
دو اسکرینیں وہی کوڈ ذرا مختلف دکھاتی ہیں۔ اعداد عین ہیں؛ جو آپ دیکھتے ہیں وہ ڈسپلے اور اس کے پروفائل پر منحصر ہے۔
تبدیل کرنے سے پہلے لوگ جو سوال پوچھتے ہیں
#FF0000 RGB میں کیا ہے؟
rgb(255, 0, 0)، خالص سرخ۔
#FFFFFF RGB میں کیا ہے؟
rgb(255, 255, 255)، سفید۔
کیا میں تین ہندسوں کا کوڈ تبدیل کر سکتا ہوں؟
ہاں۔ ہر ہندسہ دگنا ہو جاتا ہے: #09C بن جاتا ہے #0099CC، جو rgb(0, 153, 204) ہے۔
کیا تبدیلی عین ہے؟
ہاں۔ یہ ایک ہی تین اعداد کی دو ہجے ہیں۔
کیا میرا رنگ اپ لوڈ ہوتا ہے؟
نہیں۔ حساب آپ کے براؤزر میں چلتا ہے اور کہیں کچھ نہیں بھیجا جاتا۔
میں واپس کیسے جاؤں؟
RGB سے HEX کے ساتھ، جو تین اعداد کو ہیکس کوڈ کی صورت میں لکھتا ہے۔
HEX کو RGB میں تبدیل کرتے وقت سمجھداری سے چننا
جانیے کہ آگے آپ کو کیا چاہیے
اگر آپ کو شفافیت چاہیے تو rgba() فطری شکل ہے۔ اگر آپ کو روشنی یا ہیو ایڈجسٹ کرنا ہو تو HSL آسان ہے۔ اگر رنگ چھپنے جا رہا ہو تو CMYK اگلا قدم ہے، ان احتیاطوں کے ساتھ جو وہ تبدیلی لاتی ہے۔ RGB سے CMYK دیکھیے۔
ہیکس کو ماسٹر رکھیے
برانڈ پیلیٹ کے رنگوں کے لیے ہیکس کوڈ کو حوالہ رکھیے۔ یہ مختصر، بے ابہام اور ہر جگہ سمجھا جاتا ہے۔ جب ضرورت ہو اسی سے دوسری شکلیں نکالیے۔
کسٹم پراپرٹیز استعمال کیجیے
CSS میں رنگ ایک بار متعین کیجیے، جیسے --brand: #5A4632، اور انھیں نام سے حوالہ دیجیے۔ اگر آپ کو rgba() کے لیے اعداد چاہییں تو --brand-rgb: 90 70 50 بھی متعین کیجیے۔ تبدیلی پھر ایک ہی بار ہوتی ہے۔
جدید CSS اور RGB شکل
خالی جگہ سے الگ کی گئی تحریر
موجودہ CSS rgb() کو خالی جگہوں اور شفافیت کے لیے سلیش کے ساتھ قبول کرتا ہے، جیسے rgb(90 70 50 / 50%)۔ اعداد کاما والی شکل کے وہی ہیں، اس لیے تبدیلی کا نتیجہ دونوں میں کام کرتا ہے۔ پرانے براؤزر اور کچھ اوزار کاما توقع کرتے ہیں، اس لیے جب آپ نہیں جانتے کہ رنگ کہاں استعمال ہوگا تو کاما والی شکل محفوظ انتخاب رہتی ہے۔
فیصدیں اور کسریں
RGB فیصدوں کے ساتھ بھی لکھا جا سکتا ہے، جیسے rgb(35% 27% 20%)، جہاں 100 فیصد 255 ہے۔ صفحہ پورے اعداد دیتا ہے کیونکہ ہیکس یہی محفوظ کرتا ہے اور زیادہ تر اوزار یہی توقع کرتے ہیں۔ اگر آپ کو فیصدیں چاہییں تو ہر عدد کو 255 پر تقسیم کیجیے اور 100 سے ضرب دیجیے۔
تین اعداد کے لیے کسٹم پراپرٹیز
ایک عام ترکیب یہ ہے کہ صرف تین اعداد کسٹم پراپرٹی میں رکھیں، --brand-rgb: 90 70 50، اور اسے rgb(var(--brand-rgb) / 0.5) کے طور پر استعمال کریں۔ یہ ایک تعریف کو ٹھوس اور شفاف دونوں استعمال کی خدمت دینے دیتا ہے۔ جب آپ اس مقصد کے لیے HEX کو RGB میں تبدیل کریں تو جواب سے صرف اعداد نقل کیجیے۔
عملاً رنگ کے ساتھ کام
برانڈ گائیڈ سے جانچیے
اگر برانڈ گائیڈ ایک ہی رنگ کے لیے ہیکس اور rgb دونوں دے تو ایک کو تبدیل کیجیے اور دوسرے سے موازنہ کیجیے۔ عدم مطابقت کا مطلب عموماً گائیڈ میں غلطی ہے، اور اسے ہر صفحے پر استعمال ہونے سے پہلے ڈھونڈنا اس منٹ کے لائق ہے جو لگتا ہے۔
پیلیٹ کو مختصر فہرست کے طور پر رکھیے
زیادہ تر سائٹیں پانچ سے آٹھ رنگ استعمال کرتی ہیں۔ انھیں نوٹ میں دونوں شکلوں میں لکھیے۔ جب بھی آپ کو نئے جزو کے لیے HEX کو RGB میں تبدیل کرنا ہو، آپ دوبارہ حساب کرنے کی بجائے اسے دیکھ سکتے ہیں، اور پیلیٹ ہم آہنگ رہتی ہے۔
رنگوں کے نام کردار کے مطابق رکھیے
primary، surface اور warning جیسے نام سبز یا بھورے جیسے ناموں سے ڈیزائن کی تبدیلیوں میں بہتر بچتے ہیں۔ تبدیلی آپ کو اعداد دیتی ہے؛ نام بتاتا ہے کہ وہ کس لیے ہیں۔
متعلقہ کنورٹر
اوزاروں کا یہی خاندان پڑوسی تبدیلیوں کا احاطہ کرتا ہے۔ واپس جانے کے لیے RGB سے HEX استعمال کیجیے۔ ہیو سے بیان کیے گئے رنگوں کے لیے HEX سے HSL اور HSL سے HEX ہاتھ کے قریب ہیں، اور چھپائی کے لیے HEX سے CMYK، CMYK سے HEX اور CMYK سے RGB۔ اسی اسٹائل شیٹ کے سائز کے لیے px سے rem اور px سے em لمبائیوں کے لیے وہ کرتے ہیں جو یہ صفحہ رنگوں کے لیے کرتا ہے۔
ایک حل شدہ مثال
فرض کیجیے آپ کا برانڈ رنگ #1E7A5C ہے اور آپ کو کارڈ کے پس منظر کے لیے شفاف ورژن چاہیے۔ آپ کوڈ لکھتے ہیں اور rgb(30, 122, 92) پڑھتے ہیں۔ اسٹائل شیٹ میں آپ background: rgba(30, 122, 92, 0.12) لکھتے ہیں، اسی سبز کی بہت ہلکی ٹنٹ، اور بارڈر rgba(30, 122, 92, 0.4)۔ کارڈ سفید صفحے پر بھی اور سرمئی پر بھی آرام سے بیٹھتا ہے، کیونکہ شفافیت صفحے کو گزرنے دیتی ہے۔ جب برانڈ کا رنگ بعد میں بدلے تو آپ ایک کسٹم پراپرٹی میں تین اعداد بدل دیتے ہیں اور ہر ٹنٹ پیروی کرتی ہے۔
ایک مختصر فہرستِ جانچ
تبدیلی سے پہلے
کوڈ کی لمبائی جانچیے: تین، چھ یا آٹھ ہندسے۔ طے کیجیے کہ آپ کو شفافیت چاہیے یا نہیں۔
تبدیلی کے دوران
کوڈ پیسٹ کیجیے، rgb کی قدر پڑھیے اور اسے قوسین سمیت، یا صرف تین اعداد، نقل کیجیے۔
تبدیلی کے بعد
رنگ کو سیاق میں، اصل پس منظر پر، جانچیے، اور اس پر بیٹھے کسی بھی متن کا تضاد دیکھیے۔
عام غلطیاں
شفافیت کا جوڑا چھوڑ دینا
آٹھ ہندسوں کا مطلب الفا ہے۔ اسے رکھیے یا rgba() میں تبدیل کیجیے۔
چینلوں کی ترتیب خلط ملط کرنا
ہیکس میں پہلے سرخ ہے۔ کچھ اوزار پہلے نیلا توقع کرتے ہیں۔
اسکرین کو سچ سمجھنا
اعداد عین ہیں۔ ظاہری شکل ڈسپلے پر منحصر ہے۔
آپ کے رنگ آپ کے آلے پر رہتے ہیں
حساب مقامی طور پر ہوتا ہے۔ آپ کی قدریں آپ کا اپنا براؤزر استعمال کرتا ہے اور کہیں کچھ نہیں بھیجا جاتا۔ بعد میں مٹانے کو کچھ نہیں اور بنانے کو کوئی اکاؤنٹ نہیں۔ HEX کو RGB میں تبدیل کرنے کا یہی سادہ طریقہ ہے۔
خلاصہ
یہاں HEX کو RGB میں تبدیل کرنے کے لیے ہیکس کوڈ لکھیے یا پیسٹ کیجیے اور rgb کی قدر فوراً پڑھیے۔ تبدیلی رنگ کو عین رکھتی ہے: ہیکس اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلے کے لیے 0 سے 255، اس لیے کچھ تخمینہ نہیں ہوتا اور آر پار کا سفر وہی لوٹاتا ہے جس سے شروع ہوا۔ شفافیت کی چوتھی قدر بھی ساتھ جاتی ہے، کیونکہ #RRGGBBAA، rgba() بن جاتا ہے، اور واپس۔ دونوں ہجے sRGB بیان کرتے ہیں، اس لیے اس سے باہر کے رنگ بیان نہیں کر سکتے، اور مختصر شکل محفوظ رکھنے کی بجائے پھیلا دی جاتی ہے: #abc، #AABBCC کی صورت میں لوٹتا ہے۔ کچھ اپ لوڈ نہیں ہوتا۔