RGB سے HEX کنورٹر

اس صفحے کا بنیادی کام اور کیا چیز اسے منفرد بناتی ہے

یہ صفحہ آپ سے ریڈ، گرین اور بلیو کی تین عددی قدریں لیتا ہے — ہر ایک 0 سے 255 کے درمیان — اور فوراً ان کا ہیکسا ڈیسیمل مساوی کوڈ دکھاتا ہے، مثلاً #1E90FF۔ اس کے ساتھ ساتھ یہ رنگ کو بصری طور پر بھی دکھاتا ہے اور دوسرے تمام معاون رنگ فارمیٹس (HSL، HSV، CMYK، LAB اور رنگ چنندہ) کو بھی خودکار طور پر اپ ڈیٹ کرتا ہے۔ آپ ہیکس ویلیو کو براہ راست CSS، ڈیزائن سوفٹ ویئر یا کسی بھی دوسرے کام میں استعمال کر سکتے ہیں جسے ہیکس رنگ کی ضرورت ہو۔

اس صفحے کی سب سے اہم خصوصیت یہ ہے کہ یہ آر جی بی (اعشاری، تین چینلز 0–255) سے ہیکسا ڈیسیمل (چھ عددی یا تین عددی مختصر شکل) میں تبدیل کرتا ہے۔ دونوں فارمیٹ بالکل ایک ہی رنگ گامٹ کی نمائندگی کرتے ہیں — وہی sRGB ورکنگ اسپیس جو زیادہ تر ڈسپلے استعمال کرتے ہیں — اس لیے کوئی گامٹ کلپنگ یا تخمینہ نہیں ہوتا۔ ہیکس آؤٹ پٹ ہمیشہ # سے شروع ہوتا ہے اور، جب تک آپ آٹھ عددی شکل استعمال نہ کریں، اس میں کوئی الفا چینل شامل نہیں ہوتا۔ یہ ٹول آر جی بی ان پٹ کو تین نمبروں کے طور پر لیتا ہے جو کوما یا خالی جگہ سے الگ ہوں، مثلاً 79, 70, 229، اور نتیجے میں ملنے والا ہیکس کوڈ ہمیشہ چھ عددی ہوتا ہے (مثلاً #4F46E5) کیونکہ ہر 0–255 کی قدر دو ہیکس عددوں کے جوڑے میں بدل جاتی ہے۔

جب بھی آپ کسی بھی فارمیٹ کے فیلڈ میں ترمیم کریں گے، تمام دیگر فیلڈز فوراً اپ ڈیٹ ہو جائیں گے — اس صفحے پر کوئی “تبدیل کریں” کا بٹن نہیں ہے۔ یہ تمام کارروائی آپ کے براؤزر میں ہوتی ہے، کوئی بھی ڈیٹا سرور پر نہیں بھیجا جاتا۔

آر جی بی رنگ ماڈل اور ہیکسا ڈیسیمل کوڈ

آر جی بی ایک اضافی رنگ ماڈل ہے۔ اس میں روشنی کے تین بنیادی اجزاء — سرخ، سبز اور نیلا — مختلف شدتوں میں مل کر اربوں رنگ پیدا کرتے ہیں۔ ہر جزو کی شدت 0 (بالکل بند) سے 255 (مکمل روشن) تک ہوتی ہے۔ یہ 256 سطحیں 8 بٹس فی چینل کے برابر ہیں، اور اس طرح کل 256×256×256 = 16.7 ملین ممکنہ رنگ بنتے ہیں۔

ہیکسا ڈیسیمل رنگ کوڈ اس شدت کو 16 کی بنیاد پر ظاہر کرتا ہے۔ ہر 0–255 قدر دو ہیکس عددوں میں بدلتی ہے: پہلا عدد 16 سے تقسیم کرنے پر حاصل ہونے والا بھاگ (0 سے 15)، اور دوسرا عدد باقی (0 سے 15)۔ مثال کے طور پر 255 کو 16 سے تقسیم کریں تو بھاگ = 15 (جو F ہے) اور باقی = 15 (F)، یعنی FF۔ اسی طرح 0 → 00، 128 → 80، 79 → 4F۔

