RGB کو HEX میں بدلنا Red Green Blue ↔ Hexadecimal مفت آن لائن محفوظ
RGB میں کوئی قدر لکھیں اور اسی جگہ HEX میں پڑھ لیں۔ حساب آپ کے براؤزر میں ہوتا ہے، کہیں کچھ نہیں بھیجا جاتا، اور جواب کس پر منحصر ہے وہ فرض نہیں کیا جاتا بلکہ نیچے لکھا ہے۔
کچھ بھی اپ لوڈ نہیں
یہ طرزِ تحریر کہاں سے آئے
ہیکس اور RGB ایک ہی چیز ہے، دو بار لکھی ہوئی۔ اسکرین کا رنگ تین اعداد ہیں — کتنی سرخ، سبز اور نیلی روشنی خارج کرنی ہے — ہر ایک 0 سے 255 تک، یعنی ایک بائٹ؛ ہیکس بس ان بائٹوں کو سولہ کی بنیاد پر لکھتا ہے، سو #FF8800 اور rgb(255, 136, 0) ایک ہی پکسل کو دیا گیا ایک ہی حکم ہیں۔ HSL اس لیے ایجاد ہوا کہ ان میں سے کوئی بھی انسان کے پڑھنے کے قابل نہیں: یہ رنگت کو رنگوں کے پہیے پر ایک زاویہ، اور سیری و روشنی کو فی صد میں دیتا ہے، سو ڈیزائنر تین اعداد دوبارہ جوڑے بغیر کسی چیز کو ہلکا کر سکتا ہے۔ CMYK بالکل الگ دنیا کا ہے — روشنی کا نہیں، سیاہی کا۔ وہ تفریقی ہے، چار چھاپہ تختیوں سے بنا، اور ہر اُس رنگ تک نہیں پہنچ سکتا جو اسکرین دے سکتی ہے، کیونکہ اسکرین روشنی خارج کرتی ہے جبکہ کاغذ اسے صرف منعکس کرتا ہے۔
آپ انہیں کہاں ملتے ہیں
ہیکس وہ ہے جو آپ اسٹائل شیٹ میں لکھتے ہیں اور جو ڈیزائن کا اوزار آپ کو تھماتا ہے۔ RGB وہاں نمودار ہوتا ہے جہاں رنگ کو حساب درکار ہو: درجہ بہ درجہ ڈھلان، شفافیت، وہ کوڈ جو کوئی شیڈ نکالے۔ HSL کی طرف ہاتھ تب بڑھتا ہے جب رنگوں کی ترتیب ہاتھ سے سنواری جائے، کیونکہ مطلوب تبدیلیاں عموماً اس کے تین اعداد میں سے ایک کی تبدیلی ہوتی ہیں۔ CMYK وہ ہے جو چھاپہ خانہ مانگتا ہے، اور اس میں تبدیلی وہی لمحہ ہے جب کوئی ڈیزائن روشنی نہیں رہتا اور سیاہی بن جاتا ہے۔
اکثر پوچھے جانے والے سوالات
میرا CMYK نتیجہ چھاپہ خانے کے دیے ہوئے سے مختلف کیوں ہے؟
کیونکہ کوئی ایک درست تبدیلی سرے سے ہے ہی نہیں۔ اس صفحے کا حساب سادہ اور آلے سے آزاد ہے، اور جب آپ کو نقطۂ آغاز یا تخمینی مساوی درکار ہو تو یہی ٹھیک جواب ہے۔ چھاپہ خانہ ایک رنگی پروفائل کے ذریعے بدلتا ہے جو مخصوص سیاہی، کاغذ اور مشین کو حساب میں لیتا ہے؛ وہی RGB رنگ چمکیلے کاغذ پر اور بغیر ملمع کاغذ پر مختلف CMYK قدریں دے گا۔ جو چیز بالکل ملنی چاہیے، اس کے لیے کسی فارمولے پر بھروسہ کرنے کے بجائے چھاپہ خانے سے اُن کا پروفائل مانگیں۔
کچھ اسکرین کے رنگ چھپ کیوں نہیں سکتے؟
کیونکہ دونوں ایک ہی رنگوں تک نہیں پہنچتے۔ اسکرین روشنی جمع کر کے رنگ بناتی ہے اور ایسا شوخ، سیر شدہ آسمانی یا سبز دے سکتی ہے جس کا سیاہی مقابلہ ہی نہیں کر سکتی؛ کاغذ روشنی جذب کر کے رنگ بناتا ہے، اور زیادہ سے زیادہ جتنا روشن ہو سکتا ہے وہ صفحے کی سفیدی ہے۔ ہر ایک جن رنگوں تک پہنچ سکتا ہے، اس مجموعے کو «گیمٹ» کہتے ہیں، اور جہاں وہ ایک دوسرے پر نہیں چڑھتے وہاں تبدیلی کو دستیاب قریب ترین رنگ چننا پڑتا ہے۔ اسی لیے اسکرین پر چمکدار رنگ چھپ کر اکثر ذرا پھیکا دکھائی دیتا ہے۔
کیا جواب بالکل درست ہے؟
جہاں دونوں اکائیاں ایک دوسرے سے صحیح اعداد میں متعین ہوں، وہاں ہاں — صفحہ یہ بات عدد کے اوپر کہتا ہے، اور واحد گولائی اس میں ہے کہ کتنے ہندسے دکھائے جائیں۔ جہاں نسبت کا اعشاریہ ختم نہ ہوتا ہو، صفحہ بارہ بامعنی ہندسے دکھاتا ہے اور کہتا ہے کہ تعلق تقریبی ہے، بجائے اس کے کہ کچھ اور ظاہر کرے۔
جو میں لکھتا ہوں وہ میرے آلے سے باہر جاتا ہے؟
نہیں۔ حساب آپ ہی کے براؤزر میں ہوتا ہے؛ کچھ اپ لوڈ نہیں ہوتا، اور نہ ہی کوئی سرور ہے جہاں ہو۔ صفحہ ایک بار کھل جائے تو نیٹ ورک بند ہونے پر بھی چلتا ہے۔
آپ RGB کو HEX میں کیوں تبدیل کرتے ہیں
تصویر کا ایڈیٹر، آپریٹنگ سسٹم کا کلر پکر یا کوڈ کی ایک سطر آپ کو رنگ تین اعداد کی صورت میں دیتی ہے: 90, 70, 50۔ اسٹائل شیٹ، ڈیزائن ٹوکن فائل یا ساتھی کو پیغام اسے ایک مختصر کوڈ کی صورت میں چاہتا ہے: #5A4632۔ ان کے درمیان کا قدم وہی ہے جو یہ صفحہ کرتا ہے۔ RGB کو HEX میں تبدیل کرنے کا مطلب انہی تین اعداد کو سولہ کی بنیاد پر لکھنا ہے، ہر ایک دو ہندسوں میں، اور آگے ہیش کا نشان لگانا۔ ایک رنگ کے لیے یہ کرنا آسان ہے اور بیس کے لیے اکتا دینے والا، اور اسے غلط کرنا آسان ہے جب کسی عدد کو آگے صفر چاہیے ہو یا کوئی ہندسہ حرف ہو۔
تبدیلی قطعی ہے، جو ہر رنگ کی تبدیلی کے بارے میں سچ نہیں۔ Hex اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلی روشنی کی وہ مقداریں جو اسکرین کو خارج کرنی چاہییں، ہر ایک 0 سے 255 تک۔ کچھ تخمینہ نہیں کیا جاتا، اور آنا جانا وہی لوٹاتا ہے جس سے شروع ہوا۔ صفحہ یہ آپ کے براؤزر میں کرتا ہے، اور کچھ اپ لوڈ نہیں ہوتا۔ نیچے آپ کو ملے گا کہ ہر عدد دو hex ہندسے کیسے بنتا ہے، شفافیت کیسے ساتھ جاتی ہے، sRGB کی حدیں، وہ جگہیں جہاں لوگوں کو RGB کو HEX میں تبدیل کرنا پڑتا ہے، اور چند عادتیں جو منصوبے میں رنگوں کو یکساں رکھتی ہیں۔
تبدیلی کیسے کام کرتی ہے
ہر عدد دو hex ہندسے بن جاتا ہے
rgb(90, 70, 50) لیجیے۔ ہر عدد کو سولہ سے تقسیم کیجیے: 90 ہے 5 ضرب 16 جمع 10، اور 10 ہندسہ A ہے، اس لیے 90 بن جاتا ہے 5A۔ 70 ہے 4 ضرب 16 جمع 6، اس لیے 46۔ 50 ہے 3 ضرب 16 جمع 2، اس لیے 32۔ تینوں جوڑیاں ملائیے اور ہیش کا نشان لگائیے: #5A4632۔ صفحہ آپ کے ٹائپ کرتے ہی یہ کرتا ہے، اور جملہ rgb(90, 70, 50) = #5A4632 دکھاتا ہے تاکہ آپ تصدیق کر سکیں۔
آگے کے صفر
ہر جوڑی میں دو ہندسے ہونے چاہییں۔ 16 سے کم عدد کو آگے صفر چاہیے: 7 بن جاتا ہے 07، اور 0 بن جاتا ہے 00۔ اس لیے rgb(0, 7, 255) ہے #0007FF، نہ کہ #07FF، جس کا مطلب بالکل مختلف ہوتا۔ ہاتھ سے تبدیلی کرتے وقت صفر بھول جانا سب سے عام غلطی ہے۔
دائرہ
ہر عدد 0 اور 255 کے درمیان ہونا چاہیے۔ 255 سے اوپر کی قدر دو hex ہندسوں میں نہیں لکھی جا سکتی، اور منفی قدر کا کوئی مطلب نہیں۔ اگر آپ کے کوڈ کے حساب نے 270 یا −5 پیدا کیا ہو تو پہلے اسے دائرے تک محدود کیجیے۔ کنورٹر بھی یہی کرتا ہے، تاکہ وہ کبھی غلط کوڈ نہ بنائے۔
تبدیلی کیا رکھتی ہے اور کیا نہیں رکھ سکتی
یہ رنگ کو بالکل رکھتی ہے
Hex اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلے کے لیے 0 سے 255، اس لیے کچھ تخمینہ نہیں ہوتا اور آنا جانا وہی لوٹاتا ہے جس سے شروع ہوا۔ RGB کو HEX میں اور واپس تبدیل کیجیے اور آپ کے پاس وہی اعداد ہیں جن سے آپ نے شروع کیا۔
یہ شفافیت ساتھ لے جاتی ہے
شفافیت کی چوتھی قدر بھی ساتھ جاتی ہے: #RRGGBBAA بن جاتا ہے rgba()، اور واپس۔ 0.5 کی شفافیت جوڑی 80 بن جاتی ہے، کیونکہ 255 کا آدھا تقریباً 128 ہے، جو hex میں 80 ہے۔ اس لیے rgba(90, 70, 50, 0.5) ہے #5A463280۔ آٹھ ہندسوں والا hex تمام موجودہ براؤزر قبول کرتے ہیں۔
یہ sRGB سے باہر کے رنگ بیان نہیں کر سکتی
دونوں ہجے sRGB کو بیان کرتے ہیں، وہ رنگ کی جگہ جو اسکرین نے تیس برس استعمال کی ہے۔ وہ اس سے باہر کا رنگ بیان نہیں کر سکتے، جس کے لیے نئی CSS اشارہ بندیاں، lab()، oklch() اور color()، موجود ہیں۔ اگر آپ وسیع گیمٹ کے اوزار میں رنگ سے شروع کریں تو آپ جو تین اعداد نقل کرتے ہیں وہ پہلے ہی sRGB ورژن ہیں، اور hex ان کے مطابق وفادار ہے۔
یہ مخفف کو محفوظ نہیں رکھتی
جہاں کوڈ تین ہندسوں میں لکھا جا سکتا ہو، جیسے #AABBCC بطور #ABC، کنورٹر لمبی شکل دیتا ہے۔ لمبی شکل ہمیشہ درست ہے اور وہی رنگ؛ مخفف شکل صرف قاری کی سہولت ہے۔
عام رنگ اور ان کے کوڈ
یاد رکھنے کے چند
rgb(255, 255, 255) ہے #FFFFFF، سفید: تینوں روشنیاں پوری طاقت پر۔ rgb(0, 0, 0) ہے #000000، سیاہ: بالکل روشنی نہیں۔ rgb(255, 0, 0) ہے #FF0000، خالص سرخ؛ rgb(0, 255, 0) ہے #00FF00 اور rgb(0, 0, 255) ہے #0000FF۔ تین برابر اعداد والا کوئی بھی رنگ سرمئی ہے، اور اس کے کوڈ میں تین برابر جوڑیاں ہیں: rgb(128, 128, 128) ہے #808080۔
ویب سیف عادت
پرانی رہنمائیاں ویب سیف رنگوں کی بات کرتی تھیں، جن کی جوڑیاں صرف 00، 33، 66، 99، CC یا FF ہوتی تھیں۔ وہ 256 رنگوں والی اسکرینوں کے دنوں سے تعلق رکھتی ہیں اور ان کے باقی رہنے کی کوئی وجہ نہیں۔ جو بھی قدر چاہیں استعمال کیجیے؛ اسکرین سب دکھا سکتی ہے۔
یہاں RGB کو HEX میں کیسے تبدیل کریں
تین اعداد ٹائپ کیجیے
پہلے خانے میں رنگ rgb(90, 70, 50) کی شکل میں درج کیجیے، یا اعداد کو کوما یا خالی جگہ سے الگ کر کے۔ فیصد کی ضرورت نہیں؛ 0 سے 255 تک کے اعداد استعمال کیجیے۔
hex کوڈ پڑھیے
جواب فوراً دوسرے خانے میں ظاہر ہوتا ہے، ہیش کے نشان سے شروع ہو کر، بڑے حروف میں۔ اگر آپ نے شفافیت کے لیے چوتھی قدر دی ہو تو کوڈ آٹھ ہندسوں کا ہوتا ہے۔
اسے اپنے کام میں نقل کیجیے
کوڈ کو اسٹائل شیٹ، ٹوکن فائل یا پیغام میں چپکائیے۔ اسے اپنے پیلیٹ نوٹ میں جوڑیے تاکہ اگلی تبدیلی تلاش ہو۔
یہ اشارہ بندیاں کہاں سے آتی ہیں
Hex اور RGB ایک ہی چیز ہیں جو دو بار لکھی گئی
اسکرین کا رنگ تین اعداد ہے، کتنی سرخ، سبز اور نیلی روشنی خارج کرنی ہے، ہر ایک 0 سے 255 تک، جو ایک بائٹ ہے۔ Hex بس ان بائٹوں کو سولہ کی بنیاد پر لکھتا ہے، اس لیے #FF8800 اور rgb(255, 136, 0) اسی پکسل کو وہی ہدایت ہیں۔
HSL اور CMYK
HSL اس لیے ایجاد ہوا کہ دونوں انسان کے لیے پڑھنے لائق نہیں: یہ رنگ کو رنگ کے پہیے کے گرد زاویے کے طور پر دیتا ہے، سیرابی اور روشنی فیصد کی صورت میں، تاکہ ڈیزائنر تین اعداد دوبارہ حساب کیے بغیر کچھ ہلکا بنا سکے۔ CMYK بالکل مختلف دنیا سے تعلق رکھتا ہے، روشنی کے بجائے سیاہی۔ یہ تفریقی ہے، چار پرنٹنگ پلیٹوں سے بنا، اور وہ ہر رنگ تک نہیں پہنچ سکتا جو اسکرین پہنچ سکتی ہے، کیونکہ اسکرین روشنی خارج کرتی ہے جبکہ کاغذ صرف لوٹاتا ہے۔ دیکھیے HEX سے HSL اور RGB سے CMYK۔
آپ ان سے کہاں ملتے ہیں
ڈیزائن کی حوالگی میں
ڈیزائنر ایسے ایڈیٹر میں کام کرتا ہے جو rgb قدریں یا پکر دکھاتا ہے؛ ڈویلپر کو اسٹائل شیٹ کے لیے hex چاہیے۔ RGB کو HEX میں تبدیل کرنا درمیان کا قدم ہے، اور یہ پیلیٹ کے ہر رنگ کے لیے ہوتا ہے۔
رنگ حساب کرنے والی اسکرپٹس میں
جو اسکرپٹ دو رنگ ملاتی ہے یا ایک کو گہرا کرتی ہے وہ اعداد کے ساتھ کام کرتی ہے اور تین پر ختم کرتی ہے۔ نتیجے کو اسٹائل شیٹ میں استعمال کرنے، یا دکھانے کے لیے، اسے hex کوڈ کے طور پر لکھنا ہوتا ہے۔ کوڈ میں ہاتھ سے کرنا چند سطریں ہے؛ کنورٹر سے نتیجہ جانچنا تیز ہے۔
ڈیٹا کی بصری پیشکش میں
چارٹ لائبریریاں رنگ hex اسٹرنگ کے طور پر قبول کرتی ہیں۔ عددی طریقوں سے بنے پیلیٹ rgb تین کے طور پر نکلتے ہیں۔ تبدیلی کا قدم ایک کو دوسرے میں بدلتا ہے۔
دستاویزات اور پریزنٹیشنز میں
آفس پروگرام رنگ RGB اعداد کے طور پر دکھاتے ہیں؛ ویب ایڈیٹر hex چاہتے ہیں۔ جب برانڈ کے رنگ کو دونوں میں ظاہر ہونا ہو تو تبدیلی انہیں ایک جیسا رکھتی ہے۔
RGB کو HEX میں تبدیل کرتے وقت پھندے
آگے کا صفر بھول جانا
7 کو 07 کے بجائے 7 لکھنا ہر بعد کے ہندسے کو کھسکا دیتا ہے۔ ہمیشہ ہر جوڑی میں دو ہندسے استعمال کیجیے۔
فیصد کو 0 سے 255 سے الجھانا
rgb(35%, 27%, 20%) اعداد کی مختلف ہجے ہے، جس میں 100 فیصد کا مطلب 255 ہے۔ اگر آپ کا ماخذ فیصد استعمال کرتا ہے تو انہیں پہلے 0 سے 255 میں تبدیل کیجیے: 2.55 سے ضرب دیجیے۔
حساب شدہ رنگوں میں گولائی کی غلطیاں
جو اسکرپٹ 127.5 پیدا کرتی ہے اسے طے کرنا پڑتا ہے کہ یہ 127 ہے یا 128۔ فرق نظر نہیں آتا، لیکن یہ اس کے لیے دو کوڈ بناتا ہے جسے آپ نے ایک رنگ سمجھا۔ ہر جگہ ایک ہی طرح گول کیجیے۔
اسکرین شاٹ سے رنگ لینا
اسکرین شاٹ سے پڑھا گیا رنگ اسکرین کے رنگ کے انتظام سے اور شاید کمپریشن سے گزرا ہوتا ہے۔ یہ ماخذ سے ایک دو قدم مختلف ہو سکتا ہے۔ جب ہو سکے ڈیزائن فائل استعمال کیجیے۔
تبدیل کرنے سے پہلے لوگ کیا پوچھتے ہیں
rgb(255, 0, 0) hex میں کیا ہے؟
#FF0000، خالص سرخ۔
rgb(0, 0, 0) hex میں کیا ہے؟
#000000، سیاہ۔
کیا میں hex کوڈ میں چھوٹے حروف استعمال کر سکتا ہوں؟
جی ہاں۔ #5a4632 اور #5A4632 ایک ہی رنگ ہیں۔ صفحہ بڑے حروف لکھتا ہے۔
کیا تبدیلی قطعی ہے؟
جی ہاں۔ یہ ایک ہی تین اعداد کی دو ہجے ہیں۔
کیا میرا رنگ اپ لوڈ ہوتا ہے؟
نہیں۔ حساب آپ کے براؤزر میں چلتا ہے اور کچھ کہیں نہیں بھیجا جاتا۔
میں واپس کیسے جاؤں؟
HEX سے RGB کے ذریعے، جو تینوں جوڑیوں کو اعداد کے طور پر پڑھتا ہے۔
وہ عادتیں جو منصوبے میں رنگوں کو یکساں رکھتی ہیں
ہر رنگ ایک بار متعین کیجیے
اپنا پیلیٹ --brand: #5A4632 جیسی کسٹم خصوصیات میں رکھیے، اور رنگوں کا نام سے حوالہ دیجیے۔ جب آپ نئے رنگ کے لیے RGB کو HEX میں تبدیل کرتے ہیں تو ایک سطر جوڑتے ہیں، اور ہر استعمال پیروی کرتا ہے۔
ایک قسم کے حروف چنیے
hex کوڈ کے لیے بڑے یا چھوٹے حروف چنیے اور ان پر قائم رہیے۔ پھر کوڈ میں رنگ کی تلاش قابلِ بھروسا ہوتی ہے۔
ماخذ ریکارڈ کیجیے
ہر رنگ کے ساتھ نوٹ کیجیے کہ وہ کہاں سے آیا: برانڈ گائیڈ، لوگو، نمونہ لی گئی تصویر۔ جب سوال اٹھے کہ رنگ درست ہے یا نہیں، آپ کو معلوم ہوتا ہے کہ کہاں جانچنا ہے۔
تضاد آزمائیے
رنگین پس منظر پر متن کے لیے، اوزار سے تضاد کا تناسب جانچیے۔ rgb شکل کے اعداد سیدھے فارمولے میں جاتے ہیں، اور hex شکل وہ ہے جو آپ زیادہ تر جانچنے والوں میں ٹائپ کرتے ہیں۔
256 قدم کیوں، اور اعداد کے پیچھے کیا ہے
ہر روشنی کے لیے آٹھ بٹ
تینوں اعداد میں سے ہر ایک آٹھ بٹ میں محفوظ ہوتا ہے، جو 0 سے 255 تک 256 قدریں اجازت دیتا ہے۔ تینوں مل کر 256 × 256 × 256 دیتے ہیں، تقریباً 16.7 ملین امتزاج، جو آنکھ زیادہ تر حالات میں جتنا الگ پہچان سکتی ہے اس سے زیادہ ہے۔ اسی وجہ سے hex کوڈ ٹھیک چھ ہندسوں کے ہوتے ہیں: ہر روشنی کے لیے دو، نہ زیادہ نہ کم۔ جب آپ RGB کو HEX میں تبدیل کرتے ہیں تو آپ تین بائٹ اس مختصر ترین شکل میں لکھ رہے ہوتے ہیں جس پر لوگ متفق ہو سکے۔
برابر قدم برابر کیوں نہیں لگتے
اعداد اس روشنی کے متناسب نہیں جو آپ کی آنکھ تک پہنچتی ہے۔ اسکرینیں ایک منحنی لگاتی ہیں، 2.2 کی طاقت کے قریب، تاکہ تاریک ٹونوں کو 256 قدموں میں سے روشن ٹونوں سے زیادہ ملیں، جو آنکھ کو موزوں ہے۔ 10 سے 20 کا قدم 240 سے 250 کے قدم سے بڑی تبدیلی لگتا ہے۔ آپ کے لیے اس کا مطلب ہے کہ دو رنگوں کے اعداد کا اوسط لے کر انہیں ملانا وہ رنگ نہیں دیتا جو آپ روشنیاں ملا کر دیکھتے، ایسی حقیقت جو کوڈ میں گریڈیئنٹ اور امتزاج کا حساب کرتے وقت اہم ہے۔
سرمئی اور وتر
تمام سرمئی اس لکیر پر پڑتے ہیں جہاں تینوں اعداد برابر ہیں۔ ان میں سے 256 ہیں، 0 پر سیاہ سے 255 پر سفید تک۔ اگر آپ RGB کو HEX میں تبدیل کریں اور تینوں جوڑیاں ملیں تو آپ فوراً جان لیتے ہیں کہ رنگ میں کوئی رنگت نہیں۔ ایک یا دو قدم مختلف جوڑیوں والا قریب سرمئی ہلکی سی چھایا رکھتا ہے، جسے ڈیزائنر اکثر غیر جانبدار رنگ کو گرمی یا ٹھنڈک کا اشارہ دینے کے لیے استعمال کرتے ہیں۔
پیلیٹ بنانا اور جانچنا
چنے ہوئے مٹھی بھر رنگوں سے پیلیٹ تک
عام پیلیٹ میں بنیادی رنگ، ایک زور، متن کے لیے ایک غیر جانبدار، سطحوں کے لیے ہلکا غیر جانبدار اور کامیابی اور غلطی کے لیے ایک یا دو اشاراتی رنگ ہوتے ہیں۔ ہر ایک کو اپنے ڈیزائن کے اوزار میں چنیے، اس کے rgb اعداد پڑھیے، اور اسٹائل شیٹ کے لیے RGB کو HEX میں تبدیل کیجیے۔ انہیں کردار بیان کرنے والے ناموں کے ساتھ کسٹم خصوصیات کے طور پر لکھیے، اور پیلیٹ ہر جزو میں استعمال کے لیے تیار ہے۔
متن اور پس منظر کے درمیان تضاد
پڑھنے لائق متن کو حروف اور ان کے پس منظر کے درمیان روشنی میں کافی فرق چاہیے۔ رسائی کی ہدایات دو رنگوں کی سرخ، سبز اور نیلی قدروں سے حساب کیا گیا تضاد کا تناسب متعین کرتی ہیں، اور عام متن کے لیے کم از کم 4.5 سے 1 مانگتی ہیں۔ جانچنے والے hex کوڈ قبول کرتے ہیں، اس لیے جو کوڈ آپ یہاں بناتے ہیں وہ سیدھے ان میں جا سکتے ہیں۔ ہر اس جوڑی کو جانچیے جسے آپ استعمال کرنے کا منصوبہ رکھتے ہیں، صرف سفید پر بنیادی رنگ نہیں۔
فہرست کو تبدیل کرنا
جب آپ کے پاس بہت سے رنگ تبدیل کرنے ہوں تو انہیں ایک ایک کر کے کریں اور ہر نتیجہ اس کے نام اور استعمال کے ساتھ جدول میں چپکائیں۔ ہر رنگ میں ایک منٹ لگتا ہے، اور جدول پورے منصوبے کا حوالہ بن جاتا ہے۔ اگر کوئی رنگ بعد میں ایڈجسٹ ہو تو صرف اس کی قطار بدلنی پڑتی ہے۔
hex اور rgb کو ہم قدم رکھنا
اگر آپ کا منصوبہ کچھ رنگ hex اور دوسرے rgb کے طور پر رکھتا ہے تو ان کا ایک دوسرے سے الگ ہو جانا آسان ہے جب کوئی ایک میں ترمیم کرے اور دوسرا بھول جائے۔ ایک کو ماسٹر چنیے، عموماً hex، اور دوسرا جب بھی چاہیے کنورٹر سے نکال لیجیے۔
متعلقہ کنورٹر
اوزاروں کا یہی خاندان ملتی جلتی تبدیلیوں کا احاطہ کرتا ہے۔ واپس جانے کے لیے HEX سے RGB استعمال کیجیے۔ رنگت سے بیان کیے گئے رنگوں کے لیے HEX سے HSL اور HSL سے HEX ہاتھ میں ہیں، اور پرنٹ کے لیے RGB سے CMYK، CMYK سے RGB اور CMYK سے HEX۔ اسی اسٹائل شیٹ کے سائزوں کے لیے px سے rem لمبائیوں کے لیے وہ کرتا ہے جو یہ صفحہ رنگوں کے لیے کرتا ہے۔
ایک حل شدہ مثال
فرض کیجیے تصویر کے ایڈیٹر میں کلر پکر آپ کو بتاتا ہے کہ فوٹوگراف کا زور rgb(214, 98, 56) ہے۔ آپ تین اعداد ٹائپ کر کے #D66238 پڑھتے ہیں۔ اسٹائل شیٹ میں آپ --accent: #D66238 لکھتے ہیں اور بٹنوں اور لنکوں کے لیے استعمال کرتے ہیں۔ ساتھی پوچھتا ہے کہ برانڈ گائیڈ میں رنگ کیا ہے، اور آپ کوڈ بھیج دیتے ہیں۔ بعد میں آپ کو بینر کے لیے شفاف ورژن چاہیے، اور آپ اسے HEX سے RGB کے ذریعے واپس تبدیل کر کے rgba(214, 98, 56, 0.15) بناتے ہیں۔ دونوں تبدیلیاں قطعی ہیں، اس لیے بینر اسی رنگت کا ہے جو بٹن کا۔
ایک مختصر چیک لسٹ
تبدیل کرنے سے پہلے
جانچیے کہ ہر عدد 0 اور 255 کے درمیان ہے۔ طے کیجیے کہ آپ کو شفافیت چاہیے یا نہیں۔
تبدیل کرتے وقت
تین اعداد ٹائپ کیجیے، کوڈ پڑھیے اور اسے ہیش کے نشان کے ساتھ نقل کیجیے۔
تبدیل کرنے کے بعد
رنگ کو سیاق میں، حقیقی پس منظر پر آزمائیے، اور اس پر بیٹھے کسی بھی متن کا تضاد جانچیے۔
عام غلطیاں
آگے کا صفر چھوڑ دینا
ہر جوڑی میں دو ہندسے ہوتے ہیں۔ 7 ہے 07۔
255 سے اوپر کے اعداد لکھنا
انہیں دو ہندسوں میں نہیں لکھا جا سکتا۔ پہلے انہیں محدود کیجیے۔
اسکرین کو سچ سمجھنا
اعداد قطعی ہیں۔ ظاہری شکل ڈسپلے پر منحصر ہے۔
آپ کے رنگ آپ کے آلے پر رہتے ہیں
حساب مقامی طور پر ہوتا ہے۔ آپ کی قدریں آپ کا اپنا براؤزر استعمال کرتا ہے اور کچھ کہیں نہیں بھیجا جاتا۔ بعد میں حذف کرنے کو کچھ نہیں اور بنانے کو کوئی اکاؤنٹ نہیں۔ RGB کو HEX میں تبدیل کرنے کا یہی سادہ طریقہ ہے۔
خلاصہ
یہاں RGB کو HEX میں تبدیل کرنے کے لیے تین اعداد ٹائپ کیجیے اور فوراً hex کوڈ پڑھیے۔ تبدیلی رنگ کو بالکل رکھتی ہے: hex اور rgb() ایک ہی تین اعداد کی دو ہجے ہیں، سرخ، سبز اور نیلے کے لیے 0 سے 255، اس لیے کچھ تخمینہ نہیں ہوتا اور آنا جانا وہی لوٹاتا ہے جس سے شروع ہوا۔ شفافیت کی چوتھی قدر بھی ساتھ جاتی ہے، کیونکہ rgba() بن جاتا ہے #RRGGBBAA، اور واپس۔ دونوں ہجے sRGB کو بیان کرتے ہیں، اس لیے وہ اس سے باہر کے رنگ بیان نہیں کر سکتے۔ ہر جوڑی میں دو ہندسے ہوتے ہیں، اس لیے 16 سے کم عدد کو آگے صفر ملتا ہے۔ کچھ اپ لوڈ نہیں ہوتا۔