Msimboli wa HEX unapofunga nambari tatu za 8-bit ndani ya tarakimu sita za hexadecimal. Kubadilisha HEX kuwa RGB inamaanisha kugawa tarakimu hizo katika jozi na kusoma kila jozi kama nambari za desimali kati ya 0 na 255 — hasa thamani ambazo CSS, Figma na wahariri wa picha wanazitarajia.
Jinsi uongozaji wa HEX hadi RGB unavyofanya kazi
- Toa alama ya mbele # na, ikiwa msimbo una tarakimu tatu tu, rudisha kila moja mara mbili: #f53 inakuwa #ff5533.
- Gawa tarakimu sita katika jozi tatu — RR, GG na BB.
- Soma kila jozi kama nambari ya msingi-16 na uibadilishe kuwa msingi-10: FF inakuwa 255, 57 inakuwa 87, 33 inakuwa 51.
- Andika matokeo matatu kama rgb(R, G, B).
Mfano uliofanya kazi
Ubadilishaji huu ni sahihi kabisa. HEX na RGB zinaelezea thamani za sRGB kwa noti tofauti, hivyo hakuna kinachokadiriwa au kupotea katika mwelekeo wowote.
HEX na RGB obofye
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
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()
HEX to RGB reference table
Rangi za CSS zinazotumika zaidi, zimetumika kutoka HEX hadi RGB.
| Rangi | 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) |