Konversi HSL ke RGB
Masukkan hue, saturasi, dan lightness, lalu dapatkan nilai kanal merah, hijau, dan biru yang sesuai dari 0 hingga 255.
Input hsl
Hasil · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cara menggunakan: HSL ke RGB
- 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.
Dari HSL ke RGB
HSL adalah cara yang nyaman untuk merancang warna: Anda memilih hue pada roda warna (0° adalah merah, 120° hijau, 240° biru), lalu mengatur saturasi — seberapa cerah warnanya — dan lightness, di mana 0% adalah hitam, 50% adalah hue murni, dan 100% adalah putih. Namun layar bekerja dengan RGB, yaitu kecerahan subpiksel merah, hijau, dan birunya, sehingga warna HSL selalu dikonversi sebelum ditampilkan.
Anda memerlukan nilai RGB saat software tidak menerima HSL: banyak editor grafis, API warna Android dan iOS, strip LED, game engine, dan library grafik mengharapkan tiga angka kanal. Ketik tiga nilai HSL dan alat ini menampilkan hasil RGB beserta HEX, HSV, dan CMYK. Misalnya, hsl(200, 80%, 40%) menghasilkan rgb(20, 129, 184). Karena HSL dimasukkan sebagai bilangan bulat, input yang berdekatan terkadang menghasilkan warna RGB yang sama.
Semua berjalan secara lokal di browser Anda — gambar Anda tidak pernah diunggah ke server.