Kigeuzi cha Bure

HSL kwa Kubadilisha HEX

Badilisha thamani za rangi za HSL ziwe misimbo ya rangi ya HEX papo hapo - kigeuzi cha rangi bila malipo, katika wakati halisi.

Hue
Kueneza (%)
Wepesi (%)

Pato la HEX

#368CE2
R:54
G:140
B:226

Nakili Umbizo

Muundo wa #HEX#368CE2
hsl() muundohsl(210°, 75%, 55%)
rgb() muundorgb(54, 140, 226)

Kuhusu zana hii

Badilisha thamani za rangi za HSL (Hue, Saturation, Lightness) kuwa misimbo ya heksadesimali. HSL ni muundo wa rangi angavu ambapo Hue ni pembe ya rangi (0-360°), Kueneza ni ukubwa wa rangi (0-100%), na Mwangaza hudhibiti jinsi rangi ilivyo nyepesi au nyeusi (0-100%). Muhimu kwa wabunifu wanaofanya kazi katika HSL na wanahitaji misimbo ya hex kwa CSS.

Jinsi ya kutumia

  1. Weka thamani ya Hue (digrii 0-360 kwenye gurudumu la rangi).
  2. Weka Kueneza (0-100%) na Wepesi (0-100%).
  3. Msimbo wa hex huhesabiwa na kuonyeshwa kwa wakati halisi.
  4. Nakili msimbo wa heksi kwa matumizi katika CSS yako au zana ya kubuni.

Maswali yanayoulizwa mara kwa mara

Kwa nini utumie HSL badala ya hex au RGB?
HSL ni angavu zaidi kwa wanadamu. Unataka kivuli giza? Punguza wepesi. Je, unataka toleo lililonyamazishwa? Punguza kueneza. Mahusiano haya hayaonekani wazi katika hex au RGB ambapo utahitaji kurekebisha chaneli zote tatu.
Je, Hue ya 0 dhidi ya 360 inamaanisha nini?
0 ° na 360 ° zote ni nyekundu - gurudumu la hue huzunguka pande zote. Rangi kuu: 0 ° = nyekundu, 60 ° = njano, 120 ° = kijani, 180 ° = cyan, 240 ° = bluu, 300 ° = magenta.
Ni nini hufanyika kwa kueneza kwa 0% na 100%?
Kwa kueneza kwa 0%, hue yoyote inakuwa kivuli cha kijivu (imedhamiriwa na wepesi peke yake). Kwa kueneza kwa 100%, unapata toleo safi, wazi zaidi la rangi hiyo.
Je, wepesi hufanya kazi vipi?
0% wepesi daima ni nyeusi bila kujali hue/kueneza. 100% daima ni nyeupe. 50% inatoa toleo safi, zuri zaidi la rangi. Thamani kati ya 0-50% ni vivuli vyeusi, 50-100% ni rangi nyepesi.