← Gbogbo irinṣẹ

Olùyípadà Àwọ̀ HEX sí RGB

Yí kóòdù àwọ̀ HEX padà sí RGB àti padà lẹ́sẹ̀kẹsẹ̀ nínú aṣàwárí rẹ, wo àwòrán àwọ̀ náà lọ́wọ́lọ́wọ́, kí o sì kọ́ bí ọ̀nà kọ̀ọ̀kan ṣe ń ṣiṣẹ́ pẹ̀lú àpẹẹrẹ tí ó ṣe kedere.

HEX àti RGB: ọ̀nà méjì láti kọ àwọ̀ kan náà

Àwọ̀ kọ̀ọ̀kan tí o rí lórí ìwòye ni a kó láti inú ìmọ́lẹ̀ mẹ́ta: pupa, aláwọ̀ ewé àti bulu. Fi gbogbo àwọn mẹ́ta gòkè, wàá gba funfun; fi gbogbo wọn sílẹ̀, wàá gba dúdú. HEX àti RGB jẹ́ ọ̀nà kíkọ méjì láti ṣàpèjúwe bí ọ̀kọ̀ọ̀kan lára ọ̀nà mẹ́ta wọ̀nyí ṣe yẹ kí ó dán tó. Wọ́n ń tọ́ka sí àwọ̀ kan náà gan-an, nítorí náà olùyíparadà tí ó dára kàn ń túmọ̀ láàrin ètò kíkọ méjèèjì láìyí àwọ̀ gidi náà padà rárá. Ìyẹn ni ohun tí irinṣẹ́ yìí ń ṣe, patapata nínú aṣàwárí rẹ, ó sì ń fi àpẹẹrẹ àwọ̀ hàn ọ́ ní ìgbà gbogbo kí o lè fi ojú rẹ fúnra rẹ jẹ́rìí àbájáde náà.

Ọ̀nà ìmọ́lẹ̀ pupa, aláwọ̀ ewé àti bulu tí ń kó papọ̀ di àpẹẹrẹ àwọ̀ tí ń dán, tí ó ń fi ìyípadà HEX sí RGB hàn
Gbogbo àwọ̀ lórí ìwòye ni a kọ́ láti inú ìmọ́lẹ̀ pupa, aláwọ̀ ewé àti bulu ní ìwọ̀n tí ó yàtọ̀síra.

Bí a ṣe ń ka àmì hex

Àwọ̀ hex a máa dà bí #1E90FF. Àmì hash náà kàn ń fi ìbẹ̀rẹ̀ hàn; àwọn àmì mẹ́fà lẹ́yìn rẹ̀ jẹ́ ẹ̀ka méjì mẹ́ta, tí a kọ ní ọ̀nà #RRGGBB. Ẹ̀ka méjì àkọ́kọ́ jẹ́ pupa, èkejì jẹ́ aláwọ̀ ewé, ẹ̀kẹta jẹ́ bulu. Ẹ̀ka méjì kọ̀ọ̀kan jẹ́ nọ́mbà tí a kọ ní hexadecimal, ìyẹn ni pé base 16, níbi tí àwọn nọ́mbà ti ń lọ láti 0-9 lẹ́yìn náà A, B, C, D, E, F dúró fún 10 sí 15. Ẹ̀ka méjì kan lè dì iye láti 00 (nígbà tí ọ̀nà náà bá pa mọ́ pátápátá) títí dé FF (nígbà tí ó bá gbé kalẹ̀ pátápátá). Ní decimal lásán, ìwọ̀n náà jẹ́ gan-an 0 sí 255, ìwọ̀n kan náà tí RGB ń lò. Pẹ̀lú ìpele 256 tí ó ṣeéṣe fún ọ̀nà kọ̀ọ̀kan, ìrísí àmì-mẹ́fà náà lè ṣàpèjúwe àwọ̀ ọ̀tọ̀ọ̀tọ̀ 16,777,216.

Yíyípadà ní ọ̀nà méjèèjì, pẹ̀lú àpẹẹrẹ tí a ṣiṣẹ́ lé lórí

