Mayar da HSL zuwa HEX Hue Saturation Lightness ↔ Hexadecimal Kyauta A kan layi Amintacce
Ku rubuta ƙima a HSL ku karanta ta a HEX nan take. Lissafin yana faruwa a cikin burauzarku, ba a aika komai ko'ina ba, kuma abin da mayarwar ta dogara da shi an rubuta shi a ƙasa maimakon a ɗauka.
Ba a ɗora komai ba
Daga ina waɗannan rubuce-rubuce suka fito
Hex da RGB abu ɗaya ne da aka rubuta sau biyu. Launin allo lambobi uku ne — yawan hasken ja, kore da shuɗi da za a fitar — kowanne daga 0 zuwa 255, wato byte ɗaya; hex kawai yana rubuta waɗannan bytes a tushe na goma sha shida, don haka #FF8800 da rgb(255, 136, 0) umarni ɗaya ne ga pixel ɗaya. An ƙirƙiri HSL domin ba ɗaya daga cikinsu da ɗan adam zai iya karantawa: yana ba da hue a matsayin kusurwa kewaye da dabarar launi, tare da saturation da lightness a matsayin kashi-kashi cikin ɗari, don haka mai zane zai iya sa wani abu ya yi haske ba tare da sake lissafin lambobi uku ba. CMYK na wata duniya ce daban — tawada ba haske ba. Yana ragewa (subtractive), an gina shi daga faranti huɗu na bugu, kuma ba zai iya kaiwa ga kowane launi da allo zai iya ba, domin allo yana fitar da haske yayin da takarda ke mayar da shi kawai.
Inda kuke haɗuwa da su
Hex shi ne abin da kuke rubutawa a stylesheet da abin da kayan aikin zane ke ba ku. RGB yana bayyana duk inda launi ke buƙatar lissafi — gradient, transparency, lambar da ke lissafin inuwa. HSL shi ne abin da kuke kaiwa lokacin gyara palette da hannu, domin sauye-sauyen da kuke so yawanci sauyi ne na ɗaya daga cikin lambobinsa uku. CMYK shi ne abin da mai bugu yake nema, kuma juyawa zuwa gare shi shi ne lokacin da zane ya daina zama haske ya zama tawada.
Tambayoyin da mutane ke yi
Me ya sa sakamakon CMYK nawa ya bambanta da wanda gidan bugu ya ba ni?
Domin babu juyawa ɗaya tilo na daidai. Lissafin da ke wannan shafin mai sauƙi ne kuma ba ya dogara da na'ura, wanda shi ne amsar da ta dace idan kuna buƙatar wurin farawa ko kimanta kusanci. Gidan bugu yana juyawa ta hanyar color profile da ke la'akari da takamaiman tawada, takarda da na'ura, kuma launin RGB ɗaya zai ba da ƙimar CMYK daban a takarda mai sheƙi fiye da wadda ba a shafa ba. Ga duk abin da dole ya daidaita, ku nemi profile ɗin gidan bugu maimakon ku amince da dabara.
Me ya sa wasu launukan allo ba za a iya buga su ba?
Domin ba za su iya kaiwa ga launuka iri ɗaya ba. Allo yana yin launi ta ƙara haske kuma yana iya samar da cyan ko kore mai ƙarfi sosai da tawada ba zai iya daidaitawa ba; takarda tana yin launi ta sha haske, kuma mafi haskenta shi ne farin takardar. Rukunin launukan da kowanne zai iya kaiwa ana kiransa gamut ɗinsa, kuma inda suka ƙi haɗuwa, juyawa dole ta zaɓi launi mafi kusa da ke akwai. Shi ya sa launi mai haske na allo yakan yi kamar ya dushe kaɗan a bugu.
Shin amsar daidai ce?
Inda aka ayyana ma'aunai biyun ta hanyar juna da cikakkun lambobi, i — shafin yana faɗin haka a saman lambar, kuma zagaye kawai shi ne yawan lambobin da ake nunawa. Inda rabon ba shi da lambar goma mai ƙarewa, shafin yana nuna muhimman lambobi goma sha biyu kuma yana cewa alaƙar kintace ce maimakon ya yi kamar ba haka ba ne.
Shin wani abu da na rubuta yana barin na'urata?
A'a. Ana yin lissafin a cikin burauzarku; ba a ɗora komai ba, kuma babu uwar garke da za a ɗora zuwa gare ta. Ku buɗe shafin sau ɗaya zai ci gaba da aiki ko da an kashe hanyar sadarwa.
Dalilin da ya sa kake canza HSL zuwa HEX
Ka lissafa launi a HSL, domin shi ne rubutun da za ka iya yin tunani a ciki: hue 30, saturation 29%, lightness 28%, launin ruwan ƙasa mai laushi, da sigar da ta fi haske a 34% don yanayin hover. Yanzu launin dole ya tafi wani wuri da ke son lambar hex: fayil ɗin tokens na ƙira, takardar alama, kayan aiki da bai fahimci hsl(), samfurin imel, saƙo ga abokin aiki. Canza HSL zuwa HEX shi ne ɗaukar launin da ka yi tunani a kai ka rubuta shi a tsarin da yake gajere, bayyananne kuma kowane abu yake fahimta.
Canjin yana aiki a akasin hanyar da masu ƙira suka fara haɗuwa da ita. Yana farawa daga lambobi uku masu sauƙin ɗan adam kuma yana kai wa bait uku. Kowane mataki lissafi ne mai sauƙi, amma ya haɗa da wasu yanayi masu kama da trigonometry da zagaye, shi ya sa mutane suka fi son a yi musu. Shafin yana yin sa a burauzarka, kuma babu abin da ake lodawa. A ƙasa za ka ga yadda lambobi ukun ke zama lambobin hex shida, abin da canjin yake riƙewa, dalilin da launin da ya bi ta HSL zai iya sauka mataki ɗaya ko biyu daga inda ya fara, hanyoyin da masu ƙira ke amfani da canjin, da tarkunan da za a guje wa.
Yadda canjin yake aiki
Daga hue, saturation da lightness zuwa ja, kore da shuɗi
Mai canzawa yana fara lissafa chroma, wato nisan launin daga toka: yana girma da saturation kuma yana raguwa yayin da lightness ke nisanta daga 50%. Sannan yana sanya hue a ɗaya daga sassa shida na dabaran launi, kowanne faɗinsa digiri 60, kuma daga sashen yana yanke shawara wace daga cikin tashoshi ukun ce a mafi girma, wace a mafi ƙanƙanta kuma wace tsakani. A ƙarshe yana ƙara tsayayyen adadi domin lightness ta fito daidai, yana ƙara ƙima ukun daga kewayon 0 zuwa 1 har zuwa 0 zuwa 255, kuma yana zagaye kowanne zuwa cikakkiyar lamba. Ana rubuta waɗannan bait uku a tushe goma sha shida, lambobi biyu kowanne.
Misali da lambobi
Ɗauki hsl(30, 29%, 28%). Chroma shi ne (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624. Hue na digiri 30 yana tsakiyar sashe na farko, don haka tashar tsakiya rabin chroma ce, 0.0812. Tsayayyen adadin da za a ƙara shi ne 0.28 − 0.0812 = 0.1988. Don haka ja shi ne 0.1624 + 0.1988 = 0.3612, kore shi ne 0.0812 + 0.1988 = 0.28 kuma shuɗi shi ne 0.1988. Idan aka ninka da 255 aka zagaye, waɗannan su ne 92, 71 da 51. A hex, wannan shi ne #5C4733.
Toka
Lokacin da saturation 0% ne, launin toka ne ko da wane hue, kuma bait ukun daidai suke. hsl(0, 0%, 50%) shi ne #808080. Ana yin watsi da hue, don haka kowace lambar hue tana ba da toka ɗaya.
Abin da canjin yake riƙewa da abin da ba zai iya ba
Yana riƙe launin yadda ka bayyana shi
Sakamakon shi ne launin da kuka bayar hue, saturation da lightness ɗinsa, aka rubuta shi a matsayin bait. Lambobi ukun da ka rubuta su ne launi yadda ido yake rarraba shi, hue a dabaran, yawan cikawarsa, yawan hasken sa. Shi ya sa HSL ya cancanci a samu, kuma canjin yana kai zaɓinka zuwa hex da aminci.
Ba zai iya yin alkawarin lambobi iri ɗaya a dawowa ba
Biyun suna bayyana launuka iri ɗaya, amma HSL yana kaiwa gare su ta wata geometry dabam kuma ana zagaye lambobi ukun sa zuwa cikakkun digiri da cikakkun kashi-kashi idan aka rubuta. Don haka launin da aka kai HSL aka dawo da shi na iya sauka mataki ɗaya ko biyu daga inda ya fara: a gani iri ɗaya ne, ba bait da bait ba. A misalinmu, #5A4632 launi ne da HSL ɗinsa kusan hsl(30, 29%, 28%); komawa da waɗannan lambobi da aka zagaye yana ba da #5C4733, mataki biyu a ja. Idan kana buƙatar ainihin bait, ka riƙe hex.
Alamomin kashi da digiri
Shafin yana karanta hue a digiri da saturation da lightness a kashi. Za ka iya rubuta su da ko ba tare da alamomin ba. Hue sama da 360 ko ƙasa da 0 ana naɗa shi a kewayen dabaran, don haka 390 daidai yake da 30.
Amfani na aiki
Rubuta fayil ɗin tokens na ƙira
Tsarin ƙira yana adana launuka a matsayin tokens. Ƙungiyoyi da yawa suna ƙirƙirar launuka a HSL, domin suna iya yin tunani a kansu, kuma suna wallafa su a hex, domin kowane kayan aiki yana karanta shi. Canza HSL zuwa HEX sau ɗaya ga kowane token, kuma fayil ɗin da aka wallafa abu ne da kowa zai iya amfani da shi.
Samar da launuka ga kayan aikin da ba sa karanta hsl()
Masu amfani da imel, wasu masu gyaran takardu, tsoffin shirye-shiryen zane da ɗakunan karatu na jadawali da yawa suna karɓar hex kawai. Duk abin da ka lissafa a HSL dole a canza shi kafin su iya amfani da shi.
Duba palette da aka samar
Rubutun da ke samar da palette ta juya hue yana ba da jerin ƙimar hsl(). Don ganin su a matsayin lambobin da za ka sa a takardar salo ko ka ba mai ƙira, canza kowanne zuwa hex. Hakanan yana ba ka damar ganin ƙimar da ke zagaye zuwa lamba ɗaya don haka ba su bambanta da gaske ba.
Raba launi a saƙo
Lambar hex gajera ce, ana iya kwafe ta kuma kusan kowa da ke aiki da launi yana fahimtarta. Ƙimar hsl() ta fi tsayi kuma ba a saba da ita ba a wajen ƙira. Lokacin da kake aika launi ga wani, hex shi ne tsari na ladabi.
Yadda ake Canza HSL zuwa HEX a nan
Rubuta ko liƙa ƙimar hsl
Shigar da launin a filin farko a tsarin hsl(30, 29%, 28%), ko lambobi ukun kawai. Hue a digiri ne, saturation da lightness a kashi.
Karanta lambar hex
Amsar tana bayyana nan take, kamar a hsl(30, 29%, 28%) = #5C4733. Ana rubuta ta da manyan haruffa da alamar hash.
Kwafa ta cikin aikinka
Yi amfani da lambar a takardar salonka, fayil ɗin tokens ko saƙo. Don akasin alkibla, HEX zuwa HSL yana nan da danna ɗaya.
Daga ina waɗannan rubuce-rubuce suka fito
Hex da RGB abu ɗaya ne da aka rubuta sau biyu
Launin allo lambobi uku ne, nawa ne haske na ja, kore da shuɗi da za a fitar, kowanne daga 0 zuwa 255, wato bait ɗaya. Hex yana rubuta waɗannan bait a tushe goma sha shida kawai. Don ganin lambobin, canza HEX zuwa RGB.
HSL da CMYK
An ƙirƙiri HSL domin babu ɗaya daga cikin biyun da ɗan adam zai iya karantawa: yana bayar da hue a matsayin kusurwa a kewayen dabaran launi, tare da saturation da lightness a matsayin kashi-kashi, don mai ƙira ya iya sa wani abu ya yi haske ba tare da sake lissafin lambobi uku ba. CMYK na wata duniya ne daban gaba ɗaya, tawada ba haske ba. Yana cirewa, an gina shi daga faranti huɗu na bugu, kuma ba zai iya kaiwa kowane launi da allo zai iya ba, domin allo yana fitar da haske yayin da takarda ke mayar da shi kawai.
Tarkuna lokacin da kake Canza HSL zuwa HEX
Tsammanin lambar asali ta dawo
Idan ka fara daga lambar hex, ka canza ta zuwa HSL, ba ka gyara komai ba ka koma, za ka iya samun lamba dabam mataki ɗaya ko biyu daga ita. Ga launi guda, ba a ganinsa. Ga tsarin ƙira, yanke shawara wane tsari ne tushe, ka ɗauki ɗayan a matsayin wanda aka samo.
Rudar da saturation da lightness
Biyun suna da sauƙin musanya bisa kuskure: hsl(30, 28%, 29%) ba hsl(30, 29%, 28%) ba ne. Tsarin shi ne hue, saturation, lightness. Idan launin da ke kan allo bai yi kama da yadda ka yi tsammani ba, duba cewa ba ka juya su ba.
Mantawa cewa lightness ba brightness ba ce
Launuka biyu masu lightness iri ɗaya na iya bambanta a brightness. Rawaya a 50% lightness tana kama da ta fi haske sosai fiye da shuɗi a 50%. Idan kana zaɓar launuka na rubutu da bango, duba bambancinsu da ingantaccen kayan aiki, ba ta kwatanta lambobin lightness ba.
Amfani da ƙimar da ta fita daga kewaye
Saturation da lightness suna iyakance zuwa kashi 0 zuwa 100. Ana matse ƙimar da ke wajen wannan kewayon. Lightness na 120% ba ta fi fari haske ba; fari ne.
Tambayoyin da mutane ke yi kafin canzawa
Menene hsl(0, 100%, 50%) a hex?
#FF0000, ja tsantsa.
Menene hsl(0, 0%, 100%) a hex?
#FFFFFF, fari.
Zan iya amfani da ɗigo goma?
Eh. hsl(30.5, 28.6%, 27.8%) ana karɓarsa. Ana zagaye sakamakon zuwa cikakkun bait.
Shin canjin daidai ne?
Yana ba da ainihin bait na lambobin da ka rubuta, da aka zagaye zuwa cikakkun ƙima. Komawa na iya sauka mataki ɗaya daga nesa, domin an zagaye lambobin HSL.
Ana loda launina?
A'a. Lissafin yana gudana a burauzarka kuma ba a aika komai ko'ina ba.
Ta yaya zan koma?
Da HEX zuwa HSL.
Zaɓi cikin hikima lokacin da kake Canza HSL zuwa HEX
Yanke shawara wane tsari ne tushe
Idan kana ƙira a HSL, ka riƙe ƙimar HSL a matsayin tushe ka wallafa hex a matsayin fitarwa. Idan alama ta ba ka hex, ka riƙe wannan ka yi amfani da HSL don bambance-bambance kawai. Haɗa su biyun a matsayin tushe daidai shi ne ke haifar da karkacewa.
Yi amfani da HSL don bambanci, hex don gyarawa
Lokacin da kake buƙatar iyali na inuwa, yi aiki a HSL. Lokacin da kake buƙatar gyara launi don ya zama iri ɗaya a kowane kayan aiki, ka rubuta shi a hex.
Ka riƙe lambobin da ka rubuta
Rubuta ƙimar HSL kusa da hex a bayanin palette ɗinka. Idan wani daga baya yana son sigar da ta fi haske, zai iya farawa daga lambobinka ba daga lambar da aka riga aka zagaye ba.
Sassa shida na dabaran
Wace tasha ce mai girma, wace ƙarama
Canjin yana raba dabaran zuwa sassa shida na digiri 60, kuma a kowanne daga cikinsu tasha ɗaya tana a mafi girma, ɗaya a mafi ƙanƙanta kuma ta uku tana canzawa a hankali. Daga 0 zuwa 60, ja yana a mafi girma, shuɗi a mafi ƙanƙanta kuma kore yana tashi: ja yana zama rawaya. Daga 60 zuwa 120, kore yana a mafi girma kuma ja yana faɗuwa: rawaya tana zama kore. Daga 120 zuwa 180, kore yana kasancewa mai girma kuma shuɗi yana tashi: kore yana zama cyan. Daga 180 zuwa 240, shuɗi yana karɓar ragamar kuma kore yana faɗuwa. Daga 240 zuwa 300, shuɗi yana kasancewa mai girma kuma ja yana tashi: shuɗi yana zama magenta. Daga 300 zuwa 360, ja yana sake karɓar ragamar kuma shuɗi yana faɗuwa. Lokacin da kake Canza HSL zuwa HEX, yana taimakawa sanin a wane sashe hue ɗinka yake, domin yana gaya maka wane daga cikin biyun uku a amsar zai fi girma.
Dalilin da amsar take da kama da dangi
Launuka masu hue da saturation iri ɗaya amma lightness daban suna ba da lambobin hex da suke kama da dangi: tsarin iri ɗaya na wane biyu ne mai girma da wane ƙarami, kawai an ƙara ko an rage. #5C4733, #7A5F44 da #A38461 duka suna cikin iyali ɗaya, ja shi ne mafi girma, sannan kore, sannan shuɗi. Za ka iya koyon karanta wannan da kallo ɗaya, kuma yana sa kura-kurai su yi sauƙin kamawa.
Gina tsanin lightness
Hue ɗaya, matakai tara
Amfani mai matuƙar amfani na canjin shi ne gina tsani na launi guda daga mai haske sosai zuwa mai duhu sosai, irin sikelin da tsarin ƙira ke yi wa lakabi da 50, 100, 200 da sauransu har zuwa 900. Zaɓi hue da saturation, sannan ka taka lightness ta ƙima kamar kashi 96, 90, 80, 70, 60, 50, 40, 30 da 20. Canza HSL zuwa HEX ga kowane mataki, kuma kana da lambobi tara da suka haɗu. Rage saturation kaɗan a iyakoki, maki kaɗan a matakan mafi haske da mafi duhu, sau da yawa yana kama da na halitta fiye da riƙe shi tsayayye.
Sa wa matakan suna
Ba wa kowane mataki suna da ke bayyana aikinsa, ba ƙimarsa ba: surface ga mafi haske, border ga na gaba, text ga mafi duhu. A cikin lambar, suna yana gaya wa mai karatu na gaba abin da launin yake don shi, kuma za ka iya canza lambar da ke bayansa ba tare da taɓa dokokin da ke amfani da shi ba.
Jigogi masu haske da duhu
Madubin tsani
Jigon duhu sau da yawa jigon haske ne da tsanin ya juye: mataki mafi haske yana zama bangon shafi a jigon haske kuma mafi duhu yana zama bango a na duhu. Idan ka gina tsanin a HSL, jigon duhu ba zai kashe ka komai ba sai saitin canje-canje na biyu. Ka riƙe hue tsayayye, wanda ke kiyaye halin alama, ka gyara saturation kaɗan, domin launuka masu cika sosai suna kama da tsanani a kan bango masu duhu.
Duba jigogin biyu
Gwada kowane biyun rubutu da bango na jigogin biyu don bambanci. Launin da ke aiki a kan fari na iya kasawa a kan kusan baƙi, kuma binciken yana ɗaukar minti ɗaya da kayan aikin bambanci da lambobin hex da ka samar yanzu.
Lokacin da kake da ra'ayin launi kawai
Fara daga dabaran, sannan ka gyara
Wasu lokuta ba ka da lambar hex ko kaɗan, ra'ayi kawai: shuɗi mai natsuwa, lemu mai ɗumi, kore mai sabo. HSL wuri ne mai kyau don farawa, domin za ka iya zaɓar hue daga alamomin dabaran, ka saita matsakaicin saturation da lightness ta tsakiya, sannan ka Canza HSL zuwa HEX don ganin abin da kake da shi. Idan ya yi kama da ƙara sosai, rage saturation; idan ya yi kama da lebur, motsa lightness. Kowane gwaji yana kashe daƙiƙu, kuma ka ƙare da lambar hex da za ka iya sa kai tsaye a takardar salo.
Masu canzawa masu alaƙa
Iyali ɗaya na kayan aiki yana rufe canje-canje maƙwabta. Don komawa, yi amfani da HEX zuwa HSL. Don lambobin da ke bayan lambar, akwai HEX zuwa RGB da RGB zuwa HEX, kuma ga bugu, HEX zuwa CMYK da CMYK zuwa HEX. Ga girma a takardar salo ɗaya, px zuwa rem yana yi wa tsayi abin da wannan shafi yake yi wa launuka.
Misali da aka warware
Ka ce ka zaɓi kore don yanayin nasara na manhaja: hsl(145, 55%, 38%). Ka rubuta shi ka karanta #2C9658. Ka yi amfani da wannan lamba a fayil ɗin tokens a matsayin --success. Don bangon sanarwar nasara ka ɗauki hue ɗaya, hsl(145, 45%, 94%), ka karanta #E9F7EF. Don iyaka, hsl(145, 45%, 78%), wanda ke karantawa #AEE0C3. Lambobi uku, hue ɗaya, duka an samo su cikin minti ɗaya, kuma kowanne lambar hex ce kawai da kowane kayan aiki a ƙungiyar zai iya buɗewa.
Gajeren jerin dubawa
Kafin canzawa
Duba tsarin lambobi ukun: hue, saturation, lightness. Yanke shawara wane tsari ne tushenka.
Yayin canzawa
Rubuta ƙimar, karanta hex ka kwafa shi da alamar hash.
Bayan canzawa
Duba launin a allo a cikin mahallinsa, ka rubuta ƙimar HSL kusa da lambar don gaba.
Kura-kurai na gama-gari
Musanya saturation da lightness
Tsarin shi ne hue, saturation, lightness.
Tsammanin dawo da tsohon hex
Zai iya sauka mataki ɗaya daga nesa. Ka riƙe na asali idan yana da muhimmanci.
Kwatanta lightness maimakon bambanci
Yi amfani da kayan aikin bambanci don rubutu da bango.
Launukanka suna kasancewa a na'urarka
Lissafin yana faruwa a cikin gida. Burauzarka ce ke amfani da ƙimarka kuma ba a aika komai ko'ina ba. Babu abin da za a share daga baya kuma babu asusun da za a ƙirƙira. Wannan ita ce hanya mai sauƙi ta Canza HSL zuwa HEX.
Taƙaitawa
Don Canza HSL zuwa HEX a nan, rubuta hue a digiri da saturation da lightness a kashi, ka karanta lambar hex nan take. Canjin yana riƙe launin yadda ido yake rarraba shi: hue a dabaran, yawan cikawarsa, yawan hasken sa. Rubuce-rubucen biyu suna bayyana launuka iri ɗaya, amma HSL yana kaiwa gare su ta wata geometry dabam kuma ana zagaye lambobi ukun sa zuwa cikakkun digiri da cikakkun kashi-kashi, don haka launin da aka kai HSL aka dawo da shi na iya sauka mataki ɗaya ko biyu daga inda ya fara. Idan kana buƙatar ainihin bait, ka riƙe hex. Ba a loda komai.