He toru ngā hongere tauwhāiti a RGB i waenga i te 0 me te 255. Ko te whakawhiti ki HEX ka hurihia ia hongere ki tētahi nama heksadesimera e rua-matua, kia taea ai te whakauru i te tae katoa ki tētahi tohu poto kotahi e mārama ana ki ia pūtirotiro, taputapu hoahoa me ngā aratohu kāwai.
Me pēhea te hurihanga RGB ki HEX
- Tukua te hongere whero kia wehehia mā te 16: ko te hauti te tūtohu tuatahi, ko te toenga te tūtohu tuarua.
- Tuhia ngā tūtohu 10 ki te 15 hei reta A ki te F — ka riro a 255 hei FF.
- Tukihia anō mō te kākāriki me te kahurangi, ā, whakakīhia ngā tau kotahi ki te 0 i mua: ka riro a 5 hei 05.
- Honohia ngā kōwae e toru ka tāpirihia he # ki mua.
Tauira mahi
Tika tonu, mēnā ko ngā hongere he tau totika nō 0 ki te 255. Ka poroia ngā uara wāwāhi pērā i rgb(79.5, 70, 229) ki te tatauranga tata, nā te mea kāore e taea e te HEX te pūroki i ngā wāwāhi.
Ngā whakamārama mō RGB me HEX
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()
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
Ripanga tohutoro RGB ki HEX
Ngā tae CSS tino noa, kua tahuri mai i RGB ki HEX.
| Tae | 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 |