Badilisha HEX kuwa RGB Hexadecimal ↔ Red Green Blue Bure Mtandaoni Salama
Andika thamani katika HEX na uisome katika RGB papo hapo. Hesabu hufanyika kwenye kivinjari chako, hakuna kinachotumwa popote, na kile ambacho ubadilishaji unategemea kimeandikwa hapa chini badala ya kudhaniwa.
Hakuna kinachopakiwa
Notesheni hizi zinatoka wapi
Hex na RGB ni kitu kimoja kilichoandikwa mara mbili. Rangi ya skrini ni namba tatu — kiasi gani cha mwanga mwekundu, wa kijani na wa buluu kitolewe — kila moja kutoka 0 hadi 255, ambayo ni baiti moja; hex huandika tu baiti hizo katika msingi wa kumi na sita, kwa hivyo #FF8800 na rgb(255, 136, 0) ni maagizo yaleyale kwa pikseli ileile. HSL ilibuniwa kwa sababu hakuna kati ya hizo mbili kinachosomeka kwa binadamu: inatoa hue kama pembe kuzunguka gurudumu la rangi, pamoja na saturation na lightness kama asilimia, ili mbunifu aweze kufanya kitu kiwe chepesi zaidi bila kukokotoa upya namba tatu. CMYK inahusu ulimwengu tofauti kabisa — wino badala ya mwanga. Ni ya kutoa, imejengwa kutoka sahani nne za uchapishaji, na haiwezi kufikia kila rangi ambayo skrini inaweza, kwa sababu skrini hutoa mwanga ilhali karatasi huuakisi tu.
Unakutana nazo wapi
Hex ndiyo unayoiandika kwenye stylesheet na ndiyo unayopewa na zana ya usanifu. RGB huonekana popote rangi inapohitaji hesabu — gradient, uwazi, msimbo unaokokotoa kivuli. HSL ndiyo unayoichukua unaporekebisha palette kwa mkono, kwa sababu mabadiliko unayoyataka kwa kawaida ni mabadiliko ya moja kati ya namba zake tatu. CMYK ndiyo anayoiomba mchapishaji, na kubadilisha kuiingia ndio wakati ambapo usanifu huacha kuwa mwanga na kuwa wino.
Maswali ambayo watu huuliza
Kwa nini matokeo yangu ya CMYK yanatofautiana na yale ninayopewa na mchapishaji wangu?
Kwa sababu hakuna ubadilishaji mmoja sahihi. Hesabu kwenye ukurasa huu ni ile rahisi isiyotegemea kifaa, ambayo ndiyo jibu sahihi unapohitaji mahali pa kuanzia au kielelezo cha takriban. Kiwanda cha uchapishaji hubadilisha kupitia wasifu wa rangi unaozingatia wino, karatasi na mashine mahususi, na rangi ileile ya RGB itatoa thamani tofauti za CMYK kwenye karatasi inayong’aa kuliko kwenye isiyong’aa. Kwa chochote kinachopaswa kulingana, muombe mchapishaji wasifu wao badala ya kuamini fomula.
Kwa nini baadhi ya rangi za skrini haziwezi kuchapishwa?
Kwa sababu hizo mbili haziwezi kufikia rangi zilezile. Skrini hutengeneza rangi kwa kuongeza mwanga na inaweza kutoa sayani au kijani chenye mng’ao na uzito ambacho wino hauwezi kulingana nacho; karatasi hutengeneza rangi kwa kunyonya mwanga, na mwangavu zaidi inayoweza kuwa ni weupe wa ukurasa wenyewe. Seti ya rangi ambazo kila moja inaweza kufikia huitwa gamut yake, na pale ambapo hazipishani, ubadilishaji lazima uchague rangi iliyo karibu zaidi inayopatikana. Ndiyo maana rangi angavu ya skrini mara nyingi huonekana kufifia kidogo inapochapishwa.
Je, jibu ni sahihi kabisa?
Pale ambapo vipimo vyote viwili vimefafanuliwa kwa kutumia kimoja kingine kwa nambari kamili, ndiyo — ukurasa unasema hivyo juu ya nambari, na ukadiriaji pekee ni katika idadi ya tarakimu zinazoonyeshwa. Pale ambapo uwiano hauna desimali yenye mwisho, ukurasa unaonyesha tarakimu kumi na mbili muhimu na kusema kwamba uhusiano ni wa kukadiria, badala ya kujifanya vinginevyo.
Je, kitu ninachoandika kinatoka kwenye kifaa changu?
Hapana. Hesabu hufanyika kwenye kivinjari chako; hakuna kinachopakiwa na hakuna seva ya kukipokea. Pakia ukurasa mara moja na utaendelea kufanya kazi hata mtandao ukizimwa.
Kwa nini ubadilishe HEX kuwa RGB
Zana ya usanifu inakupa rangi kama #5A4632. Karatasi ya mitindo, hati ya canvas, maktaba ya chati au programu ya michoro inaomba kama rgb(90, 70, 50). Ni rangi ileile, na kazi ya kutoka tahajia moja hadi nyingine hujitokeza kila wakati: mwongozo wa chapa unaorodhesha misimbo ya hex na msimbo wako unahitaji namba ili kukokotoa kivuli chepesi zaidi, mteja anatuma rangi kutoka nembo na lazima ujaze rgba() yenye uwazi, maktaba inakubali thamani tatu tofauti tu. Kubadilisha HEX kuwa RGB ni kazi ndogo, na kibadilishaji cha kuaminika kinakuepusha na kufanya hesabu za msingi kumi na sita kichwani na kukosea.
Ubadilishaji ni sahihi kabisa, jambo ambalo si kweli kwa kila ubadilishaji wa rangi. Hex na rgb() ni tahajia mbili za namba tatu zilezile, kiasi cha mwanga mwekundu, kijani na buluu ambacho skrini inapaswa kutoa, kila moja kutoka 0 hadi 255. Hakuna kinachokadiriwa, na safari ya kwenda na kurudi hurudisha kilichoanza nacho. Ukurasa huu hufanya hivyo ndani ya kivinjari chako, na hakuna kinachopakiwa. Hapa chini utapata jinsi tarakimu za hex zinavyolingana na namba tatu, jinsi uwazi unavyobebwa, kile ambacho umbo fupi hufanya, mipaka ya sRGB, na hali ambazo wasanidi na wabunifu wanahitaji kubadilisha HEX kuwa RGB.
Jinsi ubadilishaji unavyofanya kazi
Jozi tatu za tarakimu huwa namba tatu
Rangi ya hex ni alama ya reli ikifuatiwa na tarakimu sita za heksadesimali, zinazosomwa kwa jozi: jozi ya kwanza ni nyekundu, ya pili kijani, ya tatu buluu. Kila jozi ni namba ya msingi kumi na sita kati ya 00 na FF, ambayo ni 0 hadi 255 katika mfumo wa desimali unaotumia kila siku. Kwa hiyo #5A4632 hugawanyika kuwa 5A, 46 na 32. 5A ni 5 × 16 + 10 = 90, 46 ni 4 × 16 + 6 = 70, na 32 ni 3 × 16 + 2 = 50. Rangi ni rgb(90, 70, 50), ambayo ni mfano ambao ukurasa unaanza nao.
Kwa nini tarakimu huenda kutoka 0 hadi F
Msingi kumi na sita unahitaji alama kumi na sita, kwa hiyo baada ya 9 huja herufi A hadi F, zinazowakilisha 10 hadi 15. Jozi ya tarakimu kama hizo hutoa thamani 16 × 16 = 256, hasa kile ambacho baiti moja inaweza kushikilia. Rangi ya skrini ni baiti tatu, na hex ni njia fupi tu ya kuziandika: herufi sita badala ya namba tatu zenye koma na mabano.
Herufi kubwa na ndogo
#5a4632 na #5A4632 ni rangi ileile. CSS inakubali yoyote, na kibadilishaji hiki pia. Chagua utaratibu mmoja kwa mradi na uufuate, kwa kuwa herufi zilizochanganywa hufanya kutafuta kwenye karatasi ya mitindo kuwa ngumu zaidi.
Kile ambacho ubadilishaji unahifadhi na kile usichoweza
Unahifadhi rangi, kikamilifu
Hex na rgb() ni tahajia mbili za namba tatu zilezile, 0 hadi 255 kwa nyekundu, kijani na buluu, kwa hiyo hakuna kinachokadiriwa na safari ya kwenda na kurudi hurudisha kilichoanza nacho. Badilisha HEX kuwa RGB na kurudi, na unapata msimbo uleule uliouanza nao, isipokuwa pengine herufi kubwa.
Unabeba uwazi
Thamani ya nne ya uwazi pia hubebwa: #RRGGBBAA huwa rgba(), na kurudi. Jozi ya mwisho ni njia ya alfa, kutoka 00, uwazi kamili, hadi FF, kutokuwa na uwazi kabisa. Kwa hiyo #5A463280 ni rgba(90, 70, 50, 0.5), kwa kuwa 80 katika hex ni 128, na 128 kati ya 255 ni takriban nusu. Tarakimu nane zinakubaliwa na vivinjari vyote vya sasa.
Haiwezi kueleza rangi zilizo nje ya sRGB
Tahajia zote mbili zinaeleza sRGB, nafasi ya rangi ambayo skrini imetumia kwa miaka thelathini. Haziwezi kueleza rangi iliyo nje yake, ambayo ndiyo nukuu mpya za CSS, lab(), oklch() na color(), zipo kwa ajili yake. Skrini za kisasa zinaweza kuonyesha rangi zenye mjazo mkubwa kuliko sRGB inavyoshikilia, na mbunifu aliyechagua rangi kama hiyo katika zana ya wigo mpana ataiona imekatwa hadi sRGB inapoandikwa kama hex.
Umbo fupi hupanuliwa, halihifadhiwi
Umbo fupi hupanuliwa badala ya kuhifadhiwa: #abc hurudi kama #AABBCC, ambayo ni rangi ileile iliyoandikwa kwa njia ndefu. Kila tarakimu hurudiwa mara mbili. Hiyo inamaanisha unaweza kubandika msimbo wa tarakimu tatu na kupata namba sahihi, lakini huwezi kurejesha tahajia fupi kutoka ndefu kwa kuitazama tu, bali kwa kukagua kwamba kila jozi inajirudia.
Rangi za kawaida na namba zake
Chache za kukumbuka
Nyeupe ni #FFFFFF, ambayo ni rgb(255, 255, 255): mwanga wote watatu kwa nguvu kamili. Nyeusi ni #000000, rgb(0, 0, 0): hakuna mwanga kabisa. Nyekundu safi ni #FF0000, kijani #00FF00 na buluu #0000FF. Kijivu cha kati ni msimbo wowote wenye jozi tatu sawa, kama #808080, ambayo ni rgb(128, 128, 128). Jozi sawa daima humaanisha kijivu, kwa sababu kiasi sawa cha mwanga watatu hakitoi hue.
Kusoma msimbo kwa mtazamo mmoja
Ukishajua muundo unaweza kukadiria rangi kutoka tarakimu zake za hex. Msimbo unaoanza na jozi ya kwanza ya juu ni nyekundu kidogo, jozi ya kati ya juu ni kijani kidogo, jozi ya mwisho ya juu ni buluu kidogo. #FF8800 ni nyekundu nyingi, kijani kidogo na hakuna buluu, ambayo ni machungwa. Huhitaji zana kwa hilo, lakini unaihitaji kwa namba kamili.
Jinsi ya kubadilisha HEX kuwa RGB hapa
Andika au bandika msimbo wa hex
Weka rangi kwenye sehemu ya kwanza, kwa alama ya reli au bila. Maumbo ya tarakimu tatu, sita na nane yanakubaliwa.
Soma thamani ya rgb
Jibu huonekana mara moja kwenye sehemu nyingine, kwa umbo rgb(90, 70, 50), au rgba() ikiwa msimbo ulibeba uwazi. Ukurasa unaonyesha sentensi #5A4632 = rgb(90, 70, 50) ili uweze kukagua kwa mtazamo mmoja.
Inakili kwenye msimbo wako
Bandika matokeo kwenye karatasi ya mitindo, hati au zana iliyoomba. Ikiwa unahitaji namba tatu tofauti, ni zile zilizo kwenye mabano.
Mahali nukuu hizi zinapotoka
Hex na RGB ni kitu kimoja kilichoandikwa mara mbili
Rangi ya skrini ni namba tatu, kiasi gani cha mwanga mwekundu, kijani na buluu cha kutoa, kila moja kutoka 0 hadi 255, ambayo ni baiti moja. Hex huandika baiti hizo kwa msingi kumi na sita tu, kwa hiyo #FF8800 na rgb(255, 136, 0) ni maagizo yaleyale kwa pikseli ileile.
HSL na CMYK
HSL ilibuniwa kwa sababu hakuna kati ya hizo mbili inayosomeka na binadamu: inatoa hue kama pembe kuzunguka gurudumu la rangi, pamoja na mjazo na mwangaza kama asilimia, ili mbunifu aweze kufanya kitu kiwe chepesi bila kukokotoa upya namba tatu. CMYK ni ya ulimwengu tofauti kabisa, wino badala ya mwanga. Ni ya kutoa, imejengwa kwa mabamba manne ya uchapishaji, na haiwezi kufikia kila rangi ambayo skrini inaweza, kwa sababu skrini hutoa mwanga huku karatasi ikiuakisi tu. Kwa hizo, tazama HEX kuwa HSL na HEX kuwa CMYK.
Mahali unapozikuta
Katika karatasi za mitindo
Hex ndiyo unayoandika kwenye karatasi ya mitindo na ndiyo zana ya usanifu inakupa. RGB huonekana popote rangi inapohitaji hesabu: gradienti, uwazi, msimbo unaokokotoa kivuli. Kujua tahajia zote mbili, na kuweza kusogea kati yake, ni sehemu ya kazi ya kila siku ya sehemu ya mbele.
Katika hati na michoro ya canvas
Msimbo wa kuchora mara nyingi unataka namba tatu tofauti, ili kuchanganya rangi mbili, kuweka nyeusi zaidi kwa kiasi kilichowekwa au kujaribu kama pikseli inalingana na lengo. Kubadilisha HEX kuwa RGB kunakupa namba moja kwa moja.
Katika zana za michoro na picha
Wahariri wa picha kwa kawaida huonyesha rangi kama namba tatu au kama msimbo wa hex, na hukuruhusu kuandika yoyote. Kusogea kati ya hizo mbili hukuwezesha kuzalisha rangi kutoka ukurasa wa wavuti katika programu inayotaka namba.
Katika nyaraka na miongozo ya chapa
Mwongozo wa chapa unaweza kuorodhesha rangi katika hex kwa wavuti, katika RGB kwa skrini na katika CMYK kwa uchapishaji. Kuhakikisha mbili za kwanza zinakubaliana ni suala la ubadilishaji mmoja, na ni aina ya ukaguzi unaokamata kosa la uandishi kabla halijachapishwa kwenye vipeperushi elfu moja.
Matumizi ya vitendo ya umbo la RGB
Uwazi bila rangi ya pili
Kwa rgba(90, 70, 50, 0.5) unapata rangi kwa nguvu ya nusu, ili kilicho nyuma yake kionekane. Ni njia ya kawaida ya kutengeneza kifuniko, vivuli na mandharinyuma zenye rangi kutoka rangi ya chapa bila kubuni mpya.
Kukokotoa vivuli vyepesi na vyeusi zaidi
Ili kufanya hali ya kuelea kipanya iwe nyeusi kidogo, hati inaweza kutoa kiasi kilichowekwa kutoka kila moja ya namba tatu. Kufanya hivyo kwenye mfuatano wa hex ni usumbufu; kwenye rgb ni hesabu rahisi. Ukihitaji marekebisho yanayotegemea hue, badilisha HEX kuwa HSL badala yake.
Ukaguzi wa utofautishaji
Zana za ufikivu hukokotoa utofautishaji kati ya rangi mbili kutoka thamani zake za nyekundu, kijani na buluu. Kuwa na namba hukuwezesha kufanya hesabu mwenyewe, au kuzibandika kwenye kikagua, ili kuthibitisha kwamba maandishi kwenye mandharinyuma yanasomeka.
Mitego unapobadilisha HEX kuwa RGB
Kusahau jozi ya alfa
Msimbo wa tarakimu nane una uwazi katika tarakimu mbili za mwisho. Ukizitoa, unapoteza uwazi. Kagua urefu wa msimbo kabla ya kuamua kwamba matokeo ndiyo rangi.
Kuchanganya mpangilio
Hex ni nyekundu, kijani, buluu. Baadhi ya fomati, na API chache za zamani za michoro, hutumia buluu, kijani, nyekundu. Rangi ikitoka vibaya katika programu fulani, kagua mpangilio wake wa njia.
Kunakili kutoka picha ya skrini
Rangi inayosomwa kutoka picha ya skrini ni rangi baada ya usimamizi wa rangi wa skrini na mgandamizo wowote. Inaweza kutofautiana kidogo na rangi iliyo kwenye faili chanzo. Tumia faili ya usanifu unapoweza.
Kudhani skrini zinakubaliana
Skrini mbili huonyesha msimbo uleule tofauti kidogo. Namba ni sahihi kabisa; unachokiona kinategemea skrini na wasifu wake.
Maswali ambayo watu huuliza kabla ya kubadilisha
#FF0000 ni nini katika RGB?
rgb(255, 0, 0), nyekundu safi.
#FFFFFF ni nini katika RGB?
rgb(255, 255, 255), nyeupe.
Je, naweza kubadilisha msimbo wa tarakimu tatu?
Ndiyo. Kila tarakimu hurudiwa mara mbili: #09C inakuwa #0099CC, ambayo ni rgb(0, 153, 204).
Je, ubadilishaji ni sahihi kabisa?
Ndiyo. Ni tahajia mbili za namba tatu zilezile.
Je, rangi yangu inapakiwa?
Hapana. Hesabu hufanyika ndani ya kivinjari chako na hakuna kinachotumwa popote.
Ninarudije?
Kwa RGB kuwa HEX, inayoandika namba tatu kama msimbo wa hex.
Kuchagua kwa busara unapobadilisha HEX kuwa RGB
Jua unachohitaji baadaye
Ukihitaji uwazi, rgba() ndilo umbo la asili. Ukihitaji kurekebisha mwangaza au hue, HSL ni rahisi zaidi. Rangi ikienda kuchapishwa, CMYK ndiyo hatua inayofuata, pamoja na tahadhari ambazo ubadilishaji huo hubeba. Tazama RGB kuwa CMYK.
Weka hex kama nakala kuu
Kwa rangi za paleti ya chapa, weka msimbo wa hex kama rejeo. Ni mfupi, hauna utata na unaeleweka kila mahali. Pata maumbo mengine kutoka kwake unapoyahitaji.
Tumia sifa maalum
Katika CSS, fafanua rangi mara moja, kama --brand: #5A4632, na uzirejelee kwa jina. Ukihitaji namba za rgba(), fafanua --brand-rgb: 90 70 50 pia. Ubadilishaji kisha hufanywa mara moja tu.
CSS ya kisasa na umbo la RGB
Sintaksia iliyotenganishwa kwa nafasi
CSS ya sasa inakubali rgb() yenye nafasi na mkwaju kwa uwazi, kama katika rgb(90 70 50 / 50%). Namba ni zilezile kama katika umbo la koma, kwa hiyo matokeo ya ubadilishaji hufanya kazi katika yote mawili. Vivinjari vya zamani na zana zingine hutarajia koma, kwa hiyo umbo la koma linabaki chaguo salama usipojua rangi itatumika wapi.
Asilimia na sehemu
RGB inaweza pia kuandikwa kwa asilimia, kama rgb(35% 27% 20%), ambapo asilimia 100 ni 255. Ukurasa unatoa namba kamili kwa sababu ndizo hex huhifadhi na ndizo zana nyingi hutarajia. Ukihitaji asilimia, gawanya kila namba kwa 255 na uzidishe kwa 100.
Sifa maalum kwa namba tatu
Mbinu ya kawaida ni kuhifadhi namba tatu tu kwenye sifa maalum, --brand-rgb: 90 70 50, na kuitumia kama rgb(var(--brand-rgb) / 0.5). Inaruhusu ufafanuzi mmoja kutumikia matumizi ya rangi kamili na yenye uwazi. Unapobadilisha HEX kuwa RGB kwa madhumuni haya, nakili namba tu kutoka kwenye jibu.
Kufanya kazi na rangi kwa vitendo
Kagua dhidi ya mwongozo wa chapa
Mwongozo wa chapa ukitoa hex na rgb kwa rangi ileile, badilisha moja na ulinganishe na nyingine. Kutolingana kwa kawaida humaanisha kosa la uandishi katika mwongozo, na kulipata kabla halijatumika kwenye kila ukurasa kunastahili dakika inayochukua.
Weka paleti kama orodha fupi
Tovuti nyingi hutumia rangi tano hadi nane. Ziandike kwenye noti katika maumbo yote mawili. Kila unapohitaji kubadilisha HEX kuwa RGB kwa sehemu mpya, unaweza kuitafuta badala ya kuikokotoa tena, na paleti inabaki thabiti.
Taja rangi kwa jukumu
Majina kama primary, surface na warning hunusurika uundaji upya vizuri kuliko majina kama kijani au kahawia. Ubadilishaji unakupa namba; jina linasema ni za nini.
Vibadilishaji vinavyohusiana
Familia hiyohiyo ya zana inashughulikia ubadilishaji wa jirani. Ili kurudi, tumia RGB kuwa HEX. Kwa rangi zinazoelezwa kwa hue, HEX kuwa HSL na HSL kuwa HEX ziko karibu, na kwa uchapishaji, HEX kuwa CMYK, CMYK kuwa HEX na CMYK kuwa RGB. Kwa ukubwa katika karatasi ileile ya mitindo, px kuwa rem na px kuwa em hufanya kwa urefu kile ukurasa huu unachofanya kwa rangi.
Mfano uliotatuliwa
Tuseme rangi ya chapa yako ni #1E7A5C na unataka toleo lenye uwazi kwa mandharinyuma ya kadi. Unaandika msimbo na kusoma rgb(30, 122, 92). Katika karatasi ya mitindo unaandika background: rgba(30, 122, 92, 0.12), kivuli hafifu sana cha kijani kilekile, na mpaka wa rgba(30, 122, 92, 0.4). Kadi inakaa vizuri kwenye ukurasa mweupe na kijivu, kwa sababu uwazi huruhusu ukurasa kupita. Rangi ya chapa ikibadilishwa baadaye, unabadilisha namba tatu kwenye sifa moja maalum na kila kivuli kinafuata.
Orodha fupi ya ukaguzi
Kabla ya kubadilisha
Kagua urefu wa msimbo: tarakimu tatu, sita au nane. Amua kama unahitaji uwazi.
Wakati wa kubadilisha
Bandika msimbo, soma thamani ya rgb na uinakili pamoja na mabano yake, au namba tatu peke yake.
Baada ya kubadilisha
Jaribu rangi katika muktadha, kwenye mandharinyuma halisi, na ukague utofautishaji wa maandishi yoyote yaliyo juu yake.
Makosa ya kawaida
Kuacha jozi ya uwazi
Tarakimu nane humaanisha alfa. Iweke au ibadilishe kuwa rgba().
Kuchanganya mpangilio wa njia
Hex huanza na nyekundu. Zana zingine hutarajia buluu kwanza.
Kuchukulia skrini kama ukweli
Namba ni sahihi kabisa. Mwonekano unategemea skrini.
Rangi zako hubaki kwenye kifaa chako
Hesabu hufanyika ndani ya kifaa. Thamani zako hutumiwa na kivinjari chako mwenyewe na hakuna kinachotumwa popote. Hakuna cha kufuta baadaye na hakuna akaunti ya kuunda. Hiyo ndiyo njia rahisi ya kubadilisha HEX kuwa RGB.
Muhtasari
Ili kubadilisha HEX kuwa RGB hapa, andika au bandika msimbo wa hex na usome thamani ya rgb mara moja. Ubadilishaji unahifadhi rangi kikamilifu: hex na rgb() ni tahajia mbili za namba tatu zilezile, 0 hadi 255 kwa nyekundu, kijani na buluu, kwa hiyo hakuna kinachokadiriwa na safari ya kwenda na kurudi hurudisha kilichoanza nacho. Thamani ya nne ya uwazi pia hubebwa, kwa kuwa #RRGGBBAA huwa rgba(), na kurudi. Tahajia zote mbili zinaeleza sRGB, kwa hiyo haziwezi kueleza rangi zilizo nje yake, na umbo fupi hupanuliwa badala ya kuhifadhiwa: #abc hurudi kama #AABBCC. Hakuna kinachopakiwa.