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 یو رنګ د رڼا په درې چینلونو کې تشریح کوي — سور، شین او شیني — هر یو له 0 څخه تر 255 پورې. دا د سکرینونو د کار کولو څرګندویي کوي: ټول درې په 255 کې سپین ورکوي، ټول په 0 کې تور. کله چې تا اړتیا وي له رنګ سره محاسبه وکړې، RGB سم انتخاب دی، او rgba() شفافیت هم وړ اضافه کوي.
- نحو:
- rgb(R, G, B)
- حد:
- 0–255 per channel
- د غوره کارونې لپاره:
- کود، canvas، د rgba() سره شفافیت
HEX څه شی دی؟
یو HEX کود شپږ-عددي هیګزادیسیمل شمېره ده چې د رنګ د سور، شین او شیني چینلونه د یو مخکیني # تر شا ذخیره کوي. هر زوج ارقام یو چینل ښيي، د 00 (هیڅ) څخه تر FF (بشپړ) پورې، چې هماغه 16.7 میلیون رنګونه د RGB سره برابروي خو په لنډه نوتیشن کې. HEX په CSS، ډیزاین وسیلو او د برانډ لارښوونو کې ډیفالټ دی.
- نحو:
- #RRGGBB
- حد:
- 00–FF per channel
- د غوره کارونې لپاره:
- 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 |