RGB inakupa channel tatu za desimali kati ya 0 na 255. Kubadilisha kuwa HEX kunageuza kila channel kuwa nambari ya hexadecimal yenye tarakimu mbili, ili rangi nzima iendane kwenye tokeni moja fupi ambayo kila kivinjari, zana za muundo na mwongozo wa mtindo huelewa.
Jinsi uongozaji wa RGB hadi HEX unavyofanya kazi
- Chukua channel ya nyekundu na uigawanye kwa 16: sehemu ya kugawanya ni namba ya kwanza, na salio ni ya pili.
- Andika nambari 10 hadi 15 kama herufi A hadi F — 255 inakuwa FF.
- Rudia kwa channel ya kijani na ya bluu, ukiongeza sifuri mbele kwa nambari moja tu: 5 inakuwa 05.
- Unganisha jozi tatu na uweke # mbele.
Mfano uliofanya kazi
Hasa, mradi tu channel ziko kama nambari kamili kutoka 0 hadi 255. Thamani za sehemu kama rgb(79.5, 70, 229) zinakaribiwa kwa nambari kamili kwanza, kwa sababu HEX haiwezi kuhifadhi kati yao.
RGB na HEX obofye
Ni nini RGB?
RGB inaelezea rangi kama channel tatu za mwanga — red, green na blue — kila moja kutoka 0 hadi 255. Inaakisi jinsi skrini zinavyofanya kazi kwa kweli: zote tatu kwa 255 zinaipa nyeupe, zote kwa 0 zinaipa nyeusi. RGB ni chaguo sahihi wakati unahitaji kufanya hesabu na rangi, na rgba() inaongeza uwazi juu yake.
- Sintaksia:
- rgb(R, G, B)
- Wigo:
- 0–255 kwa kila channel
- Bora kwa:
- code, canvas, uwazi na rgba()
Ni nini HEX?
Msimboli wa HEX ni nambari ya hexadecimal yenye tarakimu sita ambayo huhifadhi channel za red, green na blue za rangi nyuma ya alama ya kuongoza #. Kila jozi ya tarakimu inashughulikia channel moja, kutoka 00 (hakuna) hadi FF (kamilifu), ambayo inatoa rangi milioni 16.7 sawa na RGB kwa noti fupi zaidi. HEX ndilo chaguo chaguo msingi katika CSS, zana za muundo na miongozo ya chapa.
- Sintaksia:
- #RRGGBB
- Wigo:
- 00–FF kwa kila channel
- Bora kwa:
- CSS, kupeana muundo, miongozo ya chapa
RGB to HEX reference table
Rangi za CSS zinazotumika zaidi, zimetumika kutoka RGB hadi HEX.
| Rangi | 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 |