Ikhowudi ye-HEX ifaka iinombolo ezintathu ze-8-bit kwiidijithi ezimbini ze-hexadecimal eziyi-six. Ukuguqula i-HEX iye ku-RGB kuthetha ukuhlula ezi dijithi zibe ziipharesi kwaye kufundwe iphesenti nganye njenge-nombolo yedecimal phakathi kuka-0 no-255 — kanye- kanye neexabiso i-CSS, Figma kunye neefayile zomhleli womfanekiso ezilindelayo.
Indlela yokuguqula HEX uye ku-RGB
- Susa i-# ekuqaleni kwaye, ukuba ikhowudi ineedijithi ezintathu kuphela, phinda kabini nganye: #f53 iba #ff5533.
- Yahlula iidijithi ezintandathu zibe ziipharesi ezintathu — RR, GG kunye ne BB.
- Funda iphesenti nganye njenge-nombolo ye-base-16 kwaye uyiguqulele kwi-base 10: FF iba 255, 57 iba 87, 33 iba 51.
- Bhala iziphumo ezintathu njenge rgb(R, G, B).
Umzekelo osebenzayo
Lo mguquli uchane. I-HEX kunye ne-RGB zichaza amanani e-sRGB afanayo ngeendlela ezahlukeneyo, ngoko akukho nto iguqulwa okanye ilahleka kuzo zombini iindlela.
HEX kunye ne-RGB zichazwe
Yintoni i-HEX?
Ikhowudi ye-HEX yinombolo ye-hexadecimal eneenani ezintandathu egcina i-red, green kunye ne-blue channel yombala ngokuqala nge-. Yibini nganye yee-dijithi imele i-channel enye, ukusuka ku-00 (akukho) ukuya ku-FF (ugcino), nto leyo ebonelela ngemibala efanayo eyi-16.7 yezigidi njenge-RGB ngendlela emfutshane. I-HEX yeyona nto isetyenziswa ngokungagqibekanga kwi-CSS, izixhobo zokuyila kunye neenkcukacha zesimbo sebrand.
- Isyntax:
- #RRGGBB
- Ububanzi:
- 00–FF per channel
- Ilungele kakhulu:
- CSS, ukudluliselwa koyilo, izikhokelo ze-brand
Yintoni i-RGB?
I-RGB ichaza umbala njengeziteshi ezintathu zokukhanya — red, green kunye ne-blue — nganye ukusuka ku-0 ukuya ku-255. Ifana nendlela izikrini ezisebenza ngayo: zonke ezintathu kwi-255 zinika umhlophe, zonke kwi-0 zinika omnyama. I-RGB lulungelelo xa kufuneka ubale nombala, kwaye i-rgba() yongeza ukungabonakali ngaphezu kwayo.
- Isyntax:
- rgb(R, G, B)
- Ububanzi:
- 0–255 per channel
- Ilungele kakhulu:
- ikhowudi, canvas, ukungabonakali nge rgba()
HEX to RGB reference table
Eyona mibala ye-CSS eqhelekileyo, iguqulelwe ukusuka ku-HEX iye ku-RGB.
| Umbala | 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) |