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() функциясы үстүнө өтмөчөлүк (transparency) кошот.
- Синтаксиси:
- rgb(R, G, B)
- Аралыгы:
- Ар бир канал үчүн 0–255
- Үчүн мыкты:
- код, canvas, 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 |