AbraCalc

Konverter Warna HSL ke RGB

Konversi nilai warna HSL (hue, saturation, lightness) ke RGB secara instan.

Oleh · Ditinjau oleh AbraCalc Methodology Review · 2 sumber

Sematkan alat ini di situs Anda
Kutip alat ini

APA

AbraCalc. (2026). Konverter Warna HSL ke RGB [Online calculator]. Retrieved from https://abracalc.com/id/hsl-ke-rgb/

BibTeX

@misc{abracalc-hsl-ke-rgb, author = {AbraCalc}, title = {Konverter Warna HSL ke RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/id/hsl-ke-rgb/}} }

Apakah alat ini menjawab pertanyaan Anda?

Cara menggunakan alat ini

  1. Masukkan hue (0–360°), saturation (0–100%), dan lightness (0–100%).
  2. Alat ini menghasilkan nilai merah, hijau, dan biru yang setara (0–255).
  3. Salin string rgb() ke CSS atau baca nilai R, G, B secara individual.

Konversi nilai HSL (Hue, Saturation, Lightness) kembali ke RGB untuk digunakan dalam gambar, Canvas, atau di mana pun RGB diperlukan.

Rumus

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

Pertanyaan umum

Bagaimana cara kerja konversi HSL ke RGB?
Algoritma ini mengonversi saturation/lightness menjadi nilai perantara, lalu memetakan sudut hue ke kanal R, G, B terpisah menggunakan fungsi piecewise.
Apa itu hsl(120, 100%, 50%)?
Itu adalah hijau murni: rgb(0, 255, 0).

Referensi dan sumber