ہیکس کوڈ کی عام شکل #RRGGBB ہے، جہاں RR، GG اور BB بالترتیب ریڈ، گرین اور بلیو کے دو دو ہیکس عدد ہیں۔ اسے چھوٹی شکل میں #RGB بھی لکھا جا سکتا ہے جب ہر جوڑے کے دونوں عدد برابر ہوں، مثلاً #AABBCC کو #ABC لکھ سکتے ہیں۔ تاہم اس ٹول کا ہیکس آؤٹ پٹ ہمیشہ چھ عددی رہتا ہے، یعنی #AABBCC کی صورت میں — #ABC خود بخود نہیں بنتا۔ البتہ ان پٹ فیلڈ تین عددی مختصر شکل کو قبول کرتا ہے اور اسے اندرونی طور پر چھ عددی میں پھیلا دیتا ہے۔

تبدیلی کا ریاضی

تبدیلی کا طریقہ بہت سیدھا ہے اور یہ sRGB کلر اسپیس کی وجہ سے بالکل درست اور الٹ جانے والا ہے۔ ہر اعشاری قدر (0–255) کو درج ذیل مراحل سے گزارا جاتا ہے:

1. اعشاری عدد کو 16 سے تقسیم کریں۔
2. بھاگ (quotient) کو ہیکس عدد میں بدلیں: 0–9 اپنی عددی شکل میں، 10 = A، 11 = B، 12 = C، 13 = D، 14 = E، 15 = F۔
3. باقی (remainder) کو بھی اسی طرح ہیکس عدد میں بدلیں۔
4. دونوں ہیکس عددوں کو اکٹھا کر کے # کے بعد لکھیں۔

مثال: آر جی بی (79, 70, 229) کو لیں۔

• سرخ (79): 79 ÷ 16 = 4 (بھاگ)، باقی = 15 (F) ⇒ 4F
• سبز (70): 70 ÷ 16 = 4 (بھاگ)، باقی = 6 ⇒ 46
• نیلا (229): 229 ÷ 16 = 14 (E)، باقی = 5 ⇒ E5

نتیجہ: #4F46E5

یہ تبدیلی یک طرفہ نہیں؛ آپ ہیکس کوڈ کو واپس اعشاری آر جی بی میں بھی بدل سکتے ہیں۔ پہلے ہیکس جوڑے کو اعشاری میں بدلیں (مثلاً 4F = 4×16 + 15 = 79)، پھر دوسرے اور تیسرے جوڑے کے ساتھ بھی یہی کریں۔ اس طرح دونوں فارمیٹ ایک دوسرے کے آئینہ دار ہیں۔

ذیل میں کچھ عام آر جی بی اقدار اور ان کے ہیکس مساوی دکھائے گئے ہیں:

ان پٹ فارمیٹ اور حدود

اس ٹول میں آر جی بی ان پٹ درج کرنے کے لیے تین عدد ہونے چاہئیں، ہر ایک 0 سے 255 کے درمیان۔ انہیں کوما یا خالی جگہ سے الگ کیا جا سکتا ہے، مثلاً 79, 70, 229 یا 79 70 229۔ اضافی صفر سے پہلے رکھنے کی اجازت ہے، مثلاً 079, 070, 229 بھی کام کرے گا۔

اگر آپ غلطی سے حد سے باہر کی قدر داخل کرتے ہیں (جیسے 300 یا -5) یا فارمیٹ غلط ہے، تو ٹول درج ذیل خرابی کا پیغام دکھائے گا:

“براہ کرم آر جی بی کو تین نمبروں 0-255 کی حد میں درج کریں، جیسے 79, 70, 229۔”

