HEX коду үч 8-биттик сандан алты он алтылык цифрага толтурат. HEXти RGBга которуу ошол цифраларды жуптарга бөлүү жана ар бир жупту 0 ден 255 ге чейинки ондондук сан катары окууну билдирет — ягни CSS, Figma жана сүрөт редакторлор күтүп жаткан так маанилер.
HEX дан RGB га кантип айландыруу иштейт
- Алдыңкы # белгисин алып салыңыз жана код үч гана цифрадан турган болсо, ар бирин эки эсе кылыңыз: #f53 → #ff5533.
- Алты цифраны үч жупка бөл: RR, GG жана BB.
- Ар жупту он алтуу системасынан (base-16) ондукка өткөрүп оку: FF → 255, 57 → 87, 33 → 51.
- Үч натыйжаны rgb(R, G, B) түрүндө жаз.
Иштеген мисал
Бул которуу так. HEX жана RGB бирдей sRGB маанилерин ар башка жазуу менен сүрөттөйт, ошондуктан эч нерсе тегеретилип же жоголуп кетпейт.
HEX жана RGB түшүндүрмөсү
HEX деген эмне?
HEX коду — алдыңкы # менен башталган кызыл, жашыл жана көк каналдарын сактаган алты орундуу он алтылык сан. Ар бир экилик цифра бир каналды билдирет, 00 (жоопкер эмес) ден FF (толук) чейин, бул RGB менен бирдей 16.7 миллион түстү кыскарган жазууда билдирет. HEX CSS, дизайн куралдар жана бренд жетекчиликтери үчүн демейки формат.
- Синтаксиси:
- #RRGGBB
- Аралыгы:
- Ар бир канал үчүн 00–FF
- Үчүн мыкты:
- CSS, дизайн тапшырмалары, бренд жетекчиликтери
RGB деген эмне?
RGB түсүн үч жарык каналы — кызыл, жашыл жана көк — түрүндө сүрөттөйт, ар биринин мааниси 0 ден 255 ке чейин. Бул экрандар кандай иштээрин так чагылдырат: баары 255 болсо ак түскө, баары 0 болсо кара түскө туура келет. RGB — түстөр менен эсептөөлөрдү жүргүзүү үчүн туура тандоо, ал эми rgba() функциясы үстүнө өтмөчөлүк (transparency) кошот.
- Синтаксиси:
- 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) |