Коди 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 (пур) нишон медиҳад, ки ҳамон 16.7 миллион рангҳои RGB-ро дар шакли кӯтоҳтар медиҳад. HEX дар CSS, воситаҳои дизайни ва дастурҳои бренди стандартӣ мебошад.
- Синтаксис:
- #RRGGBB
- Диапазон:
- 00–FF барои ҳар канал
- Барои беҳтарин:
- CSS, супориши дизайн, дастурҳои бренд
RGB чист?
RGB як рангро ҳамчун се канали нур — сурх, сабз ва кабуд — ҳар кадоме аз 0 то 255 тасвир мекунад. Он чӣ гуна экранахо воқеан кор мекунандро такрор мекунад: ҳама се канал 255 шуда сафед мешавад, ҳама 0 шуда сиёҳ мешавад. Ҳангоми ниёз ба ҳисобҳо бо ранг (масалан анимация) RGB интихоби дуруст аст, ва rgba() шаффофиятро илова мекунад.
- Синтаксис:
- rgb(R, G, B)
- Диапазон:
- 0–255 барои ҳар канал
- Барои беҳтарин:
- код, canvas, шаффофият бо 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) |