ہیکس ان پٹ فیلڈ میں آپ # کے ساتھ چھ عددی (مثلاً #4F46E5) یا تین عددی مختصر شکل (مثلاً #ABC) درج کر سکتے ہیں۔ مختصر شکل خود بخود چھ عددی میں پھیل جائے گی۔ آٹھ عددی ہیکس (جیسے #FF000080) کو بھی قبول کیا جا سکتا ہے، لیکن یاد رکھیں کہ اس صفحے کا آر جی بی سے ہیکس کنورژن الفا چینل نہیں نکالتا — آؤٹ پٹ ہمیشہ چھ عددی ہوتا ہے۔

چونکہ آر جی بی اور ہیکس ایک ہی sRGB کلر اسپیس میں کام کرتے ہیں، اس لیے کبھی بھی رنگ گامٹ سے باہر جانے کی صورت نہیں بنتی۔ تبدیلی عین مطابق ہے اور الٹنے پر کوئی معلومات ضائع نہیں ہوتیں۔

ہیکس کوڈ کا استعمال سی ایس ایس میں

ویب ڈویلپمنٹ میں ہیکس رنگ کوڈ سب سے عام طریقوں میں سے ایک ہے۔ آپ اسے CSS میں color، background-color، border-color، box-shadow اور تقریباً کسی بھی جگہ استعمال کر سکتے ہیں جہاں رنگ کی ضرورت ہو:

.some-element {
  color: #4F46E5;
  background-color: #F0F0F0;
  border: 2px solid #000000;
}

