Kibadilishaji cha Rangi HEX hadi RGB

HEX na RGB: njia mbili za kuandika rangi ile ile

Kila rangi unayoiona kwenye skrini imechanganywa kutoka mianga mitatu: nyekundu, kijani na samawati. Zipandishe zote tatu juu utapata nyeupe; zizime zote utapata nyeusi. HEX na RGB ni mifumo miwili tu ya kuelezea jinsi kila kimoja cha njia hizo tatu kinapaswa kuwa na mwanga kiasi gani. Vinaelekeza kwenye rangi ile ile hasa, hivyo kibadilishi kizuri hutafsiri tu kati ya mifumo miwili ya uandishi bila kubadilisha kivuli halisi kamwe. Hilo ndilo chombo hiki hufanya, kabisa ndani ya kivinjari chako, huku kikikuonyesha rangi hai ili uweze kuthibitisha matokeo kwa macho yako mwenyewe.

Njia za mwanga wa rangi nyekundu, kijani na samawati zikichanganyika kuwa rangi yenye mwanga, ikionyesha ubadilishaji wa HEX kwenda RGB — Kila rangi kwenye skrini imejengwa kutoka mwanga wa nyekundu, kijani na samawati kwa viwango tofauti.

Jinsi ya kusoma msimbo wa hex

Rangi ya hex inaonekana kama #1E90FF. Alama ya reli hutumika tu kuashiria mwanzo; herufi sita baada yake ni jozi tatu, zilizoandikwa kwa mfumo wa #RRGGBB. Jozi ya kwanza ni nyekundu, ya pili ni kijani, ya tatu ni samawati. Kila jozi ni namba iliyoandikwa kwa heksadesimali, yaani msingi wa 16, ambapo tarakimu huenda 0-9 kisha A, B, C, D, E, F huwakilisha 10 hadi 15. Jozi moja inaweza kushikilia thamani kuanzia 00 (njia imezimwa kabisa) hadi FF (imewashwa kabisa). Kwa desimali ya kawaida wigo huo ni 0 hadi 255 kamili, kipimo kile kile RGB kinachotumia. Kwa viwango 256 vinavyowezekana kwa kila njia, umbo la tarakimu sita linaweza kuelezea rangi 16,777,216 tofauti.

Kubadilisha pande zote mbili, kwa mfano uliofanywa

Kwenda kutoka HEX hadi RGB, gawanya msimbo kwenye jozi zake tatu na ubadilishe kila moja kutoka msingi wa 16 kwenda desimali ya kawaida. Chukua #1E90FF. Jozi ya nyekundu ni 1E: hiyo ni 1 ikizidishwa na 16, jumlisha 14 (E), ambayo ni sawa na 30. Jozi ya kijani 90 ni 9 ikizidishwa na 16, jumlisha 0, ambayo ni sawa na 144. Jozi ya samawati FF ni 15 ikizidishwa na 16, jumlisha 15, ambayo ni sawa na 255. Hivyo #1E90FF inakuwa rgb(30, 144, 255) — samawati maarufu ya dodger.

Kwenda njia nyingine ni mchakato ule ule kinyume. Chukua kila namba ya RGB na uiandike kama tarakimu mbili za heksadesimali. Nyekundu safi, rgb(255, 0, 0), hutoa FF, 00 na 00, zinazounganika kuwa #FF0000. Jambo moja la kukumbuka: ikiwa thamani ni chini ya 16, bado unahitaji tarakimu zote mbili, hivyo 5 huandikwa 05 na si 5 tu. Kibadilishi hushughulikia ujazaji huo kwa ajili yako, lakini huwakwaza watu wanapofanya kwa mkono.

Rangi hai kando ya vitelezi vyenye mwanga vya njia nyekundu, kijani na samawati vinavyoonyesha thamani za RGB kutoka sifuri hadi 255 — Kila njia huteleza kutoka 0 hadi 255, jambo linalolingana moja kwa moja na wigo wa 00 hadi FF wa hex.

Mahali kila mfumo unapotumika

