Iguqulo kusuka ku-RGB kuya ku-Hex

Lungisa ama-slider noma unamathisele ikhodi ye-HEX ngezansi ukuze uguqule phakathi kwe-RGB, HEX ne-HSL ngokushesha, nokubuka kombala bukhoma — konke kubalwa kudivayisi yakho.

Ayikho i-API key Akukho okushiya isiphequluli sakho Ukusetshenziswa okungenamkhawulo
Iguqulo ye-RGB kuya ku-Hex — ithuluzi lamahhala eliku-inthanethi

Ukufaka umbala

Umphumela oguquliwe

#1f3a5fHEX — chofoza ukukopisha
31, 58, 95RGB — chofoza ukukopisha
210°, 51%, 25%HSL — chofoza ukukopisha
Kubantu abasebenzisa leli thuluzi

Izibuyekezo

Kulayishwa izibuyekezo…
Yini leyo futhi isebenza kanjani?

Ungayiguqula kanjani i-RGB ibe yi-HEX

  1. Hudula izilayida ezibomvu, eziluhlaza neziluhlaza okwesibhakabhaka — noma unamathisele ikhodi ye-HEX ngqo ensimini — ukuze usethe umbala.
  2. Buka isampula yokubuka kanye namanani e-HEX, RGB ne-HSL zibuyekezwa bukhoma njengoba ushintsha noma yini.
  3. Chofoza noma yiliphi ikhadi lenani ukuze ulikopishe, ulilungele ukulincamathisela ku-CSS, kusofthiwe yokuklama, noma kukhodi.
Izisekelo zombala

RGB, HEX kanye ne-HSL: yini umehluko?

RGB, HEX kanye ne-HSL zonke zichaza imibala efanayo ngokunembile — ziyizindlela nje ezahlukene zokubhala izinombolo ezifanayo. I-RGB ichaza umbala ngokuthi ukukhanya okubomvu, okuluhlaza nokuluhlaza okwesibhakabhaka kuhlanganiswa kanjani ukuze kwakhe umbala, ngakunye kusekelwe esikalini esingu-0 kuya ku-255. I-HEX iyamanani afanayo e-RGB abhalwe kabusha njengokhodi encane enezinhlamvu eziyisithupha esisekelweni se-16, yingakho rgb(31, 58, 95) futhi #1f3a5f ziyizithombe ezifanayo. I-HSL, ngakolunye uhlangothi, ichaza umbala ngokwe-hue (isikhundla sawo esijikelezweni sombala), i-saturation (ukucaca kwawo) kanye nobukhanya — ifomethi evame ukuba lula ekuhlangenwe nakho ekukhetheni imibala ehlobene.

Lapho ifomethi ngayinye ivamise ukusetshenziswa khona

IfomethiUkusetshenziswa okuvamileKungani
Isigamu somjikelezoCSS, HTML, amathuluzi wokuklamaMfushane, kulula ukunamathisela nokwabelana ngayo njengomugqa owodwa.
RGBI-CSS enokungabonakali (rgba)Isekela isiteshi se-alpha sokungabonakali
I-HSLUkwakha amaphalethi wombalaKulula ukudala imibala ekhanyayo noma emnyama kakhudlwana noma efanayo ngokushintsha inombolo eyodwa.
Ukuklama iwebhusayithi

Ukusebenzisa lezi zindinganiso ku-CSS

Noma iyiphi yalezi zindlela ezintathu isebenza ngqo kusitayela: color: #1f3a5f;, color: rgb(31, 58, 95); kanye color: hsl(210, 51%, 25%); zonke zibonisa umbala oluhlaza okwesibhakabhaka olufanayo. I-HEX iyindlela emfushane evamile kakhulu yemibala eqinile, kanti i-RGB (noma i- rgba() uhlobo lwayo) luyasiza lapho umbala udinga ukungabonakali ngokuphelele, kanti i-HSL yenza kube lula ukudala izinhlobo zombala ezifanayo ngokugcina umbala oyinhloko ungashintshi bese ulungisa kuphela ukukhanya.

Imibuzo evame ukubuzwa kakhulu

Imibuzo Evame Ukubuzwa

Ingabe lo mguquli we-RGB uya ku-HEX ukhululekile ukusetshenziswa?+

Yebo. Isebenza ngokuphelele nge-JavaScript kusiphequluli sakho, ngakho-ke ayikho i-akhawunti, ayikho i-API key, futhi akukho mkhawulo wokuthi ungayisebenzisa kangaki.

Ingabe idatha yami yemibala ilayishwa noma kuphi?+

Cha. Zonke izinguquko zenziwa ngaphakathi kwebhrawuza yakho. Akukho okuthunyelwa kuseva, okugcinwa, noma okulogwa.

Yini umehluko wangempela phakathi kwe-HEX ne-RGB?+

Ichaza umbala ofanayo ngezibhalo ezihlukene — i-HEX iyindlela emfushane enezibalo eziyisithupha esisekelweni-16 yokubhala ngokushesha imibala ebomvu, eluhlaza okotshani neluhlaza okwesibhakabhaka efanayo naleyo i-RGB eyibhala njengezinombolo ezintathu ezihlukene ezisuka ku-0 kuya ku-255.

Amathuluzi ahambisanayo

Amathuluzi wokuklama nokuthuthukisa

Indlela yokwenza

Lesi siguquli sisebenza kanjani

Amanani aguqulwa bukhoma phakathi kwe-RGB, HEX ne-HSL nge-JavaScript njengoba uchwetheza noma ukhetha umbala — akukho okufakwa kwakho okulayishiwe kuseva noma kugcinwe noma kuphi.

Kubuyekezwe okokugcina: Agasti 28, 2026.

Qhubeka

Amathuluzi amaningi ebhokisini

Kukhona amathuluzi amaningi wamahhala angadingi i-API key ekhasini lasekhaya.