RGB senga 0 dan 255 gacha bo‘lgan uchta o‘nlik kanal beradi. HEX ga aylantirish har bir kanalni ikki xonali o‘n oltilik sondan iboratga aylantiradi, shunda butun rang bitta ixcham tokenga sig‘adi va har bir brauzer, dizayn vositasi hamda uslub qo‘llanmasi uni tushunadi.
RGB dan HEX ga konvertatsiya qanday ishlaydi
- Qizil kanalni olib, 16 ga bo‘l: butun qismi birinchi raqam, qoldiq ikkinchi raqam bo‘ladi.
- 10 dan 15 gacha bo‘lgan raqamlarni A dan F gacha harflar bilan yoz — 255 FF ga aylanadi.
- Xuddi shundayni yashil va ko‘k kanallar uchun ham takrorla; yagona raqamlarni oldiga nol qo‘yib yoping: 5 → 05.
- Uch juftlikni birlashtir va boshiga # qo‘y.
Amaliy misol
Agar kanallar 0 dan 255 gacha bo‘lgan butun sonlar bo‘lsa, aniq. rgb(79.5, 70, 229) kabi qisman qiymatlar avval yaxlitlanadi, chunki HEX orasidagi qiymatlarni saqlay olmaydi.
RGB va HEX tushuntirildi
RGB nima?
RGB rangni uchta yorug‘lik kanali — qizil, yashil va ko‘k — orqali tasvirlaydi, har biri 0 dan 255 gacha. Bu ekranlarning asl ishlashini aks ettiradi: hammasi 255 bo‘lsa oq, hammasi 0 bo‘lsa qora hosil bo‘ladi. Rang bilan hisob-kitob qilishing kerak bo‘lsa RGB to‘g‘ri tanlov; rgba() esa ustiga shaffoflik qo‘shadi.
- Sintaksis:
- rgb(R, G, B)
- Oraliq:
- Har kanal uchun 0–255
- Eng yaxshi uchun:
- kod, canvas, rgba() bilan shaffoflik
HEX nima?
HEX kodi — bu oldida # bilan yozilgan oltita o‘n oltilik raqam bo‘lib, rangning qizil, yashil va ko‘k kanallarini saqlaydi. Har bir juftlik bitta kanalni bildiradi, 00 (yo‘q) dan FF (to‘liq) gacha, bu RGB ning 16,7 million rangini qisqaroq notatsiyada beradi. HEX CSS, dizayn vositalari va brend ko‘rsatmalarida odatiy hisoblanadi.
- Sintaksis:
- #RRGGBB
- Oraliq:
- Har kanal uchun 00–FF
- Eng yaxshi uchun:
- CSS, dizayn topshirish, brend ko‘rsatmalari
RGB dan HEX ga referens jadvali
Eng ommabop CSS ranglari, RGB dan HEX ga konvertatsiya qilingan.
| Rang | 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 |