Konverter RGB ke HSL
Konversi RGB ke HSL secara instan saat Anda mengetik — gratis, cepat, lengkap dengan contoh perhitungan dan bagan warna umum.
Ketik nilai RGB untuk melihat nilai HSL di bawahnya, atau pilih warna langsung dari palet.
Contoh perhitungan
RGB 255, 87, 51 = HSL 11, 100%, 60%
Cara kerja konversi
- HSL mendeskripsikan warna yang sama berdasarkan hue (corak warna 0–360° pada roda warna), saturation (saturasi), dan lightness (kecerahan) — sangat praktis untuk menggelapkan atau mengurangi saturasi warna hanya dengan mengubah satu komponen saja.
Warna umum dalam RGB dan HSL
| Warna | RGB | HSL |
|---|---|---|
| Merah | 255, 0, 0 | 0, 100%, 50% |
| Jingga | 255, 165, 0 | 39, 100%, 50% |
| Kuning | 255, 255, 0 | 60, 100%, 50% |
| Hijau | 0, 128, 0 | 120, 100%, 25% |
| Sian | 0, 255, 255 | 180, 100%, 50% |
| Biru | 0, 0, 255 | 240, 100%, 50% |
| Ungu | 128, 0, 128 | 300, 100%, 25% |
| Merah Muda | 255, 192, 203 | 350, 100%, 88% |
| Cokelat | 165, 42, 42 | 0, 59%, 41% |
| Putih | 255, 255, 255 | 0, 0%, 100% |
| Abu-abu | 128, 128, 128 | 0, 0%, 50% |
| Hitam | 0, 0, 0 | 0, 0%, 0% |
Setiap konversi berjalan langsung di browser Anda. Tidak ada data yang Anda masukkan yang diunggah ke BroBroGo.
Tanya Jawab
Bagaimana cara mengonversi RGB ke HSL?
Ketik atau tempel nilai RGB Anda di atas — nilai HSL akan langsung diperbarui saat Anda mengetik. Anda juga dapat memilih warna secara visual menggunakan palet warna.
Apakah hasil konversinya akurat?
Nilai dibulatkan ke bilangan bulat terdekat, sesuai dengan format yang dibutuhkan oleh CSS dan aplikasi desain. Perbedaannya sangat kecil dan tidak akan terlihat oleh mata manusia.