Kei te paku kotahi te waehere HEX i ngā nama 8-bit e toru ki roto i ngā hēksadesimera e ono-matua. Ko te whakawhiti i te HEX ki RGB he wehenga i aua momotuhi kia mātua tokorua, ka pānuiia ia tokorua hei tau tauwhāiti i waenga i te 0 me te 255 — koia tonu ngā uara e tumanakohia ana e CSS, Figma me ngā kaiwhakatika whakaahua.
Me pēhea te hurihanga HEX ki RGB
- Tangohia te # i te timatanga, ā, mēnā kotahi e toru anake ngā momotuhi te waehere, tukua ia kotahi kia rua: #f53 ka riro hei #ff5533.
- Wehea te ono-matua kia toru ngā tokorua — RR, GG me BB.
- Pānuitia ia tokorua hei tau pūmata-16 ka whakawhitia ki te pūmata-10: ko FF ka riro ko 255, 57 ka riro ko 87, 33 ka riro ko 51.
- Tuhia ngā toru o ngā hua hei rgb(R, G, B).
Tauira mahi
He tika tēnei whakawhitinga. E kōrero ana a HEX me RGB i ngā uara sRGB kotahi i roto i ngā tuhi rerekē, nō reira kāore he mea e porohekehia, e ngaro rānei i ngā taha e rua.
Ngā whakamārama mō HEX me RGB
He aha te HEX?
He waehere HEX he nama heksadesimera e ono-matua e rokiroki ana i ngā rereketanga whero, karaka me kikorangi o tētahi tae i muri i te tohu #. Ia mātua tokorua e hipoki ana i tētahi hongere, mai i 00 (kahore) ki FF (katoa), nā reira ka whiwhi i ngā tae e 16.7 miriona rite tonu ki RGB engari he poto ake te tuhi. Ko HEX te taunoa i roto i CSS, taputapu hoahoa me ngā aratohu waitohu.
- Hōtaka:
- #RRGGBB
- Awhe:
- 00–FF mō ia hongere
- Pai mō:
- CSS, tuku hoahoa, aratohu waitohu
He aha te RGB?
Kei te whakamārama a RGB i tētahi tae hei toru ngā hongere o te rama — whero, karaka me kikorangi — ia kotahi mai i 0 ki 255. Ka whakaata i te mahi o ngā mata: ka riro ko te ma mēnā e toru katoa kei te 255, ko te pango mēnā e toru kei te 0. He pai te RGB mēnā me tatau koe ki tētahi tae, ā, ka tāpirihia e rgba() te marama ārai.
- Hōtaka:
- rgb(R, G, B)
- Awhe:
- 0–255 mō ia hongere
- Pai mō:
- waehere, canvas, marama ārai mā rgba()
Ripanga tohutoro HEX ki RGB
Ngā tae CSS tino noa, kua tahuri mai i HEX ki RGB.
| Tae | 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) |