HEX kodi uchta 8-bitli raqamni oltita o‘n oltilik raqamga siqib joylaydi. HEX ni RGB ga aylantirish degani shu raqamlarni juftlarga bo‘lib, har bir juftlikni 0 dan 255 gacha bo‘lgan o‘nlik son sifatida o‘qishdir — xuddi CSS, Figma va rasm muharrirlari kutgan qiymatlar.
HEX dan RGB ga konvertatsiya qanday ishlaydi
- Oldidagi # ni olib tashla va agar kod faqat uchta raqamdan iborat bo‘lsa, har birini takrorla: #f53 => #ff5533.
- Oltita raqamni uchta juftlikka — RR, GG va BB — bo‘l.
- Har bir juftlikni 16-lik asosda o‘qib 10-likka aylantir: FF => 255, 57 => 87, 33 => 51.
- Uchta natijani rgb(R, G, B) ko‘rinishida yoz.
Amaliy misol
Bu konversiya aniq. HEX va RGB bir xil sRGB qiymatlarini turlicha notatsiyada tasvirlaydi, shuning uchun hech narsa zaiflashmaydi yoki yo‘qolmaydi.
HEX va RGB tushuntirildi
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 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 dan RGB ga referens jadvali
Eng ommabop CSS ranglari, HEX dan RGB ga konvertatsiya qilingan.
| Rang | 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) |