Láti lọ láti HEX sí RGB, pín àmì náà sí ẹ̀ka méjì mẹ́ta rẹ̀, kí o sì yí ọ̀kọ̀ọ̀kan padà láti base 16 sí decimal lásán. Mú #1E90FF. Ẹ̀ka pupa jẹ́ 1E: ìyẹn ni 1 tí a fi ìlọ́po 16, kún un pẹ̀lú 14 (E), èyí tí ó dọ́gba sí 30. Ẹ̀ka aláwọ̀ ewé 90 jẹ́ 9 tí a fi ìlọ́po 16, kún un pẹ̀lú 0, èyí tí ó dọ́gba sí 144. Ẹ̀ka bulu FF jẹ́ 15 tí a fi ìlọ́po 16, kún un pẹ̀lú 15, èyí tí ó dọ́gba sí 255. Nítorí náà #1E90FF a di rgb(30, 144, 255) — bulu dodger tí a mọ̀ dáadáa.

Lílọ ní ọ̀nà mìíràn jẹ́ ìlànà kan náà ní òdìkejì. Mú nọ́mbà RGB kọ̀ọ̀kan, kí o sì kọ ọ́ gẹ́gẹ́ bí àmì hex méjì. Pupa tí ó mọ́, rgb(255, 0, 0), fún ni ní FF, 00 àti 00, tí ó sopọ̀ mọ́ ara wọn di #FF0000. Ohun kan tí ó yẹ kí a rántí: bí iye kan bá kéré ju 16 lọ, o sì tún nílò àmì méjèèjì, nítorí náà 5 ni a kọ 05, kì í ṣe 5 nìkan. Olùyíparadà náà máa ń fi kún un fún ọ, ṣùgbọ́n ó máa ń dí ènìyàn lọ́wọ́ nígbà tí wọ́n bá ń ṣe é pẹ̀lú ọwọ́ wọn.

Àpẹẹrẹ àwọ̀ kan lẹ́gbẹ̀ẹ́ àwọn ìtọ́ka ọ̀nà pupa, aláwọ̀ ewé àti bulu tí ń dán tí ó ń fi iye RGB láti odo sí 255 hàn
Ọ̀nà kọ̀ọ̀kan a máa yọ́ láti 0 sí 255, èyí tí ó bá ìwọ̀n hex 00 sí FF mu tààrà.

Ibi tí a ti ń lo ìrísí kọ̀ọ̀kan

HEX ni èdè ojoojúmọ́ ti ayélujára. CSS, HTML àti ọ̀pọ̀lọpọ̀ kóòdù tí o kọ máa ń wá àmì hex nítorí pé wọ́n kúrú, wọ́n sì rọrùn láti dàá. RGB máa ń farahàn nínú àwọn irinṣẹ́ àwòrán àti disáínì — Figma, Photoshop, Sketch àti Illustrator sábà máa ń fi àwọn ìtọ́ka tàbí pápá hàn nínú ìwọ̀n 0-255, àwọn ohun-èlò ìgbàsílẹ̀-ìwòye tàbí fídíò a sì sábà retí RGB pẹ̀lú. Nítorí náà, o máa ń mú àmì hex kan láti inú stylesheet, kí o sì nílò ìrísí RGB rẹ̀ láti kọ sínú pánẹ́ẹ̀lì disáínì, tàbí ní òdìkejì. Ìrìnàjò yẹn ni gbogbo ìdí tí olùyíparadà kan fi wúlò. Bí o bá nílò láti kọ́ àkójọ àwọ̀ tí ó bára wọn mu dípò yíyí ọ̀kan padà, olùmú-ẹ̀dá àkójọ-àwọ̀ (color palette) wa ni ibi tí ó dára jùlọ láti bẹ̀rẹ̀, wàá sì rí àwọn ohun-èlò mìíràn bí èyí lábẹ́ olùṣàkóso-kọ̀ǹpútà.

Alpha, ìdábòbò-ìríran àti HSL