ہیکس کوڈ کی چھ عددی شکل (جیسے #RRGGBB) سب سے زیادہ استعمال ہوتی ہے، لیکن جب ہر جوڑے کے دونوں عدد برابر ہوں تو تین عددی مختصر شکل بھی استعمال کی جا سکتی ہے۔ دونوں صورتوں میں براؤزر ایک ہی رنگ دکھاتا ہے۔

اگر آٹھ عددی ہیکس استعمال کیا جائے (مثلاً #RRGGBBAA، جہاں AA الفا ویلیو ہے)، تو شفافیت بھی شامل کی جا سکتی ہے۔ تاہم اس صفحے کے ذریعے آپ صرف چھ عددی ہیکس حاصل کریں گے، کیونکہ آر جی بی ان پٹ میں الفا کا تصور نہیں ہے۔

عام غلطیاں اور ان سے بچنے کے طریقے

غلطی 1: آر جی بی ویلیو کو 0-255 کی حد سے باہر رکھنا
یہ سب سے عام غلطی ہے، خاص طور پر جب لوگ فیصد والی ویلیوز (جیسے 255*0.5 = 127.5) استعمال کرتے ہیں۔ یاد رکھیں کہ صرف عددی اقدار 0 سے 255 تک قبول ہیں۔ اگر آپ 0 سے 1 کے درمیان نارملائزڈ ویلیوز رکھتے ہیں تو انہیں پہلے 255 سے ضرب دیں۔

غلطی 2: تین کی بجائے دو یا چار ویلیوز داخل کرنا
ٹول صرف تین نمبروں کو قبول کرتا ہے۔ اگر آپ چار نمبر (مثلاً RGBA) داخل کریں گے تو غلطی کا پیغام آئے گا۔ الفا کے لیے آٹھ عددی ہیکس استعمال کریں، لیکن براہِ راست آر جی بی سے ہیکس میں الفا کی منتقلی ممکن نہیں۔

غلطی 3: ہیکس ان پٹ میں # بھول جانا
ہیکس فیلڈ میں # کے بغیر کوڈ درج کرنے سے بھی غلطی ہو سکتی ہے۔ ٹول ممکنہ طور پر اسے نمبر سمجھے گا اور غلط تشریح کرے گا۔ ہمیشہ # لگائیں۔

غلطی 4: تین عددی مختصر شکل کو بغیر توسیع کے استعمال کرنا
اگر آپ کوڈ #ABC لکھتے ہیں تو یہ #AABBCC کے برابر ہے۔ تاہم اگر رنگ کے اجزاء برابر نہ ہوں (جیسے #A1B2C3) تو مختصر شکل ممکن نہیں۔ اس ٹول کا آؤٹ پٹ ہمیشہ چھ عددی ہوتا ہے، اس لیے الجھن نہ ہو۔

غلطی 5: مختلف رنگوں کے درمیان فرق نہ سمجھنا
آر جی بی اور ہیکس sRGB اسپیس میں ایک ہی چیز ہیں، لیکن CMYK یا LAB سے فرق ہے۔ یہ ٹول صرف sRGB کے اندر کام کرتا ہے، اس لیے پرنٹ کے لیے CMYK ویلیوز حاصل کرنے کا یہ ذریعہ نہیں۔

سوال و جواب

سوال 1: کیا میں تین عددی ہیکس کوڈ (جیسے #F0F) کو ان پٹ کے طور پر استعمال کر سکتا ہوں؟ جواب: جی ہاں، ٹول کا ہیکس ان پٹ فیلڈ تین عددی مختصر شکل قبول کرتا ہے اور اسے خود بخود چھ عددی میں پھیلا دیتا ہے (مثلاً #F0F → #FF00FF البتہ #F0F دراصل #FF00FF ہے، کیونکہ پہلا F=FF، دوسرا 0=00، تیسرا F=FF۔ درست مثال #ABC → #AABBCC ہے۔)

سوال 2: کیا آر جی بی اور ہیکس کے درمیان تبادلہ کرنے سے کوئی معلومات ضائع ہوتی ہیں؟ جواب: نہیں، کیونکہ دونوں ایک ہی sRGB کلر اسپیس کا حصہ ہیں اور تبدیلی بالکل الٹنے کے قابل ہے۔ آپ کسی بھی ہیکس کوڈ کو دوبارہ اعشاری آر جی بی میں بدل سکتے ہیں اور وہی قدریں حاصل کر سکتے ہیں۔

سوال 3: کیا اس ٹول میں آٹھ عددی ہیکس کوڈ (الغا کے ساتھ) کا استعمال ممکن ہے؟ جواب: آر جی بی ان پٹ میں الفا چینل نہیں ہے، اس لیے آؤٹ پٹ ہمیشہ چھ عددی ہوتا ہے۔ لیکن ہیکس ان پٹ فیلڈ میں آٹھ عددی کوڈ درج کرنے کی صورت میں یہ قبول ہو سکتا ہے، تاہم اسے چھ عددی میں کیسے تبدیل کیا جائے گا یہ واضح نہیں۔ بہتر ہے کہ آر جی بی سے ہیکس کنورژن کے لیے صرف تین عددی آر جی بی ویلیوز استعمال کریں۔

سوال 4: اگر میں غلطی سے 256 یا -1 جیسی ویلیو داخل کر دوں تو کیا ہوگا؟ جواب: ٹول فوراً غلطی کا پیغام دکھائے گا: “براہ کرم آر جی بی کو تین نمبروں 0-255 کی حد میں درج کریں، جیسے 79, 70, 229۔” اس کے بعد آپ کو درست ویلیوز درج کرنی ہوں گی۔

سوال 5: کیا یہ ٹول انٹرنیٹ کنیکشن کے بغیر بھی کام کرتا ہے؟ جواب: جی ہاں، تمام پروسیسنگ آپ کے براؤزر میں ہوتی ہے، سرور پر کچھ اپ لوڈ نہیں ہوتا۔ صفحہ لوڈ ہونے کے بعد آف لائن بھی استعمال کیا جا سکتا ہے۔

سوال 6: کیا میں اس ٹول سے حاصل کردہ ہیکس کوڈ کو CSS کے علاوہ دوسری جگہوں پر استعمال کر سکتا ہوں؟ جواب: بلکل۔ ہیکس رنگ کوڈ تقریباً ہر ڈیزائن سوفٹ ویئر (فوٹوشاپ، فگما، اسکیچ)، گرافکس لائبریریوں اور ڈیجیٹل آرٹ میں استعمال ہوتا ہے۔ بس اسے # کے ساتھ کاپی کریں۔