Ikhodi ye-HEX ifaka izinombolo ezi-8-bit ezintathu kumadijithi ayisithupha we-hexadecimal. Ukuguqula i-HEX iye ku-RGB kusho ukuhlukanisa lawo madijithi abe ngamaphara nokufunda ipara ngalinye njengonombolo wedesimali phakathi kuka-0 no-255 — ngqo lezo zibalwa i-CSS, i-Figma kanye nabahleli bezithombe abalindele.
Indlela okuhunyushwa ngayo HEX kuya ku-RGB
- Susa i-# yokuqala futhi, uma ikhodi inamadijithi amathathu kuphela, phinda ngayinye: #f53 iba #ff5533.
- Hlukanisa amadijithi ayisithupha abe ngamaphara amathathu — RR, GG no BB.
- Funda ipara ngalinye njengonombolo yesisekelo-16 bese uyiguqula iye esisekelweni-10: FF iba 255, 57 iba 87, 33 iba 51.
- Bhala imiphumela emithathu njenge rgb(R, G, B).
Isibonelo esisebenzayo
Lena ukuguqulwa okuyiqiniso. I-HEX ne-RGB zichaza amanani e-sRGB afanayo ngenkulumo ehlukile, ngakho akukho okujikelezwayo noma okulahlwayo kuzo zombili iziqondiso.
HEX no-RGB kuchazwe
Iyini HEX?
Ikhodi ye-HEX iyi-hexadecimal yezinombolo eziyisithupha egcina iziteshi ezibomvu, eziluhlaza kanye neziluhlaza okwesibhakabhaka zombala ngemuva kwe-#. Iphara ngalinye lamadijithi limela isiteshi esisodwa, kusuka ku-00 (akukho) kuya ku-FF (kugcwele), okunikeza imibala eyizigidi ezingama-16.7 njengase-RGB ngokufaka okubhaliwe okufushane. I-HEX iyinketho ezicini ze-CSS, amathuluzi okwakha nomhlahlandlela webhrendi.
- Isakhiwo:
- #RRGGBB
- Ibanga:
- 00–FF per channel
- Ilungele:
- CSS, ukudluliswa kokuklama, imihlahlandlela ye-brand
Iyini RGB?
I-RGB ichaza umbala njengesiteshi sesithathu sokukhanya — red, green kanye ne-blue — ngakunye kusuka ku-0 kuya ku-255. Ikhombisa ukuthi izikrini zisebenza ngempela: zonke ezintathu ku-255 zenza umhlophe, zonke ku-0 zenza mnyama. I-RGB ifanele uma kudingeka ukubala ngombala, kanti i-rgba() yengeza ukuphelelwa ukucacisa.
- Isakhiwo:
- rgb(R, G, B)
- Ibanga:
- 0–255 per channel
- Ilungele:
- ikhodi, canvas, ukuphelelwa ukucacisa nge-rgba()
Ithebula lokubhekisela le-HEX kuya ku-RGB
Imibala ye-CSS evame ukusetshenziswa, iguqulwe 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) |