RGB تمہیں تین دس اعشاریہ چینلز دیتا ہے جو 0 اور 255 کے درمیان ہوتے ہیں۔ HEX میں تبدیل کرتے وقت ہر چینل کو دو ہندسوں والے ہیکساڈیسیمل نمبر میں بدلا جاتا ہے، تاکہ پورا رنگ ایک مرکب ٹوکن میں فٹ ہو جائے جو ہر براؤزر، ڈیزائن ٹول اور اسٹائل گائیڈ سمجھتا ہے۔
RGB سے HEX تبدیلی کیسے کام کرتی ہے
- سرخ چینل لیں اور اسے 16 سے تقسیم کریں: حاصلِ تقسیم پہلی ہندسہ ہے، اور باقی دوسرا ہندسہ۔
- 10 سے 15 تک کے ہندسوں کو حروف A سے F لکھیں — 255 بن جائے گا FF۔
- اسی عمل کو سبز اور نیلے کے لیے دہرائیں، واحد ہندسوں کے سامنے صفر لگا کر: 5 بنے گا 05۔
- تینوں جوڑوں کو ملا کر سامنے ایک # لگا دو۔
کام کرنے کی مثال
بالکل درست، بشرطیکہ چینلز پورے عدد 0 سے 255 کے درمیان ہوں۔ اعشاری قدریں جیسے rgb(79.5, 70, 229) پہلے قریب ترین پورے عدد پر راؤنڈ کی جاتی ہیں، کیونکہ HEX درمیان کی کوئی قیمت ذخیرہ نہیں کر سکتا۔
RGB اور HEX کی وضاحت
RGB کیا ہے؟
RGB رنگ کو تین لائٹ چینلز میں بتاتا ہے — red، green اور blue — ہر ایک 0 سے 255 تک۔ یہ اس طریقے کی عکاسی کرتا ہے جس طرح سکرینز حقیقت میں کام کرتی ہیں: تینوں 255 پر سفید بنتے ہیں، تینوں 0 پر کالا بنتا ہے۔ جب تمہیں رنگ کے ساتھ کیلکولیشن کرنی ہو تو RGB صحیح انتخاب ہے، اور rgba() شفافیت شامل کرتا ہے۔
- سینٹیکس:
- rgb(R, G, B)
- حد:
- ہر چینل کے لیے 0–255
- بہترین برای:
- کوڈ، کینوس، rgba() کے ساتھ شفافیت
HEX کیا ہے؟
HEX کوڈ ایک چھ ہندسوں والا ہیکساڈیسیمل نمبر ہوتا ہے جو # کے بعد رنگ کے ریڈ، گرین اور بلیو چینلز کو محفوظ کرتا ہے۔ ہر جوڑا ایک چینل کو کور کرتا ہے، 00 (کوئی نہیں) سے FF (مکمل) تک، جو RGB کے وہی 16.7 ملین رنگوں کو کم جگہ میں ظاہر کرتا ہے۔ HEX CSS، ڈیزائن ٹولز اور برانڈ گائیڈ لائنز میں ڈیفالٹ ہے.
- سینٹیکس:
- #RRGGBB
- حد:
- ہر چینل کے لیے 00–FF
- بہترین برای:
- CSS، ڈیزائن ہینڈآف، برانڈ گائیڈ لائنز
RGB سے HEX حوالہ جدول
سب سے عام CSS رنگ، RGB سے HEX میں تبدیل کیے گئے۔
| رنگ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |