Iguquleli lika-RGB ukuya ku-Hex

Lungisa izilayida okanye uncamathisele ikhowudi ye-HEX ngezantsi ukuze uguqulele phakathi kwe-RGB, i-HEX kunye ne-HSL kwangoko, kunye nomboniso kombala obukhoma — konke kubalwa kwisixhobo sakho.

Akukho sikhiye se-API Akukho nto iphumayo kwisikhangeli sakho. Ukusetyenziswa okungenamda
Iguquleli lika-RGB ukuya ku-Hex — isixhobo sasimahla se-intanethi

Faka umbala

Isiphumo esiguquliweyo

#1f3a5fHEX — cofa ukuze ukope
31, 58, 95RGB — cofa ukuze ukope
210°, 51%, 25%HSL — cofa ukuze ukope
Ukusuka kubantu abasebenzisa esi sixhobo

Uphononongo

Kulayishwa uphononongo…
Yintoni kwaye isebenza njani?

Indlela yokuguqula i-RGB ibe yi-HEX

  1. Tsala izilayida ezibomvu, eziluhlaza neziluhlaza okwesibhakabhaka — okanye uncamathisele ikhowudi ye-HEX ngqo kwisithuba — ukuseta umbala.
  2. Bukela iswatshi yokuqala kunye neenani ze-HEX, RGB ne-HSL zihlaziyeka ngqo njengoko ulungisa nantoni na.
  3. Cofa nakuphi na ikhadi lexabiso ukuze ulikope, lilungele ukulincamathisela kwi-CSS, isoftware yoyilo, okanye ikhowudi.
Iziseko zemibala

I-RGB, i-HEX kunye ne-HSL: yintoni umahluko?

I-RGB, i-HEX kunye ne-HSL zonke zichaza kanye laa mibala inye — ziindlela nje ezahlukeneyo zokubhala la manani inye. I-RGB ichaza umbala ngokuba kukhanya obomvu, oluhlaza kunye noluhlaza okwesibhakabhaka obungakanani obudityaniswayo ukuze uwenze, nganye kuzo ikwiskali esuka ku-0 ukuya ku-255. I-HEX yixabiso elifanayo le-RGB elibhalwe ngokutsha njengekhowudi emfutshane enamanani amathandathu yesiseko-16, yiyo loo nto rgb(31, 58, 95) kwaye #1f3a5f zimbala ezifanayo. I-HSL yona ichaza umbala ngokwe-hue (indawo yawo kwivili lombala), i-saturation (ukubengezela kwawo) kunye ne-lightness (ukukhanya kwawo) — ifomathi edla ngokuba lula ukuqondwa xa kukhethwa iintlobo zombala ezinxulumeneyo.

Apho ifomathi nganye idla ngokusetyenziswa khona

IfomathiUkusetyenziswa okuqhelekileyoKutheni
IsithathuCSS, HTML, izixhobo zoyiloMfutshane, kulula ukuncamathisela nokwabelana ngayo njengomtya omnye.
Umbala obomvu, oluhlaza, nomthubiI-CSS enokungafihli (rgba)Ixhasa i-alpha channel yokungacaci
I-HSLUkwakha iipalethi zemibalaKulula ukwenza imibala ekhanyayo/emnyama okanye enxulumeneyo ngokutshintsha inani elinye.
Uyilo lwewebhu

Ukusebenzisa la maxabiso kwi-CSS

Nawuphi na kula mafomathi amathathu usebenza ngqo kwistylesheet: color: #1f3a5f;, color: rgb(31, 58, 95); kwaye color: hsl(210, 51%, 25%); zonke zibonisa umbala oluhlaza okwesibhakabhaka onzulu ofanayo. I-HEX yeyona ndlela imfutshane ixhaphakileyo yombala ongagungqiyo, ngelixa i-RGB (okanye i- rgba() uhlobo) luncedo xa umbala ufuna ukuba ubonakale kancinci, kwaye i-HSL yenza kube lula ukuvelisa iintlobo ezahlukeneyo zombala ezifanayo ngokugcina umbala oyintloko unguwo kanye uze ulungise kuphela ukukhanya kwawo.

Imibuzo ebuzwa rhoqo

Imibuzo Ebuzwa Rhoqo

Ingaba esi sijikisi se-RGB siye kwi-HEX sisimahla ukusetyenziswa?+

Ewe. Isebenza ngokupheleleyo ngeJavaScript kwibrowser yakho, ngoko ke akukho akhawunti, akukho API key, kwaye akukho mda kwinani lezihlandlo onokuyisebenzisa ngalo.

Ingaba idatha yam yemibala ilayishwa naphi na?+

Hayi. Lonke uguquko lwenzeka apha kwibrowser yakho. Akukho nto ithunyelwa kwi-server, igcinwe, okanye ilogwe.

What's the actual difference between HEX and RGB?+

Zichaza umbala ofanayo ngeendlela ezahlukeneyo zokubhala — i-HEX yindlela emfutshane enamanani amathandathu asekelwe kwi-16 yokubhala ngokufutshane loo milinganiselo ibomvu, eluhlaza nebhlowu efanayo i-RGB eyibhala njengamanani amathathu ahlukeneyo ukusuka ku-0 ukuya ku-255.

Izixhobo ezinxulumeneyo

Izixhobo Zoyilo Nophuhliso

Indlela yokwenza

Indlela esi Siguquli Esisebenza Ngayo

Amaxabiso aguqulwa ngoko nangoko phakathi kwe-RGB, HEX ne-HSL ngeJavaScript njengoko uchwetheza okanye ukhetha umbala — akukho nto uyifakayo elayishwa kwi-server okanye igcinwe naphi na.

Igcine ukuhlaziywa: Agasti 28, 2026.

Qhubeka

Ezinye izixhobo ebhokisini

Ezinye izixhobo zasimahla ezingadingi i-API key zifumaneka kwiphepha lasekhaya.