Konversi HSL ke HEX
Atur hue, saturasi, dan lightness, lalu dapatkan kode warna HEX enam digit yang sesuai, siap disalin.
Input hsl
Hasil · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cara menggunakan: HSL ke HEX
- 1
Masukkan warna
Ketik kode warna atau pilih warna dengan pemilih warna — setiap kolom menerima format yang ditampilkannya.
- 2
Lihat hasil konversinya
Hasil diperbarui secara instan saat Anda mengetik, disertai pratinjau warna secara langsung.
- 3
Salin kodenya
Salin nilai yang Anda perlukan dengan satu klik, lalu tempelkan ke desain, CSS, atau pengaturan cetak Anda.
Mengapa mengubah HSL ke HEX
HSL adalah cara paling intuitif untuk membangun sistem warna. Anda menetapkan satu hue, misalnya 262° untuk ungu, lalu membuat satu skala lengkap terutama dengan mengubah lightness: sekitar 95% untuk latar belakang, 58% untuk tombol dan aksen, 30% untuk teks. Desainer dan developer menggunakan metode ini untuk tint, shade, dan tema gelap.
Namun skala yang sudah jadi biasanya harus diserahkan dalam bentuk kode HEX: panduan gaya, design token, library Figma, brand book, dan banyak sistem manajemen konten mengharapkan nilai #RRGGBB. Masukkan nilai HSL dan salin hasil HEX-nya — hsl(262, 83%, 58%), misalnya, menjadi #7C3BED. Alat ini juga menampilkan RGB, HSV, dan CMYK untuk warna yang sama. Karena HEX hanya bisa menyimpan 256 tingkat per kanal, perubahan yang sangat kecil pada HSL tidak selalu mengubah kode HEX.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.