ImageColorPicker.com

konverter HSL ka RGB

Konversi warna HSL naon waé ka RGB — langsung jeung gratis

#F39C12

Témpél nilai warna naon waé — kami bakal ngadeteksi formatna pikeun anjeun.

H
S
L
hasil RGB
Beureum
243
Hejo
156
Biru
18

Warna ieu dina sagala format

Profil CMYK: Coated FOGRA39 (standar Photoshop pikeun Éropa)

HSL téh cara ramah pikeun milih warna, sedengkeun RGB nyaéta naon anu sabenerna dipaké ku layar, API canvas jeung kode gambar. Konverter ieu ngarobah unggal tripel hue, saturation jeung lightness jadi kanal 0–255 anu pas.

Kumaha konvérsi HSL ka RGB jalanna

  1. Robah S jeung L jadi fraksi sarta itung chroma C = (1 − |2L − 1|) × S.
  2. Bagikeun hue ku 60 pikeun manggihan segménna dina roda warna sarta itung nilai antara X = C × (1 − |(H/60 mod 2) − 1|).
  3. Tugaskeun C, X jeung 0 kana slot R, G jeung B nurutkeun segmén éta.
  4. Tambahkeun offset lightness L − C/2 ka tilu kanal sarta kalikeun ku 255.

Conto nu jalan

HSL hsl(37, 90%, 51%)=RGB rgb(243, 156, 18)

Hasilna pas nepi ka pembulatan ahir kana nilai bulat kanal. Nilai hue atawa saturation fraksional ditampi sarta bakal didekkeun kana tripel RGB pangcaketna.

HSL jeung RGB dijelaskeun

Naon éta HSL?

HSL mecah warna jadi hue (0–360° dina roda warna), saturation (sabaraha warna, 0–100%) jeung lightness (sabaraha caang, 0–100%). Kusabab masing-masing bagian cocog jeung cara jalma ngajelaskeun warna, HSL mangrupa format anu paling gampang pikeun nyieun tint, shade jeung palét anu konsisten — sacara manual atawa dina kode.

Sintaks:
hsl(H, S%, L%)
Rentang:
0–360°, 0–100%, 0–100%
Pangalusna pikeun:
palét, tint jeung shade, theming

Naon éta RGB?

RGB ngajelaskeun warna salaku tilu kanal cahaya — beureum, héjo jeung biru — masing-masing ti 0 nepi ka 255. Ieu ngagambarkeun kumaha layar sabenerna gawé: katilu dina 255 jadi bodas, katilu dina 0 jadi hideung. RGB téh pilihan anu bener lamun anjeun kudu ngitung maké warna, sarta rgba() nambahkeun transparansi di luhur.

Sintaks:
rgb(R, G, B)
Rentang:
0–255 per kanal
Pangalusna pikeun:
kode, canvas, transparansi kalawan rgba()

tabel rujukan HSL ka RGB

Warna CSS anu paling umum, dikonversi ti HSL ka RGB.

WarnaHSLRGB
blackhsl(0, 0%, 0%)rgb(0, 0, 0)
whitehsl(0, 0%, 100%)rgb(255, 255, 255)
redhsl(0, 100%, 50%)rgb(255, 0, 0)
limehsl(120, 100%, 50%)rgb(0, 255, 0)
bluehsl(240, 100%, 50%)rgb(0, 0, 255)
yellowhsl(60, 100%, 50%)rgb(255, 255, 0)
orangehsl(39, 100%, 50%)rgb(255, 166, 0)
tealhsl(180, 100%, 25%)rgb(0, 127, 128)
purplehsl(300, 100%, 25%)rgb(128, 0, 127)
grayhsl(0, 0%, 50%)rgb(128, 128, 128)

Konverter warna séjénna

Patanyaan anu sering ditaroskeun

Robah S jeung L jadi fraksi sarta itung chroma C = (1 − |2L − 1|) × S. Bagikeun hue ku 60 pikeun manggihan segménna dina roda warna sarta itung nilai antara X = C × (1 − |(H/60 mod 2) − 1|). Tugaskeun C, X jeung 0 kana slot R, G jeung B nurutkeun segmén éta. Tambahkeun offset lightness L − C/2 ka tilu kanal sarta kalikeun ku 255.

Hasilna pas nepi ka pembulatan ahir kana nilai bulat kanal. Nilai hue atawa saturation fraksional ditampi sarta bakal didekkeun kana tripel RGB pangcaketna.

RGB ngajelaskeun warna salaku tilu kanal cahaya — beureum, héjo jeung biru — masing-masing ti 0 nepi ka 255. Ieu ngagambarkeun kumaha layar sabenerna gawé: katilu dina 255 jadi bodas, katilu dina 0 jadi hideung. RGB téh pilihan anu bener lamun anjeun kudu ngitung maké warna, sarta rgba() nambahkeun transparansi di luhur.

Leres. Tombol swap di gigireun input bakal ngirimkeun anjeun ka konverter RGB ka HSL, anu jalanana sarua pisan. Dua arah ngagunakeun formula anu sami, ngan diaplikasikeun sabalikna.

Ngahasilkeun palét dina kode? Loop kana hue dina HSL sarta robah tiap léngkah jadi RGB — maneh meunang warna anu jarakna rata anu moal kahontal ku nyaluyukeun RGB sacara manual.