Badilisha HSL kuwa HEX Hue Saturation Lightness ↔ Hexadecimal Bure Mtandaoni Salama
Andika thamani katika HSL na uisome katika HEX 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 HSL kuwa HEX
Ulikokotoa rangi katika HSL, kwa sababu ni mfumo ambao unaweza kufikiria ndani yake: hue 30, mjazo 29%, wepesi 28%, kahawia iliyofifia, na toleo jepesi zaidi la 34% kwa hali ya kuelea kipanya. Sasa rangi inapaswa kwenda mahali panapohitaji msimbo wa hex: faili ya tokeni za muundo, karatasi ya chapa, zana isiyoelewa hsl(), kiolezo cha barua pepe, ujumbe kwa mwenzako. Kubadilisha HSL kuwa HEX ni kuchukua rangi uliyoifikiria na kuiandika katika umbo fupi, lisilo na utata na linaloeleweka na kila kitu.
Ubadilishaji unafanya kazi kinyume na ule ambao wabunifu hukutana nao kwanza. Huanza na nambari tatu rafiki kwa binadamu na kufikia baiti tatu. Kila hatua ni hesabu rahisi, lakini inahusisha visa vichache vinavyofanana na trigonometria na kuzungusha nambari, ndiyo maana watu hupendelea kufanyiwa. Ukurasa huifanya ndani ya kivinjari chako, na hakuna kinachopakiwa. Hapa chini utapata jinsi nambari tatu zinavyokuwa tarakimu sita za hex, kile ubadilishaji unachohifadhi, kwa nini rangi iliyopita kwenye HSL inaweza kutua hatua moja au mbili kutoka ilipoanzia, njia ambazo wabunifu hutumia ubadilishaji, na mitego ya kuepuka.
Jinsi ubadilishaji unavyofanya kazi
Kutoka hue, mjazo na wepesi hadi nyekundu, kijani na samawati
Kigeuzi kwanza hukokotoa kromo, ambayo ni umbali wa rangi kutoka kijivu: hukua kadri mjazo unavyoongezeka na hupungua wepesi unapoondoka kwenye 50%. Kisha huweka hue katika mojawapo ya sekta sita za gurudumu la rangi, kila moja ikiwa na upana wa digrii 60, na kutokana na sekta huamua ni chaneli ipi iko kwenye kiwango cha juu zaidi, ipi iko kwenye cha chini zaidi na ipi iko katikati. Mwishowe huongeza kigezo cha kudumu ili wepesi utoke sawa, hupanua thamani tatu kutoka kiwango cha 0 hadi 1 hadi 0 hadi 255, na kuzungusha kila moja kuwa nambari nzima. Baiti hizo tatu huandikwa katika msingi wa kumi na sita, tarakimu mbili kila moja.
Mfano wenye nambari
Chukua hsl(30, 29%, 28%). Kromo ni (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624. Hue ya digrii 30 iko katikati ya sekta ya kwanza, kwa hivyo chaneli ya kati ni nusu ya kromo, 0.0812. Kigezo cha kuongeza ni 0.28 − 0.0812 = 0.1988. Kwa hivyo nyekundu ni 0.1624 + 0.1988 = 0.3612, kijani ni 0.0812 + 0.1988 = 0.28 na samawati ni 0.1988. Zikizidishwa kwa 255 na kuzungushwa, hizi ni 92, 71 na 51. Katika hex, hiyo ni #5C4733.
Vijivu
Mjazo unapokuwa 0%, rangi ni kijivu bila kujali hue, na baiti tatu ni sawa. hsl(0, 0%, 50%) ni #808080. Hue hupuuzwa, kwa hivyo nambari yoyote ya hue hutoa kijivu kile kile.
Kile ubadilishaji unachohifadhi na kisichoweza
Unahifadhi rangi kama ulivyoielezea
Matokeo ni rangi ambayo hue, mjazo na wepesi wake ulivitoa, iliyoandikwa kama baiti. Nambari tatu ulizoandika ni rangi jinsi jicho linavyoipanga, hue kwenye gurudumu, ina mjazo kiasi gani, ni nyepesi kiasi gani. Ndiyo maana HSL ina thamani, na ubadilishaji hubeba chaguo lako hadi hex kwa uaminifu.
Hauwezi kuahidi nambari zile zile njiani kurudi
Hizo mbili zinaelezea rangi zile zile, lakini HSL huzifikia kupitia jiometri tofauti na nambari zake tatu huzungushwa hadi digrii nzima na asilimia nzima zinapoandikwa. Kwa hivyo rangi iliyochukuliwa hadi HSL na kurudishwa inaweza kutua hatua moja au mbili kutoka ilipoanzia: sawa kwa kuona, si baiti kwa baiti. Katika mfano wetu, #5A4632 ilikuwa rangi ambayo HSL yake ni takriban hsl(30, 29%, 28%); kubadilisha takwimu hizo zilizozungushwa kurudi hutoa #5C4733, hatua mbili mbali katika nyekundu. Ukihitaji baiti sahihi, hifadhi hex.
Alama za asilimia na digrii
Ukurasa husoma hue kwa digrii na mjazo na wepesi kwa asilimia. Unaweza kuziandika na alama au bila. Hue iliyo juu ya 360 au chini ya 0 huzungushwa kuzunguka gurudumu, kwa hivyo 390 ni sawa na 30.
Matumizi ya vitendo
Kuandika faili ya tokeni za muundo
Mfumo wa muundo huhifadhi rangi kama tokeni. Timu nyingi huunda rangi katika HSL, kwa sababu zinaweza kuzifikiria, na kuzichapisha katika hex, kwa sababu kila zana huisoma. Badilisha HSL kuwa HEX mara moja kwa kila tokeni, na faili iliyochapishwa ni kitu ambacho kila mtu anaweza kutumia.
Kutoa rangi kwa zana zisizosoma hsl()
Programu za barua pepe, baadhi ya vihariri vya hati, programu za zamani za michoro na maktaba nyingi za chati hukubali hex pekee. Chochote ulichokokotoa katika HSL lazima kibadilishwe kabla hazijaweza kukitumia.
Kukagua paleti iliyozalishwa
Hati ya msimbo inayozalisha paleti kwa kuzungusha hue hutoa orodha ya thamani za hsl(). Ili kuziona kama misimbo ungeweka kwenye karatasi ya mitindo au kumkabidhi mbunifu, badilisha kila moja kuwa hex. Pia hukuwezesha kutambua thamani zinazozungushwa hadi msimbo mmoja na kwa hivyo hazitofautiani kweli.
Kushiriki rangi kwenye ujumbe
Msimbo wa hex ni mfupi, unaweza kunakiliwa na unaeleweka na karibu kila mtu anayefanya kazi na rangi. Thamani ya hsl() ni ndefu zaidi na haijazoeleka nje ya muundo. Unapomtumia mtu rangi, hex ndiyo namna ya adabu.
Jinsi ya kubadilisha HSL kuwa HEX hapa
Andika au bandika thamani ya hsl
Weka rangi kwenye sehemu ya kwanza katika umbo hsl(30, 29%, 28%), au nambari tatu tu. Hue iko kwa digrii, mjazo na wepesi kwa asilimia.
Soma msimbo wa hex
Jibu linaonekana mara moja, kama katika hsl(30, 29%, 28%) = #5C4733. Linaandikwa kwa herufi kubwa na alama ya reli.
Linakili kwenye kazi yako
Tumia msimbo kwenye karatasi yako ya mitindo, faili ya tokeni au ujumbe. Kwa upande wa kinyume, HEX hadi HSL iko umbali wa kubofya mara moja.
Mifumo hii ya uandishi inatoka wapi
Hex na RGB ni kitu kimoja kilichoandikwa mara mbili
Rangi ya skrini ni nambari tatu, kiasi gani cha mwanga mwekundu, kijani na samawati cha kutoa, kila moja kutoka 0 hadi 255, ambayo ni baiti moja. Hex huandika tu baiti hizo katika msingi wa kumi na sita. Ili kuona nambari, badilisha HEX kuwa RGB.
HSL na CMYK
HSL ilibuniwa kwa sababu hakuna kati ya hivyo viwili kinachosomeka na binadamu: inatoa hue kama pembe kuzunguka gurudumu la rangi, na mjazo na wepesi kama asilimia, ili mbunifu aweze kufanya kitu kuwa chepesi zaidi bila kukokotoa tena takwimu tatu. CMYK inatoka ulimwengu tofauti kabisa, wino badala ya mwanga. Ni ya kutoa, imejengwa kwa sahani nne za uchapishaji, na haiwezi kufikia kila rangi ambayo skrini inaweza, kwa sababu skrini hutoa mwanga ilhali karatasi huakisi tu.
Mitego unapobadilisha HSL kuwa HEX
Kutarajia msimbo wa asili urudi
Ikiwa ulianza na msimbo wa hex, ukaubadilisha kuwa HSL, hukurekebisha chochote na ukabadilisha kurudi, unaweza kupata msimbo tofauti hatua moja au mbili mbali. Kwa rangi moja haionekani. Kwa mfumo wa muundo, amua ni umbo lipi ni kuu, na uchukulie lingine kama lililotokana.
Kuchanganya mjazo na wepesi
Hivi viwili ni rahisi kubadilishana kwa makosa: hsl(30, 28%, 29%) si hsl(30, 29%, 28%). Mpangilio ni hue, mjazo, wepesi. Ikiwa rangi kwenye skrini haionekani kama ulivyotarajia, angalia kama hukuvigeuza.
Kusahau kwamba wepesi si mwangaza
Rangi mbili zenye wepesi sawa zinaweza kuonekana tofauti katika mwangaza. Njano kwa wepesi wa 50% inaonekana angavu zaidi kuliko samawati kwa 50%. Ikiwa unachagua rangi kwa maandishi na usuli, kagua utofautishaji wake kwa zana sahihi, si kwa kulinganisha nambari za wepesi.
Kutumia thamani zilizo nje ya masafa
Mjazo na wepesi vimewekewa kikomo cha 0 hadi 100 asilimia. Thamani zilizo nje ya masafa hayo hubanwa. Wepesi wa 120% si angavu zaidi kuliko nyeupe; ni nyeupe.
Maswali ambayo watu huuliza kabla ya kubadilisha
hsl(0, 100%, 50%) ni nini katika hex?
#FF0000, nyekundu safi.
hsl(0, 0%, 100%) ni nini katika hex?
#FFFFFF, nyeupe.
Naweza kutumia desimali?
Ndiyo. hsl(30.5, 28.6%, 27.8%) inakubaliwa. Matokeo huzungushwa hadi baiti nzima.
Je, ubadilishaji ni sahihi kabisa?
Unatoa baiti sahihi kwa nambari ulizoandika, zilizozungushwa hadi thamani nzima. Kurudi nyuma kunaweza kutua hatua moja mbali, kwa sababu nambari za HSL zilizungushwa.
Je, rangi yangu inapakiwa?
Hapana. Hesabu hufanyika ndani ya kivinjari chako na hakuna kinachotumwa popote.
Narudije nyuma?
Kwa HEX hadi HSL.
Kuchagua kwa busara unapobadilisha HSL kuwa HEX
Amua ni umbo lipi ni kuu
Ikiwa unabuni katika HSL, weka thamani za HSL kama chanzo na uchapishe hex kama matokeo. Ikiwa chapa inakupa hex, weka hiyo na utumie HSL kwa tofauti tu. Kuchanganya hizo mbili kama vyanzo sawa ndiko kunakoleta mteremko wa tofauti.
Tumia HSL kwa tofauti, hex kwa kurekebisha
Unapohitaji familia ya vivuli, fanya kazi katika HSL. Unapohitaji kurekebisha rangi ili iwe sawa kabisa katika kila zana, iandike kama hex.
Weka nambari ulizoandika
Rekodi thamani za HSL kando ya hex kwenye dokezo lako la paleti. Mtu akitaka baadaye toleo jepesi zaidi, anaweza kuanza kutoka nambari zako na si kutoka msimbo ambao tayari umezungushwa.
Sekta sita za gurudumu
Chaneli ipi iko juu, ipi iko chini
Ubadilishaji hugawanya gurudumu katika sekta sita za digrii 60, na katika kila moja chaneli moja iko kwenye kiwango cha juu zaidi, moja kwenye cha chini zaidi na ya tatu hubadilika taratibu. Kuanzia 0 hadi 60, nyekundu iko juu, samawati chini na kijani hupanda: nyekundu hugeuka njano. Kuanzia 60 hadi 120, kijani kiko juu na nyekundu hushuka: njano hugeuka kijani. Kuanzia 120 hadi 180, kijani hubaki juu na samawati hupanda: kijani hugeuka samawati-kijani (cyan). Kuanzia 180 hadi 240, samawati huchukua nafasi na kijani hushuka. Kuanzia 240 hadi 300, samawati hubaki juu na nyekundu hupanda: samawati hugeuka magenta. Kuanzia 300 hadi 360, nyekundu huchukua nafasi tena na samawati hushuka. Unapobadilisha HSL kuwa HEX, inasaidia kujua hue yako iko katika sekta ipi, kwa sababu inakuambia ni jozi ipi kati ya tatu katika jibu itakuwa kubwa zaidi.
Kwa nini jibu lina mfanano wa kifamilia
Rangi za hue na mjazo sawa lakini wepesi tofauti hutoa misimbo ya hex inayoonekana kama ndugu: mchoro ule ule wa jozi ipi iko juu na ipi iko chini, ukipanuliwa au kupunguzwa tu. #5C4733, #7A5F44 na #A38461 zote ziko katika familia moja, nyekundu ikiwa kubwa zaidi, kisha kijani, kisha samawati. Unaweza kujifunza kusoma hili kwa mtazamo mmoja, na linafanya makosa kuwa rahisi kugundua.
Kujenga ngazi ya wepesi
Hue moja, hatua tisa
Matumizi ya vitendo sana ya ubadilishaji ni kujenga ngazi ya rangi moja kutoka nyepesi sana hadi nyeusi sana, aina ya kipimo ambacho mifumo ya muundo huita 50, 100, 200 na kuendelea hadi 900. Chagua hue na mjazo, kisha pitisha wepesi kupitia thamani kama 96, 90, 80, 70, 60, 50, 40, 30 na 20 asilimia. Badilisha HSL kuwa HEX kwa kila hatua, na una misimbo tisa inayokwenda pamoja. Kupunguza mjazo kidogo kwenye ncha, pointi chache kwenye hatua nyepesi zaidi na nyeusi zaidi, mara nyingi huonekana asilia zaidi kuliko kuuweka bila kubadilika.
Kutaja hatua majina
Upe kila hatua jina linalorekodi nafasi yake, si thamani yake: surface kwa nyepesi zaidi, border kwa inayofuata, text kwa nyeusi zaidi. Katika msimbo, jina humwambia msomaji anayefuata rangi hiyo ni ya nini, na unaweza kubadilisha nambari iliyo nyuma yake bila kugusa kanuni zinazoitumia.
Mandhari ya mwanga na ya giza
Kuakisi ngazi
Mandhari ya giza mara nyingi ni mandhari ya mwanga yenye ngazi iliyopinduliwa: hatua nyepesi zaidi inayokuwa usuli wa ukurasa katika mandhari ya mwanga na nyeusi zaidi inakuwa usuli katika ile ya giza. Ikiwa ulijenga ngazi katika HSL, mandhari ya giza haikugharimu chochote isipokuwa seti ya pili ya ubadilishaji. Weka hue bila kubadilika, jambo linalohifadhi tabia ya chapa, na rekebisha mjazo kidogo, kwani rangi zenye mjazo mkubwa huwa zinaonekana kali kwenye usuli wa giza.
Kukagua mandhari zote mbili
Jaribu kila jozi ya maandishi na usuli ya mandhari zote mbili kwa utofautishaji. Rangi inayofanya kazi kwenye nyeupe inaweza kushindwa kwenye karibu-nyeusi, na ukaguzi huchukua dakika moja kwa zana ya utofautishaji na misimbo ya hex uliyoitoa sasa hivi.
Unapokuwa na wazo la jumla tu la rangi
Anza kwenye gurudumu, kisha boresha
Wakati mwingine huna msimbo wa hex kabisa, wazo tu: samawati tulivu, machungwa ya joto, kijani kibichi. HSL ni mahali pazuri pa kuanzia, kwa sababu unaweza kuchagua hue kutoka alama za gurudumu, kuweka mjazo wa wastani na wepesi wa kati, kisha ubadilishe HSL kuwa HEX kuona ulichonacho. Ikionekana kali sana, punguza mjazo; ikionekana tambarare, sogeza wepesi. Kila jaribio hugharimu sekunde, na unaishia na msimbo wa hex unaoweza kuweka moja kwa moja kwenye karatasi ya mitindo.
Vigeuzi vinavyohusiana
Familia ile ile ya zana inashughulikia ubadilishaji jirani. Ili kurudi nyuma, tumia HEX hadi HSL. Kwa nambari zilizo nyuma ya msimbo, kuna HEX hadi RGB na RGB hadi HEX, na kwa uchapishaji, HEX hadi CMYK na CMYK hadi HEX. Kwa vipimo katika karatasi ile ile ya mitindo, px hadi rem hufanyia urefu kile ambacho ukurasa huu hufanyia rangi.
Mfano uliokokotolewa
Tuseme umechagua kijani kwa hali ya mafanikio ya programu: hsl(145, 55%, 38%). Unakiandika na kusoma #2C9658. Unatumia msimbo huo kwenye faili ya tokeni kama --success. Kwa usuli wa arifa ya mafanikio unachukua hue ile ile, hsl(145, 45%, 94%), na kusoma #E9F7EF. Kwa mpaka, hsl(145, 45%, 78%), ambayo inasomeka #AEE0C3. Misimbo mitatu, hue moja, yote ikitokana ndani ya dakika moja, na kila mmoja ni msimbo wa kawaida wa hex ambao zana yoyote ya timu inaweza kufungua.
Orodha fupi ya ukaguzi
Kabla ya kubadilisha
Kagua mpangilio wa nambari tatu: hue, mjazo, wepesi. Amua ni umbo lipi ni kuu kwako.
Wakati wa kubadilisha
Andika thamani, soma hex na uinakili pamoja na alama yake ya reli.
Baada ya kubadilisha
Tazama rangi kwenye skrini katika muktadha, na andika thamani za HSL kando ya msimbo kwa baadaye.
Makosa ya kawaida
Kubadilishana mjazo na wepesi
Mpangilio ni hue, mjazo, wepesi.
Kutarajia kurejesha hex ya zamani
Inaweza kutua hatua moja mbali. Weka ya asili ikiwa ni muhimu.
Kulinganisha wepesi badala ya utofautishaji
Tumia zana ya utofautishaji kwa maandishi na usuli.
Rangi zako hubaki kwenye kifaa chako
Hesabu hufanyika ndani ya kifaa. Thamani zako zinatumiwa na kivinjari chako mwenyewe na hakuna kinachotumwa popote. Hakuna cha kufuta baadaye na hakuna akaunti ya kuunda. Hiyo ndiyo njia rahisi ya kubadilisha HSL kuwa HEX.
Muhtasari
Ili kubadilisha HSL kuwa HEX hapa, andika hue kwa digrii na mjazo na wepesi kwa asilimia, kisha usome msimbo wa hex mara moja. Ubadilishaji huhifadhi rangi jinsi jicho linavyoipanga: hue kwenye gurudumu, ina mjazo kiasi gani, ni nyepesi kiasi gani. Mifumo hii miwili ya uandishi inaelezea rangi zile zile, lakini HSL huzifikia kupitia jiometri tofauti na nambari zake tatu huzungushwa hadi digrii nzima na asilimia nzima, kwa hivyo rangi iliyochukuliwa hadi HSL na kurudishwa inaweza kutua hatua moja au mbili kutoka ilipoanzia. Ukihitaji baiti sahihi, hifadhi hex. Hakuna kinachopakiwa.