Mai canza RGB zuwa Hex

Daidaita masu zamewa ko liƙa lambar HEX a ƙasa don canzawa tsakanin RGB, HEX da HSL nan take, tare da nunin launi kai tsaye — duk ana ƙididdigewa a na'urarka.

Babu maɓallin API Babu abin da zai fita daga burauzarka Amfani mara iyaka
Mai canza RGB zuwa Hex — kayan aikin yanar gizo kyauta

Shigar launi

Fitarwa da aka maida

#1f3a5fHEX — danna don kwafi
31, 58, 95RGB — danna don kwafi
210°, 51%, 25% HSL — danna don kwafi
Daga mutanen da ke amfani da wannan kayan aiki

Bita

Ana loda bita…
Menene shi kuma yaya yake aiki?

Yadda ake maida RGB zuwa HEX

  1. Jawo masu zamewa ja, kore da shuɗi — ko liƙa lambar HEX kai tsaye cikin filin — don saita launi.
  2. Kalli samfurin gani na farko da ƙimomin HEX, RGB da HSL suna sabunta kai tsaye yayin da kake daidaita komai.
  3. Danna kowace katin ƙima don kwafa shi, a shirye don liƙa shi cikin CSS, manhajar ƙira, ko lambar.
Gabatarwar launi

RGB, HEX da HSL: menene bambancinsu?

RGB, HEX da HSL duk suna bayyana launuka iri ɗaya — hanyoyi ne daban-daban na rubuta lambobi iri ɗaya. RGB yana ƙayyade launi ta yadda adadin hasken ja, kore da shuɗi ke haɗuwa don samar da shi, kowannensu a kan sikeli na 0–255. HEX shi ne darajar RGB iri ɗaya da aka sake rubuta su a matsayin ƙaramin lambar tushe-16 mai lambobi 6, shi ya sa rgb(31, 58, 95) da #1f3a5f suna nufin launuka iri ɗaya ne. HSL kuwa tana bayyana launi ta launi (hue) (matsayinsa a kan keken launi), cika (saturation) (yadda yake haske) da haske (lightness) — tsarin da sau da yawa yafi sauƙin fahimta wajen zaɓar launuka masu alaƙa.

Inda ake yawan amfani da kowanne tsari

TsariAmfani na yau da kullumMe ya sa
HEXCSS, HTML, kayan aikin ƙiraGajere, mai sauƙin liƙa da raba a matsayin jerin rubutu guda ɗaya
Ja, Kore, da ShuɗiCSS tare da bayyanawa (rgba)Yana tallafawa tashar alpha don ɓoyewar gani
HSLGina palettes na launukaYana da sauƙi a ƙirƙiri launuka masu haske/duhu ko masu alaƙa ta hanyar canza lamba ɗaya.
Ƙirar yanar gizo

Amfani da waɗannan ƙimomi a cikin CSS

Duk ɗaya daga cikin tsarin uku yana aiki kai tsaye a cikin takardar salo: color: #1f3a5f;, color: rgb(31, 58, 95); da color: hsl(210, 51%, 25%); duk suna nuna daidai launin shuɗi mai duhu. HEX shine gajeriyar hanya mafi yawan amfani don launuka masu ƙarfi, yayin da RGB (ko rgba() wanda aka bambanta) yana da amfani idan ana buƙatar launin ya kasance da ɗan haske, kuma HSL yana sauƙaƙa ƙirƙirar jerin launuka masu daidaito ta hanyar riƙe launi a matsayin dabam sannan a daidaita haske kawai.

Tambayoyi da ake yawan yi

Tambayoyi da ake yawan yi

Shin wannan mai canza RGB zuwa HEX kyauta ne a yi amfani da shi?+

Eh. Yana aiki gaba ɗaya da JavaScript a burauzarka, don haka babu asusu, babu makullin API, kuma babu iyaka kan sau nawa za ka iya amfani da shi.

Shin ana ɗora bayanan launina a wani wuri?+

A'a. Duk canjin yana faruwa ne a cikin burauzarka. Babu wani abu da ake tura wa uwar garke, ana adana shi, ko kuma ana yin rikodi.

Menene ainihin bambanci tsakanin HEX da RGB?+

Suna bayyana iri ɗaya na launi ta hanyoyi daban-daban — HEX wata gajeriyar rubutu ce mai lambobi shida a tsarin base-16 wadda ke nufin ƙimar ja, kore da shuɗi ɗaya da RGB ke rubuta a matsayin lambobi uku daban-daban daga 0 zuwa 255.

Kayan aiki masu alaƙa

Kayan aiki don ƙira da haɓakawa

Hanyar bincike

Yadda wannan mai canzawa ke aiki

Ana canza ƙimomi a ainihin lokaci tsakanin RGB, HEX da HSL ta JavaScript yayin da kake rubutu ko zaɓar launi — babu wani abin da ka shigar da ake ɗora wa zuwa sabar ko ajiye a ko'ina.

An sabunta a ƙarshe: 28 ga Agusta, 2026.

Ci gaba

Ƙarin kayan aiki a cikin akwatin

Karami kayan aiki kyauta marasa buƙatar makullin API suna nan a shafin gida.