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