RGB ба шумо се канали даҳгона байни 0 ва 255 медиҳад. Табдил ба HEX ҳар каналро ба рақами ҳексанумерии дурақам табдил медиҳад, то тамоми ранг дар як нишонгари компактике ҷой гирад, ки ҳар браузер, воситаи дизайн ва дастури услуб онро мефаҳмад.
Чӣ гуна табдили RGB ба HEX кор мекунад
- Каналҳои сурхро гирифта ба 16 тақсим кон: қисми бутун (quotient) рақами аввал ва боқимонда (remainder) рақами дувум мешавад.
- Рақамҳои 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 барои ҳар канал
- Барои беҳтарин:
- код, canvas, шаффофият бо rgba()
HEX чист?
Коди HEX рақами ҳексанумерии шашрақамест, ки канали сурх, сабз ва кабуди рангро паси аломати # нигоҳ медорад. Ҳар ҷуфт рақам як каналро аз 00 (ҳеҷ) то FF (пур) нишон медиҳад, ки ҳамон 16.7 миллион рангҳои RGB-ро дар шакли кӯтоҳтар медиҳад. 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 |