HEX ni lugha ya kila siku ya wavuti. CSS, HTML na msimbo mwingi unaoandika hutumia misimbo ya hex kwa sababu ni midogo na rahisi kunakili. RGB huwa hujitokeza ndani ya vifaa vya ubunifu na picha — Figma, Photoshop, Sketch na Illustrator kwa kawaida huonyesha vitelezi au sehemu katika wigo wa 0-255, na programu za kurekodi skrini au video mara nyingi hutarajia RGB pia. Hivyo mara kwa mara unachukua msimbo wa hex kutoka kwenye laha ya mtindo na unahitaji umbo lake la RGB ili kuandika kwenye jopo la ubunifu, au kinyume chake. Safari hiyo ya kwenda-na-kurudi ndiyo sababu nzima kibadilishi kina manufaa. Ikiwa unahitaji kujenga seti nzima ya vivuli vinavyolingana badala ya kutafsiri kimoja, kizalishi cha pala ya rangi ni mwanzo bora zaidi, na utapata vifaa zaidi kama hivi chini ya vifaa vya wasanidi programu.

Alpha, uwazi na HSL

Mifumo yote miwili ina umbo lililopanuliwa linaloongeza uwazi. RGB inakuwa rgba(30, 144, 255, 0.5), ambapo thamani ya nne ni alpha — 0 ni wazi kabisa na 1 ni thabiti kabisa. HEX huongeza jozi ya nne kwa kusudi lile lile, ikitoa msimbo wa tarakimu nane #RRGGBBAA; 80, kwa mfano, ni takriban asilimia 50 ya uwazi. Vibadilishi vichache pia hutoa HSL (hue, saturation, lightness), kinachoelezea rangi kwa namna ambayo binadamu angeweza — chagua hue kwenye gurudumu, kisha rekebisha uzuri wake na mwangaza wake. HSL ni mtazamo tofauti wa kiakili badala ya pala tofauti, hivyo inaweza kuwa rahisi zaidi kuelewa unapotaka kusukuma rangi iwe nyepesi zaidi au dhaifu zaidi bila kudhibiti namba tatu tofauti.

Maswali yanayoulizwa mara kwa mara

Je, alama ya reli ni sehemu ya msimbo wa hex?

Reli ni alama inayoambia CSS na vifaa vya ubunifu kuwa unatoa rangi ya hex. Rangi yenyewe ni herufi sita baada yake. Vifaa vingi hukubali msimbo ukiwa na au bila reli na kuiongeza tena kwa ajili yako.

Tofauti kati ya msimbo wa tarakimu 3 na tarakimu 6 ni ipi?

Msimbo wa tarakimu 3 ni kifupisho ambapo kila tarakimu inarudiwa mara mbili, hivyo #1AF humaanisha #11AAFF. Hufikia rangi 4,096 tu, wakati umbo kamili la tarakimu 6 hufikia zaidi ya milioni 16.

Kwa nini msimbo wangu wa hex una herufi nane?

Msimbo wa hex wa tarakimu 8 huongeza jozi ya nne kwa alpha, au uwazi. Herufi sita za kwanza bado ni nyekundu, kijani na samawati, na mbili za mwisho huweka uwazi kutoka 00 (usioonekana) hadi FF (thabiti).

Je, misimbo ya hex inajali herufi kubwa na ndogo?

Hapana. #1e90ff na #1E90FF zinaelezea rangi ile ile kabisa. Herufi za heksadesimali hufanya kazi sawa katika herufi kubwa au ndogo, hivyo tumia unayopendelea timu yako.

Je, HEX na RGB huwahi kuonekana tofauti kwenye skrini?

Hapana. Zinapoelezea thamani za njia zile zile ni rangi ileile kamili. Tofauti yoyote inayoonekana hutoka kwenye kosa la uandishi au msimbo mmoja ukiwa na uwazi ambao mwingine hauna.

Msimbo wa hex wa kawaida unaweza kuonyesha rangi ngapi?

Msimbo wa hex wa tarakimu 6 hutoa viwango 256 kwa kila moja ya njia tatu, jambo linalozidisha kufikia rangi 16,777,216 zinazowezekana.