Konversi HSL ke HSV
Ubah hue, saturasi, dan lightness menjadi hue, saturasi, dan value (HSB) untuk software grafis.
Input hsl
Hasil · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cara menggunakan: HSL ke HSV
- 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.
Perbandingan HSL dan HSV
HSL dan HSV sama-sama dimulai dengan hue, yaitu sudut pada roda warna, dan sama-sama mendeskripsikan sisa warna dengan dua persentase — tetapi arti persentasenya berbeda. Di HSL, lightness 50% adalah warna murni dan 100% selalu putih. Di HSV, yang juga disebut HSB, value 100% adalah versi paling terang dari hue tersebut, dan putih adalah value 100% dengan saturasi 0%. Saturasi juga dihitung secara berbeda, sehingga angkanya tidak bisa begitu saja disalin.
Itulah sebabnya warna yang ditulis di CSS sebagai hsl(120, 100%, 25%) — warna CSS Green — harus dimasukkan ke pemilih warna HSV sebagai hsv(120, 100%, 50%). Gunakan konverter ini saat memindahkan warna dari kode web ke Photoshop, Figma, Blender, atau kode pemrosesan gambar yang bekerja dengan HSV. Hue tetap sama; hanya saturasi dan nilai ketiga yang berubah.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.