Penukar HSL kepada RGB

Tukar HSL kepada RGB secara langsung semasa anda menaip — percuma, serta-merta, lengkap dengan contoh pengiraan dan carta warna biasa.

Taip nilai HSL dan lihat nilai RGB di bawahnya, atau pilih warna daripada palet warna.

Pilih warna atau taip nilai dalam sebarang format.

Contoh pengiraan

HSL 11, 100%, 60% = RGB 255, 87, 51

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 HSL dan RGB

WarnaHSLRGB
Merah0, 100%, 50%255, 0, 0
Oren39, 100%, 50%255, 165, 0
Kuning60, 100%, 50%255, 255, 0
Hijau120, 100%, 25%0, 128, 0
Sian180, 100%, 50%0, 255, 255
Biru240, 100%, 50%0, 0, 255
Ungu300, 100%, 25%128, 0, 128
Merah Jambu350, 100%, 88%255, 192, 203
Coklat0, 59%, 41%165, 42, 42
Putih0, 0%, 100%255, 255, 255
Kelabu0, 0%, 50%128, 128, 128
Hitam0, 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 HSL kepada RGB?

Taip atau tampal nilai HSL anda di atas — nilai RGB 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.