Penukar RGB kepada HSL
Tukar RGB kepada HSL secara langsung semasa anda menaip — percuma, serta-merta, lengkap dengan contoh pengiraan dan carta warna biasa.
Taip nilai RGB dan lihat nilai HSL di bawahnya, atau pilih warna daripada palet warna.
Contoh pengiraan
RGB 255, 87, 51 = HSL 11, 100%, 60%
Cara penukaran berfungsi
- HSL menerangkan warna yang sama mengikut rona (hue, 0–360° pada roda warna), ketepuan (saturation) dan kecerahan (lightness) — sangat berguna untuk menggelapkan atau mengurangkan ketepuan warna dengan hanya mengubah satu komponen.
Warna biasa dalam RGB dan HSL
| Warna | RGB | HSL |
|---|---|---|
| Merah | 255, 0, 0 | 0, 100%, 50% |
| Oren | 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 Jambu | 255, 192, 203 | 350, 100%, 88% |
| Coklat | 165, 42, 42 | 0, 59%, 41% |
| Putih | 255, 255, 255 | 0, 0%, 100% |
| Kelabu | 128, 128, 128 | 0, 0%, 50% |
| Hitam | 0, 0, 0 | 0, 0%, 0% |
Setiap penukaran dijalankan dalam penyemak imbas anda. Tiada apa-apa yang anda masukkan akan dimuat naik ke BroBroGo.
Soalan Lazim
Bagaimanakah cara untuk menukar RGB kepada HSL?
Taip atau tampal nilai RGB anda di atas — nilai HSL akan dikemas kini secara langsung semasa anda menaip. Anda juga boleh memilih warna secara visual menggunakan palet warna.
Adakah penukaran ini tepat?
Nilai dibundarkan kepada nombor bulat, iaitu format yang diperlukan oleh CSS dan alat reka bentuk. Perbezaannya adalah terlalu kecil untuk dikesan oleh mata kasar.