Libreng Converter

HSL sa HEX Converter

I-convert ang mga halaga ng kulay ng HSL sa mga code ng kulay ng HEX — libre, real-time na color converter.

Hue
Saturation (%)
Kagaanan (%)

HEX Output

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

Kopyahin ang Format

#HEX na format#368CE2
hsl() na formathsl(210°, 75%, 55%)
rgb() na formatrgb(54, 140, 226)

Tungkol sa tool na ito

I-convert ang mga halaga ng kulay ng HSL (Hue, Saturation, Lightness) sa mga hexadecimal code. Ang HSL ay isang intuitive na modelo ng kulay kung saan ang Hue ay ang anggulo ng kulay (0-360°), Ang Saturation ay ang intensity ng kulay (0-100%), at Kinokontrol ng Lightness kung gaano kaliwanag o madilim ang kulay (0-100%). Kapaki-pakinabang para sa mga designer na nagtatrabaho sa HSL at nangangailangan ng mga hex code para sa CSS.

Paano gamitin

  1. Ilagay ang halaga ng Hue (0-360 degrees sa color wheel).
  2. Itakda ang Saturation (0-100%) at Lightness (0-100%).
  3. Ang hex code ay kinakalkula at ipinapakita sa real time.
  4. Kopyahin ang hex code para magamit sa iyong CSS o tool sa disenyo.

Mga madalas itanong

Bakit gumamit ng HSL sa halip na hex o RGB?
Ang HSL ay mas madaling maunawaan para sa mga tao. Gusto mo ng darker shade? Bawasan ang liwanag. Gusto mo ng naka-mute na bersyon? Bawasan ang saturation. Ang mga ugnayang ito ay hindi halata sa hex o RGB kung saan kailangan mong ayusin ang lahat ng tatlong channel.
Ano ang ibig sabihin ng Hue of 0 vs 360?
Parehong pula ang 0° at 360° — pumapalibot ang hue wheel. Mga pangunahing kulay: 0° = pula, 60° = dilaw, 120° = berde, 180° = cyan, 240° = asul, 300° = magenta.
Ano ang mangyayari sa 0% at 100% saturation?
Sa 0% saturation, ang anumang kulay ay nagiging kulay abo (natutukoy sa pamamagitan lamang ng liwanag). Sa 100% saturation, makukuha mo ang pinakadalisay, pinakamatingkad na bersyon ng kulay na iyon.
Paano gumagana ang liwanag?
Ang 0% lightness ay palaging itim anuman ang kulay/saturation. 100% laging puti. 50% ay nagbibigay ng dalisay, pinaka-masiglang bersyon ng kulay. Ang mga value sa pagitan ng 0-50% ay darker shades, 50-100% ay lighter tints.