Konverter HSL ke HEX

Konverter HSL ke HEX mengubah nilai HSL seperti hsl(217, 91%, 60%) menjadi kode heksadesimal seperti #3B82F6. HSL adalah model paling ramah untuk merancang warna lewat rona, saturasi, dan kecerahan — tetapi kebanyakan stylesheet, token desain, dan HTML masih mengharapkan kode HEX, jadi konversi ini menjembatani keduanya.

Tips alur kerja: setel warna persis di HSL — mudah dipahami — lalu konversikan ke HEX untuk nilai yang benar-benar Anda pakai di kode.

Kapan Anda membutuhkannya

Dari desain ke kode

Anda membuat palet di HSL dan kini butuh kode HEX untuk berkas tema atau panduan merek.

Berbagi ringkas

Satu string HEX lebih mudah disalin dan ditempel daripada tiga angka HSL dengan tanda persen.

Dukungan lama

Sejumlah alat dan jalur kode lama masih mengharapkan HEX, bukan fungsi hsl().

Cara mengonversi HSL ke HEX

Masukkan nilai HSL

Ketik nilai Anda sebagai 217, 91%, 60% atau hsl(217, 91%, 60%). Simbol derajat pada rona bersifat opsional, dan tanda % diterima tetapi tidak wajib.

Baca hasil HEX

Kode HEX dihasilkan seketika, dan kotak warna langsung diperbarui agar Anda bisa memastikan warnanya sesuai keinginan.

Atau pilih warna

Klik kotak pratinjau untuk membuka pemilih warna bawaan dan memilih secara visual — kolom HSL dan HEX terisi untuk Anda.

Salin & gunakan

Salin kode HEX untuk stylesheet Anda. Panel di bawah juga menampilkan RGB, HSL, HSV, dan CMYK dari warna yang sama.

Fitur

Konversi instan

HEX muncul begitu Anda mengetik, sepenuhnya di sisi klien tanpa apa pun yang dikirim ke server.

Input fleksibel

Berfungsi dengan atau tanpa simbol %, tanda derajat, dan pembungkus hsl().

Pratinjau & pemilih

Kotak warna langsung memverifikasi warna, dan pemilih bawaan memungkinkan memilih secara visual.

Semua format sekaligus

Setiap hasil juga menampilkan HEX, RGB, HSL, HSV, dan CMYK.

Tetap dalam rentang: rona harus 0–360 dan baik saturasi maupun kecerahan 0–100. Nilai di luar batas ini ditandai karena tidak mewakili warna yang sah.

Pertanyaan yang sering diajukan

Nilai HSL apa yang valid?

Rona berkisar 0 hingga 360 (derajat), sedangkan Saturasi dan Kecerahan berkisar 0 hingga 100 persen. Nilai di luar rentang ini bukan warna yang sah.

Apakah saya harus menyertakan simbol %?

Tidak. Konverter menerima saturasi dan kecerahan dengan atau tanpa tanda % — 91% dan 91 diperlakukan sama.

Apa yang terjadi jika nilai di luar rentang?

Konverter menandai kesalahan jika ada nilai di luar rentang valid, sehingga Anda bisa memperbaiki input alih-alih mendapat warna yang menyesatkan.

Bisakah saya menempelkan string hsl() lengkap?

Bisa. Baik hsl(217, 91%, 60%) maupun 217, 91%, 60% yang polos sama-sama berfungsi — pembungkus dan simbol derajat diurai serta diabaikan sesuai kebutuhan.

Apakah keluaran HEX huruf besar?

Ya, HEX dikembalikan dalam huruf besar (mis. #3B82F6), konvensi yang umum. CSS memperlakukan HEX huruf besar dan kecil secara identik.