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 تي اڇو ڏين ٿا، سڀ صفر تي ڪارو. جڏهن به توکي رنگ سان حساب ڪرڻو هجي ته 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 |