Mayar da HEX zuwa HSL Hexadecimal ↔ Hue Saturation Lightness Kyauta A kan layi Amintacce
Ku rubuta ƙima a HEX ku karanta ta a HSL 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 kake canza HEX zuwa HSL
Lambar hex kamar #5A4632 kyakkyawar hanya ce ta adana launi kuma mummunar hanya ta tunani a kansa. Babu abin da ke cikin lambobin da yake gaya maka cewa launin ruwan ƙasa ne, yadda yake da haske ko yadda sigar da ta fi ɗan kodadde za ta yi kama. An ƙirƙiri HSL don gyara hakan. Yana kwatanta launi yadda mutane suke magana a kansa: wane hue ne, yadda yake da ƙarfi da yadda yake da haske. Canza HEX zuwa HSL shi ne fassara launi daga tsarin da kayan aikin zane yake ba ka zuwa tsarin da za ka iya yin tunani da shi: hsl(30, 29%, 28%) launin ruwan lemu mai duhu ne, mai laushi, kuma za ka iya gani nan take cewa ɗaga lambar ƙarshe zai sa shi ya zama kodadde.
Wannan shi ne ainihin dalilin da masu zane da masu ci gaba na gaba-gaba suke amfani da canzawar. Suna da launin alama a hex kuma suna buƙatar iyali na launuka masu alaƙa: mafi haske don yanayin hover, mafi duhu don maɓallin da aka danna, mai kodadde sosai don tint na bango, mai rage saturation don sarrafa da aka kashe. A hex, kowane ɗaya sabon farauta ne na nau'i-nau'i uku na lambobi. A HSL, kowane ɗaya canji ne ga lamba ɗaya. Launi iri ɗaya ne, ana ganinsa ta ruwan tabarau mafi amfani.
Wannan shafi yana canzawa a cikin burauzarka, kuma ba a loda komai ba. A ƙasa za ka samu yadda ake lissafin lambobi uku na HSL daga lambobin hex, abin da canzawar take riƙewa da inda take zagaye, abin da hue, saturation da lightness suke nufi a aikace, yadda masu zane suke amfani da HSL don gina palette da yanayi, da tarkon da suke kama mutanen da suke canza HEX zuwa HSL a karon farko.
Abin da HSL yake kwatantawa
Hue: matsayi a ƙafar launi
Hue kusurwa ce daga 0 zuwa 360 digiri a kewayen ƙafar launi. Ja yana a 0, rawaya a 60, kore a 120, cyan a 180, shuɗi a 240 da magenta a 300; a 360 kun koma ja. Hue na 30 yana tsakanin ja da rawaya, wato lemu. Lambar tana gaya maka a wane iyalin launi kake, kuma babu abin da ta ce game da yadda yake da haske ko kodadde.
Saturation: yadda yake da ƙarfi
Saturation kashi ne. A 100% launi yana da tsabta gwargwadon yadda hue ya yarda; a 0% ya rasa duk launinsa kuma launin toka ne. Saturation na 29%, kamar a launin ruwan ƙasa na misalinmu, launi ne mai laushi, na ƙasa. Rage saturation ita ce hanya mafi sauri ta sa launi mai ƙara ya zama mai natsuwa ba tare da canza halinsa ba.
Lightness: yadda yake kodadde ko duhu
Lightness ma kashi ne. A 0% launi baƙi ne ko wane hue da saturation; a 100% fari ne; a 50% shi ne cikakken launi na yau da kullum. Launin ruwan ƙasanmu a 28% yana gefen duhu. Ɗaga lambar yana ba da sigar da ta fi kodadde ta launi ɗaya, kuma rage ta mai duhu, wanda shi ne canjin da masu zane suka fi so.
Dalilin da ya fi hex sauƙi
A hex, sa launi ya zama kodadde yana nufin ƙara dukan nau'i-nau'i uku da adadi daban-daban don hue ya kasance ba ya yawo, wanda kusan ba zai yiwu ba da ido. A HSL yana nufin canza adadi ɗaya ka bar sauran biyun.
Yadda canzawar take aiki
Daga bytes uku zuwa kusurwa da kashi biyu
Mai canzawa yana karanta lambobin hex da farko a matsayin ƙimar ja, kore da shuɗi, kowanne daga 0 zuwa 255, ya auna su zuwa tsakanin 0 da 1. Yana samun mafi girma da mafi ƙanƙanta daga cikin ukun. Lightness shi ne matsakaicin biyun. Saturation ya dogara da nisan da ke tsakaninsu, dangane da lightness. Hue ya dogara da wace tasha ce mafi girma da yadda sauran biyun suke kwatanta. Idan duka uku daidai suke, launi launin toka ne, saturation sifili ne kuma hue ba shi da ma'ana; mai canzawa sai ya nuna 0 a gare shi.
Misalin
Ga #5A4632 bytes su ne 90, 70 da 50. Ja shi ne mafi girma a 0.353, shuɗi mafi ƙanƙanta a 0.196. Lightness rabin jimillarsu ne, 0.275, kusan 28%. Banbancin shi ne 0.157, don haka saturation shi ne 0.157 an raba shi da jimillar 0.549, kusan 29%. Ja ita ce tasha mafi girma kuma kore yana tsakanin, wanda ya sa hue a digiri 30. Sakamakon shi ne hsl(30, 29%, 28%).
Cikakkun lambobi
Ana zagaye lambobin uku zuwa cikakkun digiri da cikakkun kashi lokacin da aka rubuta su. Wannan shi ne tsarin da mutane suke amfani da shi kuma CSS yake tsammani a aikin yau da kullum, amma yana nufin cewa an bar wani bayani a lambar ƙarshe, kamar yadda sashe na gaba ya bayyana.
Abin da canzawar take riƙewa da abin da ba za ta iya ba
Tana riƙe launi yadda ido yake rarraba shi
Sakamakon shi ne launi yadda ido yake rarraba shi: hue a kan ƙafa, yadda yake da saturation, yadda yake da haske. Wannan shi ne dalilin da HSL ya cancanci samu. Za ka iya sa launi ya zama kodadde ko inuwa mai duhu ta hanyar canza lamba ɗaya, wanda kusan ba zai yiwu ba a hex.
Ba za ta iya yin alkawarin bytes iri ɗaya a dawowa ba
Biyun suna kwatanta launuka iri ɗaya, amma HSL yana isa gare su ta wata geometry daban kuma ana zagaye lambobinsa uku zuwa cikakkun digiri da cikakkun kashi lokacin da aka rubuta su. Don haka launi da aka ɗauka zuwa HSL aka dawo da shi na iya sauka mataki ɗaya ko biyu daga inda ya fara: iri ɗaya a gani, ba byte da byte iri ɗaya ba. Idan kana buƙatar ainihin bytes ɗin su dawo, riƙe hex. Canza HEX zuwa HSL don yin aiki da launi, ka riƙe hex a matsayin babban fayil.
Launin toka ba shi da hue
Lokacin da bytes uku daidai suke, babu abin da za a ce game da hue. Mai canzawa yana ba da hue na 0 da saturation na 0%, kuma lightness kaɗai yana kwatanta launin tokar. Kada ka karanta komai a cikin 0.
Amfani da HSL a aikace
Gina iyali na inuwa
Ɗauki tushen launi hsl(30, 29%, 28%). Inuwa mai haske don hover ita ce hsl(30, 29%, 34%). Tint mai kodadde sosai don bango shi ne hsl(30, 29%, 94%). Inuwa mai duhu don yanayin da aka danna ita ce hsl(30, 29%, 22%). Hue da saturation suna nan yadda suke, don haka launukan a bayyane suke na juna. Yin haka a hex zai ɗauki ƙoƙari da yawa kuma har yanzu ya yi kama da kuskure kaɗan.
Jigogi da yanayin duhu
Jigo sau da yawa yana buƙatar palette iri ɗaya a sigar haske da duhu. Da HSL, kana riƙe hue ka daidaita lightness da saturation: sa bango ya yi haske rubutu kuma ya yi duhu don jigon haske, kuma akasin haka don duhu. Ayyana hue a matsayin custom property da canza lightness kaɗai hanya ce ta gama gari kuma mai tsabta ta yin hakan.
Samar da palette
Don samun launuka da suka dace da tushe, juya hue. Digiri talatin a kowane gefe yana ba da launuka masu kama da juna, 180 yana ba da mai cika, kuma 120 ko 240 suna ba da triad. Gyara saturation da lightness, canza hue, kuma launukan suna da jin daidaito. Hanya ce mai sauri ta fara palette da ba ta yi kama da bazuwar ba.
Bambanci mai isa
Lightness shi ne babban mai sarrafa bambanci. Idan rubutu yana da wuyar karantawa a kan bango mai launi, gyaran yawanci shi ne ƙara bambancin lightness tsakaninsu, kuma HSL yana mai da shi batun daidaita lamba ɗaya a kowane gefe.
Yadda ake canza HEX zuwa HSL a nan
Rubuta ko liƙa lambar hex
Shigar da launi a filin farko, tare da ko ba tare da alamar hash ba. Ana karɓar siffofi masu lambobi uku da shida, kuma ana karanta siffar lambobi takwas mai bayyanawa ma.
Karanta ƙimar hsl
Amsar tana bayyana nan take, kamar a #5A4632 = hsl(30, 29%, 28%). Lambobin uku su ne hue a digiri da saturation da lightness a kashi.
Kwafe shi cikin stylesheet ɗinka
Yi amfani da sakamakon kamar yadda yake, a cikin ƙa'ida kamar color: hsl(30, 29%, 28%). Don daidaita launin, canza adadin ƙarshe. Kayan aiki don kishiyar hanya shi ne HSL zuwa HEX.
Daga ina waɗannan rubutu suka fito
Hex da RGB abu ɗaya ne da aka rubuta sau biyu
Launin allo lambobi uku ne, nawa na hasken ja, kore da shuɗi za a fitar, kowanne daga 0 zuwa 255, wato byte ɗaya. Hex kawai yana rubuta waɗannan bytes a tushe goma sha shida. Don ganin lambobin, canza HEX zuwa RGB.
HSL da CMYK
An ƙirƙiri HSL domin babu ɗayansu da mutum zai iya karantawa: yana ba da hue a matsayin kusurwa a kewayen ƙafar launi, tare da saturation da lightness a matsayin kashi, don mai zane ya iya sa wani abu ya yi haske ba tare da sake lissafin lambobi uku ba. CMYK na wata duniya ce daban gaba ɗaya, tawada maimakon haske. Yana cirewa, an gina shi daga faranti huɗu na bugawa, kuma ba zai iya isa ga kowane launi da allo zai iya ba, domin allo yana fitar da haske yayin da takarda take mayar da shi kawai.
Tarko lokacin da kake canza HEX zuwa HSL
Tsammanin tafiya da dawowa cikakke
Saboda zagaye, canzawa baya na iya ba da lamba mataki ɗaya ko biyu daga ta asali. Ga launi ɗaya ba a gani. Ga tsarin zane inda ake canza launuka da yawa gaba da baya, yana iya taruwa. Riƙe hex a matsayin tushe.
Ɗauka cewa lightness iri ɗaya yana nufin haske iri ɗaya
Launuka biyu masu lightness na HSL iri ɗaya na iya bambanta sosai a haske: rawaya a 50% yana kama da haske fiye da shuɗi a 50%. Lightness na HSL lamba ce mai dacewa, ba ma'aunin hasken da ake gani ba. Don duba bambanci, yi amfani da ingantaccen kayan aikin bambanci.
Mantawa da alamomin kashi
A CSS, saturation da lightness a hsl() suna ɗaukar alamomin kashi, kuma hue lamba ce ta fili ko lamba da deg. Barin alamomin kuskure ne na gargajiya.
Karanta abubuwa da yawa a cikin launin toka
Launin toka ba shi da hue. Idan mai canzawa yana nuna 0 a gare shi, hakan ba yana nufin yana da ja ba.
Tambayoyin da mutane suke yi kafin canzawa
Menene #FF0000 a HSL?
hsl(0, 100%, 50%), ja tsantsa.
Menene #FFFFFF a HSL?
hsl(0, 0%, 100%), fari. Hue ba shi da ma'ana ga fari, kuma mai canzawa yana nuna 0.
Ana goyon bayan HSL a ko'ina?
Duk burauzar yanzu tana fahimtar hsl() da hsla(). Yana cikin CSS shekaru da yawa.
Shin canzawar daidai ce?
Daidai ce ta ma'anar kwatanta launi ɗaya, amma ana zagaye lambobin zuwa cikakkun digiri da kashi, don haka komawa baya na iya sauka mataki ɗaya daga asali.
Ana loda launina?
A'a. Lissafin yana gudana a cikin burauzarka kuma ba a aika komai ko'ina ba.
Yaya zan koma?
Da HSL zuwa HEX.
Zaɓi cikin hikima lokacin da kake canza HEX zuwa HSL
Yi amfani da HSL don aiki, hex don adanawa
Riƙe babban palette a hex, inda ba shi da rashin fahimta, ka yi amfani da HSL lokacin da kake son ƙirƙirar bambance-bambance. Tafiya da dawowa suna rasa kaɗan; babban fayil ba ya rasa.
Yi la'akari da sabbin wuraren launi
CSS yanzu yana ba da oklch() da makamantan rubutu inda lightness daidai yake kama da daidai. Sun cancanci koyo don sabbin tsarin zane. HSL yana nan rubutun da kusan kowa ya fahimta kuma kowane kayan aiki yake goyon baya.
Yi amfani da custom properties
Ayyana --hue, --sat da --light, ka gina launuka daga cikinsu: hsl(var(--hue) var(--sat) var(--light)). Jigo sai ya canza ta hanyar gyara lambobi kaɗan.
Karantawa da rubuta HSL da kwarin gwiwa
Wasu alamomi da za a tuna
Lambobi kaɗan suna sa HSL ya fi sauƙin karantawa. Hue a ninkin 60 su ne launuka tsantsa: 0 ja, 60 rawaya, 120 kore, 180 cyan, 240 shuɗi, 300 magenta. Lightness na 50 tare da saturation na 100 yana ba da mafi tsantsar sigar kowane hue, kuma lightness 95 ko fiye tint ne mai kodadde har yana aiki a matsayin bango. Lokacin da ka canza HEX zuwa HSL ka ga hue kusa da ɗaya daga cikin waɗannan alamomi, za ka iya ambaton iyalin launin a kallo.
Motsawa tsakanin iyalai
Ƙara 180 ga hue yana ba da launi akasin haka a ƙafa, wato mai cikawa kuma yawanci mafi ƙarfin bambanci. Ƙarawa ko rage 30 yana ba da maƙwabci da yake zaune da kyau kusa da asali. Masu zane suna amfani da waɗannan matakai don zaɓar lafazi da suka dace da launin alama ba tare da zato ba.
Riƙe bayanin ƙimar da aka canza
Lokacin da kake canza HEX zuwa HSL don palette, rubuta sakamakon a tebur tare da hex na asali kusa da su. Teburin yana nuna yadda launukan suke da alaƙa, kuma idan hue ko lightness bai dace da sauran ba, abin mamakin yana bayyana nan take. Yana kuma ba ƙungiyarka abin tunani na tarayya.
Gwaji a allunan gaske
Launuka da suke kama da daidaito a na'urar kallo da aka daidaita na iya kama daban a waya a hasken rana ko kwamfutar tafi-da-gidanka mai arha. Duba palette ɗin da aka gama a aƙalla na'urori biyu, ka daidaita lightness kaɗan idan tints masu kodadde sun ɓace a ɗayansu.
Masu canzawa masu alaƙa
Iyali ɗaya na kayan aiki yana rufe canje-canje na maƙwabta. Don komawa baya, yi amfani da HSL zuwa HEX. Don lambobin da ke bayan lambar, akwai HEX zuwa RGB da RGB zuwa HEX, kuma don bugawa, HEX zuwa CMYK da CMYK zuwa HEX. Don girma a stylesheet ɗaya, px zuwa rem da px zuwa em suna yi wa tsayi abin da wannan shafi yake yi wa launuka.
Misali da aka yi aiki a kansa
Ka ce launin alamarka #1E7A5C ne. Ka canza HEX zuwa HSL ka karanta hsl(160, 61%, 30%). Don yanayin hover ka rubuta hsl(160, 61%, 36%), mai haske kaɗan. Don yanayin da aka danna, hsl(160, 61%, 24%). Don bango mai kodadde sosai a bayan sanarwa, hsl(160, 40%, 95%). Don maɓallin da aka kashe, hsl(160, 12%, 60%), hue ɗaya tare da yawancin launin an cire. Launuka biyar, hue ɗaya, an rubuta su a minti ɗaya, kuma duka suna kama da suna cikin juna. Lokacin da launin alama ya canza, kana canza lambar hue sau ɗaya.
Gajeren jerin dubawa
Kafin canzawa
Yanke shawara abin da kake son yi da launin: bambanta shi, yi masa jigo ko karanta shi kawai.
Yayin canzawa
Liƙa hex, karanta hsl ka rubuta lambobin uku.
Bayan canzawa
Yi bambance-bambance ta hanyar canza lamba ɗaya a lokaci guda, ka kalle su a kan ainihin bango.
Kurakurai na gama gari
Ɗaukar lambobin da aka zagaye a matsayin daidai
Cikakkun lambobi ne. Riƙe hex a matsayin babban fayil.
Daidaita lightness da haske
Launuka biyu a lightness iri ɗaya na iya bambanta sosai a yadda suke kama da haske.
Barin alamomin kashi
Saturation da lightness suna buƙatar su a CSS.
Launukanka suna zama a na'urarka
Lissafin yana faruwa a gida. Burauzarka ce take amfani da ƙimarka kuma ba a aika komai ko'ina ba. Babu abin da za a share bayan haka kuma babu asusu da za a ƙirƙira. Wannan ita ce hanya mai sauƙi don canza HEX zuwa HSL.
Taƙaitawa
Don canza HEX zuwa HSL a nan, rubuta ko liƙa lambar hex ka karanta ƙimar hsl nan take. Canzawar tana riƙe launi yadda ido yake rarraba shi: hue a kan ƙafa, yadda yake da saturation, yadda yake da haske. Wannan shi ne dalilin da HSL ya cancanci samu, tun da za ka iya sa launi ya zama kodadde ko inuwa mai duhu ta hanyar canza lamba ɗaya, wanda kusan ba zai yiwu ba a hex. Biyun suna kwatanta launuka iri ɗaya, amma HSL yana isa gare su ta wata geometry daban kuma ana zagaye lambobinsa uku zuwa cikakkun digiri da cikakkun kashi, don haka launi da aka ɗauka zuwa HSL aka dawo da shi na iya sauka mataki ɗaya ko biyu daga inda ya fara. Idan kana buƙatar ainihin bytes ɗin su dawo, riƙe hex. Ba a loda komai ba.