Konverter HSL ke HSV: Konversi Warna Live dan Privat
Konverter HSL ke HSV ini mengubah warna HSL menjadi HSV dan langsung memperbarui hasilnya saat Anda mengedit salah satu sisi. Ia juga menerima input warna umum seperti #abc, rgb(1 2 3 / 50%), dan nama warna. Lihat contoh warna, salin baris CSS siap tempel, dan periksa peringatan di luar gamut saat warna berada di luar sRGB.
Konverter HSL ke HSV membantu Anda menerjemahkan nilai warna antara HSL dan HSV langsung di browser Anda. Masukkan warna HSL untuk melihat padanan HSV-nya, atau edit salah satu sisi dan lihat sisi lainnya ikut berubah secara langsung. Contoh warna memudahkan pemeriksaan hasil, dan baris CSS siap tempel tersedia untuk disalin.
Konverter menerima HSL dan juga mengurai input warna umum seperti #abc, rgb(1 2 3 / 50%), dan nama warna. Saat Anda mengedit sebuah nilai, nilai yang sesuai di sisi lainnya langsung diperbarui. Alat ini juga menampilkan peringatan di luar gamut saat warna berada di luar sRGB; ia tidak mencantumkan opsi konversi yang dapat dikonfigurasi.
HSL dan HSV adalah dua cara merepresentasikan warna menggunakan hue dan saturasi, dengan lightness di HSL dan value di HSV. Mengonversi di antara keduanya berguna saat sistem, alur kerja, atau referensi menggunakan satu model tetapi nilai warna Anda dalam model lainnya. Pengeditan langsung dan contoh warna membantu Anda memeriksa warna saat menyiapkan nilai untuk digunakan ulang.
Konversi berjalan sepenuhnya di browser Anda: input Anda diproses di perangkat Anda dan tidak diunggah, disimpan, atau dikirim ke server. Tidak perlu mendaftar, dan setelah halaman dimuat, alat ini berfungsi offline tanpa ketergantungan server. Ia berguna bagi developer dan insinyur DevOps yang memindahkan nilai warna ke kode, memeriksa nilai yang diberikan, atau menyiapkan referensi warna yang jelas untuk rekan tim.
Langkah 1: Masukkan atau tempel warna HSL, atau gunakan input warna lain yang didukung seperti #abc, rgb(1 2 3 / 50%), atau nama warna.
Langkah 2: Tinjau hasil HSV, yang diperbarui saat Anda mengetik. Anda juga dapat mengedit sisi HSV dan melihat nilai HSL ikut berubah secara langsung.
Langkah 3: Periksa contoh warna dan cari peringatan di luar gamut jika warna berada di luar sRGB.
Langkah 4: Salin hasil atau baris CSS siap tempel untuk digunakan dalam kode, dokumentasi, atau catatan Anda.
Kasus penggunaan: Pindahkan data warna HSL ke sistem yang menerima HSV, lalu salin nilai yang dikonversi ke alur kerja Anda.
Kasus penggunaan: Periksa apakah nilai HSV cocok dengan aslinya dalam HSL dengan memasukkan kedua nilai dan membandingkan hasil langsungnya.
Kasus penggunaan: Siapkan detail warna untuk dokumentasi, tiket, atau pesan commit, dengan contoh warna untuk membantu mengidentifikasi warna.
Kasus penggunaan: Periksa kewajaran konversi warna sebelum menambahkan hasilnya ke kode, menggunakan contoh warna dan peringatan di luar gamut sebagai pemeriksaan visual.
Kasus penggunaan: Bekerja dengan nilai warna yang disalin dalam berbagai format umum, termasuk hex singkat, RGB dengan alfa, dan nama warna.
Kasus penggunaan: Jelajahi bagaimana perubahan pada warna HSL memengaruhi padanan HSV-nya dengan mengedit salah satu sisi dan melihat sisi lainnya ikut berubah.