Ètò méjèèjì ní ìrísí tí ó gbòòrò tí ó fi ìríran-tọ̀nà kún un. RGB a di rgba(30, 144, 255, 0.5), níbi tí iye kẹrin jẹ́ alpha — 0 túmọ̀ sí pé a lè rí ohun tí ó wà lẹ́yìn rẹ̀ pátápátá, 1 sì túmọ̀ sí pé kò ṣe é rí kọjá rárá. HEX ń fi ẹ̀ka méjì kẹrin kún un fún ète kan náà, ó ń fún ni ní àmì-mẹ́jọ #RRGGBBAA; 80, fún àpẹẹrẹ, jẹ́ nǹkan bí ìdá 50 nínú ọgọ́rùn-ún ìríran-tọ̀nà. Àwọn olùyíparadà díẹ̀ tún ń fúnni ní HSL (hue, saturation, lightness), èyí tí ó ń ṣàpèjúwe àwọ̀ ní ọ̀nà tí ènìyàn lè lò — yan ohun tí ó ń pè ní hue lórí kẹ̀kẹ́, lẹ́yìn náà kí o yí ìmọ́lẹ̀ àti ìtànyòyò rẹ̀ padà. HSL jẹ́ àpẹẹrẹ ọkàn tí ó yàtọ̀ dípò àkójọ àwọ̀ tí ó yàtọ̀, nítorí náà ó lè rọrùn jùlọ nígbà tí o bá fẹ́ mú àwọ̀ kan túbọ̀ mọ́lẹ̀ tàbí kí ó dínkù láìsí kí o máa ṣiṣẹ́ pẹ̀lú nọ́mbà mẹ́ta ọ̀tọ̀ọ̀tọ̀.

Àwọn ìbéèrè tí a sábà máa ń béèrè

Ṣé àmì hash jẹ́ apá àmì hex kan?

Hash jẹ́ àmì tí ó ń sọ fún CSS àti àwọn irinṣẹ́ disáínì pé o ń fún wọn ní àwọ̀ hex. Àwọ̀ náà fúnra rẹ̀ ni àmì mẹ́fà tí ó tẹ̀lé e. Ọ̀pọ̀lọpọ̀ irinṣẹ́ ń gba àmì náà pẹ̀lú tàbí láìsí hash, wọ́n a sì fi kún un padà fún ọ.

Kín ni ìyàtọ̀ láàrin àmì hex ẹlẹ́ẹ̀mẹ́ta àti ẹlẹ́ẹ̀mẹ́fà?

Àmì ẹlẹ́ẹ̀mẹ́ta jẹ́ ọ̀nà kúkúrú níbi tí a ti ṣe ìlọ́po méjì àmì kọ̀ọ̀kan, nítorí náà #1AF túmọ̀ sí #11AAFF. Ó dé àwọ̀ 4,096 nìkan, nígbà tí ìrísí ẹlẹ́ẹ̀mẹ́fà kíkún ń dé ó lé ní mílíọ̀nù 16.

Kí ló dé tí àmì hex mi fi ní àmì mẹ́jọ?

Àmì hex ẹlẹ́ẹ̀mẹ́jọ ń fi ẹ̀ka méjì kẹrin kún un fún alpha, tàbí ìríran-tọ̀nà. Àmì mẹ́fà àkọ́kọ́ jẹ́ pupa, aláwọ̀ ewé àti bulu síbẹ̀, méjì tí ó gbẹ̀yìn sì ń tọ́ ìdábòbò-ìríran láti 00 (tí kò rí rárá) sí FF (tí ó dán pátápátá).

Ṣé àwọn àmì hex ń ṣe ìyàtọ̀ láàrin lẹ́tà ńlá àti kékeré?

Rárá. #1e90ff àti #1E90FF ń ṣàpèjúwe àwọ̀ kan náà gan-an. Àwọn lẹ́tà hexadecimal ń ṣiṣẹ́ bákan náà yálà ní ńlá tàbí kékeré, nítorí náà lo èyíkéyìí tí ẹgbẹ́ rẹ fẹ́ràn.

Ṣé HEX àti RGB máa ń dà bí ẹni tí ó yàtọ̀ lórí ìwòye rí?

Rárá. Nígbà tí wọ́n bá ń ṣàpèjúwe iye ọ̀nà kan náà, wọ́n jẹ́ àwọ̀ kan náà gan-an. Ìyàtọ̀ kankan tí a rí a máa wá láti àṣìṣe kíkọ tàbí láti inú àmì kan tí ó ní ìríran-tọ̀nà tí èkejì kò ní.

Àwọ̀ mélòó ni àmì hex lásán lè fihàn?

Àmì hex ẹlẹ́ẹ̀mẹ́fà ń fúnni ní ìpele 256 fún ọ̀kọ̀ọ̀kan ọ̀nà mẹ́ta náà, èyí tí ó bá pọ̀ di àwọ̀ 16,777,216 tí ó ṣeéṣe.