Konverter HSL ke HEX: Konversi Warna Online Gratis
Konversi warna HSL ke HEX seketika, atau edit salah satu nilai dan lihat yang lain diperbarui secara langsung. Konverter juga menerima contoh seperti #abc, rgb(1 2 3 / 50%), dan nama warna. Periksa contoh warna dan baris CSS siap tempel, dan waspadai peringatan di luar gamut ketika warna berada di luar sRGB.
Konverter HSL ke HEX mengubah warna HSL menjadi nilai warna heksadesimal di browser Anda. Anda juga dapat mengedit nilai HEX secara langsung dan melihat sisi HSL diperbarui secara langsung, sehingga mudah membandingkan kedua representasi. Contoh warna dan baris CSS siap tempel membantu Anda meninjau hasilnya.
Parsing warna fleksibel: alat dapat mengurai contoh seperti #abc, rgb(1 2 3 / 50%), dan nama warna, serta masukan HSL. Ketika warna berada di luar sRGB, konverter menampilkan peringatan di luar gamut. Ini membantu Anda menyadari ketika warna berada di luar ruang warna itu saat memeriksa konversinya.
HSL mendeskripsikan warna melalui hue, saturasi, dan lightness, sedangkan HEX merepresentasikan nilai warna dengan notasi heksadesimal. Mengonversi di antara keduanya berguna ketika referensi desain atau nilai warna dalam HSL tetapi kode, dokumentasi, atau sistem yang Anda kerjakan membutuhkan HEX. Pengeditan dua arah secara langsung juga membantu Anda memeriksa apakah dua nilai merepresentasikan warna yang Anda harapkan.
Konversi berjalan sepenuhnya di browser Anda: masukan Anda diproses di perangkat Anda dan tidak diunggah, disimpan, atau dikirim ke server. Tidak perlu mendaftar, dan alat berfungsi offline setelah halaman dimuat. Berguna bagi developer, desainer, dan engineer DevOps yang perlu memeriksa, membandingkan, atau menyalin nilai warna tanpa mengganggu alur kerja mereka.
Langkah 1: Masukkan atau tempel warna HSL untuk melihat nilai HEX-nya diperbarui seketika.
Langkah 2: Edit nilai HSL atau HEX; sisi lainnya diperbarui secara langsung, sehingga Anda dapat membandingkan dan menyesuaikan kedua format.
Langkah 3: Periksa contoh warna dan baris CSS siap tempel. Periksa peringatan di luar gamut bila warna berada di luar sRGB.
Langkah 4: Salin hasil heksadesimal dan tempel ke kode, dokumentasi, tiket, atau pesan commit Anda.
Kasus penggunaan: Pindahkan data warna HSL ke sistem yang hanya menerima nilai heksadesimal.
Kasus penggunaan: Periksa apakah nilai HEX cocok dengan warna HSL yang Anda terima dengan mengedit salah satu sisi dan membandingkan hasil langsungnya.
Kasus penggunaan: Siapkan warna HSL dan padanan HEX-nya untuk dokumentasi, tiket, atau pesan commit.
Kasus penggunaan: Uji kewarasan konversi warna sebelum menempel nilai HEX ke kode.
Kasus penggunaan: Pratinjau warna dengan contoh warna saat bekerja dengan nilai HSL dan HEX.
Kasus penggunaan: Periksa apakah warna berada di luar sRGB sebelum memakai hasil HEX yang ditampilkan.