Konverter Gratis

HSL ke Konverter HEX

Konversi nilai warna HSL ke kode warna HEX secara instan — konverter warna gratis dan real-time.

Rona
Saturasi (%)
Kecerahan (%)

Output HEX

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

Salin Format

Format #HEX#368CE2
Format hsl()hsl(210°, 75%, 55%)
Format rgb()rgb(54, 140, 226)

Tentang alat ini

Ubah nilai warna HSL (Hue, Saturation, Lightness) menjadi kode heksadesimal. HSL adalah model warna intuitif dengan Hue adalah sudut warna (0-360°), Saturation adalah intensitas warna (0-100%), dan Lightness mengontrol seberapa terang atau gelap warnanya (0-100%). Berguna bagi desainer yang bekerja di HSL dan membutuhkan kode hex untuk CSS.

Cara menggunakan

  1. Masukkan nilai Hue (0-360 derajat pada roda warna).
  2. Atur Saturasi (0-100%) dan Ringan (0-100%).
  3. Kode hex dihitung dan ditampilkan secara real time.
  4. Salin kode hex untuk digunakan dalam CSS atau alat desain Anda.

Pertanyaan yang sering diajukan

Mengapa menggunakan HSL, bukan hex atau RGB?
HSL lebih intuitif bagi manusia. Ingin warna yang lebih gelap? Kurangi keringanan. Ingin versi yang dibisukan? Kurangi saturasi. Hubungan ini tidak terlihat jelas dalam hex atau RGB di mana Anda perlu menyesuaikan ketiga saluran.
Apa yang dimaksud dengan Hue 0 vs 360?
Baik 0° maupun 360° berwarna merah — roda rona membungkusnya. Warna mayor: 0° = merah, 60° = kuning, 120° = hijau, 180° = cyan, 240° = biru, 300° = magenta.
Apa yang terjadi pada saturasi 0% dan 100%?
Pada saturasi 0%, rona apa pun menjadi rona abu-abu (ditentukan oleh tingkat kecerahannya saja). Pada saturasi 100%, Anda mendapatkan versi rona yang paling murni dan jelas.
Bagaimana cara kerja yang ringan?
Kecerahan 0% selalu berwarna hitam, apa pun corak/saturasinya. 100% selalu putih. 50% memberikan versi warna yang murni dan paling cerah. Nilai antara 0-50% adalah warna yang lebih gelap, dan 50-100% adalah warna yang lebih terang.